게시판 카테고리 메뉴 리스트 만들기

  아임웹 연구소 소장 해준  |  2017 . 10 . 20

시작에 앞서
아주 반가운 기능이 업데이트 되어, 꿀팁을 올리게 되었습니다. 바로 게시판 [카테고리 메뉴 리스트]입니다.

지금까지는 메뉴 리스트 위젯을 사용해, 페이지별 메뉴 리스트만 만들 수 있었습니다. 그러나 이제는 1개 게시판에서 나누어진 카테고리에 따라 메뉴 리스트를 구성하는 것도 가능해졌습니다. 그 방법도 아주 쉽습니다.




해당 기능을 자세히 보시려면, 아래 주소를 클릭해주세요.
http://imwebstarteredu.imweb.me/category-board-menu-list

이 기능은 샘플로 제작된 위 사이트처럼 장르별 도서 신간 리스트나, 제품군에 따라 나눠지는 자주 묻는 질문(FAQ) 게시판을 만드는 데도 아주 좋을 것 같습니다.

자, 어서 설정하는 방법을 알아볼까요?




1단계, 게시물 카테고리 설정하기
게시판 위젯을 하나 추가합니다. 다음으로 게시판 위젯에 마우스 커서를 놓고, 마우스 오른쪽 버튼을 클릭해주세요. 보조 메뉴가 뜨면 [게시판 설정]을 클릭합니다.





2단계, 카테고리 만들기
1) 설정 창이 나타나면, [게시판 설정] 탭 메뉴로 이동해주세요.
2) [카테고리] 항목에서 [사용함]을 체크해주세요.
3) [새 카테고리]를 클릭해, 카테고리를 추가할 수 있습니다.
4) 새 카테고리가 추가되면, [연필] 아이콘을 클릭하고 카테고리명을 입력해주세요.
 *카테고리 개수는 2017년 11월 14일 현재 최대 25개까지 가능합니다.





3단계, 카테고리명 및 색상 선택하기
1) 연필 아이콘을 클릭하면, 카테고리 이름을 변경할 수 있습니다.
2) 필요하신 경우 색상을 선택해주세요. *카테고리 색상은 [메뉴 리스트]에는 영향을 주진 않습니다.
3) 편집 중인 카테고리를 삭제할 수 있습니다.





4단계, 메뉴 리스트 위젯 추가하기
이제 메뉴 리스트를 만들어보겠습니다. 디자인 모드 툴바 좌측 상단의 위젯 추가(+) 아이콘을 클릭해, [메뉴 리스트] 위젯을 추가합니다.

1) 메뉴 리스트 위젯 위에 마우스 커서를 놓고, 마우스 오른쪽 버튼을 클릭합니다.
2) 보조 메뉴가 나타나면, [메뉴 리스트 설정]을 클릭해주세요.





5단계, 카테고리 설정하기
1) 다른 스타일의 메뉴를 사용하고자 하신다면, [다른 스타일]을 클릭해주세요.
2) 연동 대상 항목에서 [페이지 내 게시판 카테고리 연동]을 선택해주세요.
3) [전체 카테고리 보기] 텍스트를 수정하실 수 있습니다. *빈칸으로 두시면 메뉴 리스트 왼쪽 첫 메뉴가 [전체]로 표시됩니다.





6단계, 게시물 카테고리 지정하기
카테고리를 클릭했을 때 나타날 게시물들의 [카테고리]를 지정해줘야 합니다. 게시글 작성 후, 아래 그림처럼 미리 만들어둔 카테고리 중 하나를 선택해 지정해주세요.





7단계, 카테고리 메뉴 리스트 완료
이제 사이트 미리보기를 클릭해, 카테고리 중 하나를 클릭해보세요. 해당 카테고리가 지정된 게시글들만 나타나는 걸 확인하실 수 있습니다. ^^


해준
배우고 익히고 나누는 | 해준씨 | 유용한 콘텐츠 마케팅 | 네이버 카페 '아임웹 연구소' 소장
jin@haejoon.com

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버페이, KCP 공식파트너입니다.