웹사이트 방문자에게 공지사항, 자주 묻는 질문(FAQ) 등 여러 정보를 효과적으로 보여주고 싶으신가요? 그렇다면 아코디언 스타일의 게시판을 활용해 보세요!
기존의 일반적인 게시판을 사용할 경우, 방문자는 제목을 클릭하고 별도의 페이지로 이동해야 내용을 확인할 수 있습니다. 이 과정은 사용자 경험을 나쁘게 만들 뿐만 아니라 웹사이트의 레이아웃을 복잡하게 만들 수 있는데요. 이때 아코디언 스타일의 게시판을 사용하면, 제목과 내용을 한 페이지에서 모두 볼 수 있어 사용자 편의성을 높일 수 있죠!
여러분의 이해를 돕기 위해, 오늘은 평범함을 특별하게 바꿔주는 상업용 아이콘 브랜드 <오케이티콘>의 웹사이트 사례를 통해 아코디언형 게시판 설정법을 1분 안에 소개합니다. 오케이티콘은 아코디언형 게시판을 이용해 이벤트, 상품 업데이트 등 여러 공지사항을 깔끔하게 보여주고 있는데요.
오케이티콘의 디자인 레시피, 지금 알아볼까요?👩🍳
📌이런 분이라면 특히 주목해 주세요!
- 방문자에게 공지사항, FAQ 등의 정보를 보기 쉽게 전달하고 싶은 분
- 사용자 경험을 개선하고 깔끔한 레이아웃을 유지하고 싶은 분
- 이벤트, 상품 업데이트 등을 효율적으로 알리고 싶은 분
STEP 1
아임웹 디자인 모드 접속. 좌측에 [+] 버튼을 클릭해 [게시판] 위젯을 만들어 주세요.
STEP 2
마우스 우클릭 후 [게시판 설정] 메뉴 진입. 상단에 ‘디자인’ 탭으로 이동해 주세요.
STEP 3
가운데 [다른 스타일] 버튼 클릭 후, 리스트 게시판 제일 오른쪽 ‘아코디언 스타일’을 선택해 주면 끝이에요!
TIP💡
각 게시물을 펼치는 버튼의 디자인도 변경할 수 있어요.
[게시판 위젯 설정] 메뉴 > 디자인 탭 > ‘아이콘’ 항목에서 원하는 디자인으로 변경해 보세요.
✅ 자주 묻는 질문
- (1) 디자인모드 > 게시판 위젯 우클릭 후 [게시판 설정] 클릭 > ‘옵션 - NEW 표시기한’ 항목에서 설정된 기한을 확인해 주세요.
- (2) 관리자 페이지 진입 > 컨텐츠 관리 > 게시물 > 새로 생성한 게시물 우측 […] 클릭 > 작성시각을 ‘NEW 표시기한’이 지난 날짜로 재설정 해주세요.
2. 위젯에서 ‘new’ 표시가 아예 안 떴으면 좋겠어요.
- 디자인모드 > 게시판 위젯 우클릭 후 [게시판 설정] 클릭 > ‘옵션 - NEW 표시기한’ 항목을 0일로 설정해 주세요.
3. 게시물 위젯 하단에 [글쓰기] 버튼, 댓글 입력 창을 안 보이게 하고 싶어요.
- (1) 디자인모드 > 게시판 위젯 우클릭 후 [게시판 설정] 클릭 > ‘권한 - 글 작성’ 항목을 ‘소유자’로 설정해 주세요.
- (2) ‘옵션 - 글쓰기 버튼’ 항목도 ‘권한이 있는 경우 표시’로 변경해 주세요.
- 참고 가이드: 회원이나 비회원에게도 글쓰기 버튼이 표시돼요
다른 브랜드들은 이 기능을 어떻게 활용했을까요?
🔎 포토랩플러스
메인 페이지 하단에서 판매 제품에 포함된 프로그램의 핵심 기능을 가독성 있게 보여주고 있어요.
🔎 인에이블(INABLE)
메인 페이지 하단에서 자주 묻는 질문(FAQ)을 정리해 보여주고 있어요.
우리 브랜드만의 감도 높은 웹사이트, 쉽고 빠르게 만들어 보세요!
아임웹은 웹사이트, 온라인 쇼핑몰 제작을 고민하는 여러분들을 위해 70여 종의 템플릿을 무료로 제공하고 있어요. 조금만 수정해도 꽤 그럴듯한 웹사이트가 완성되죠! 마음에 드는 템플릿을 발견했다면, 지금 바로 가볍게 만들어 보세요👇
*오늘 소개드린 '아코디언 형 게시판'은 [NOBASE CLASS] 템플릿에서도 확인 가능합니다.
🔖 다른 레시피 보러가기
※ 레시피 사례로 소개한 오케이티콘을 비롯해 포토랩플러스, 인에이블은 아임웹과 함께 성장하는 브랜드입니다.
by 마케팅 소영
