게시판/지도/캘린더페이지에 여러 게시판 표시하기 (최신글)

최신글 위젯은 기존 생성된 게시판의 게시물을 불러와 페이지에 표시하는 역할을 합니다.

게시판 위젯은 메뉴당 한 개만 삽입할 수 있지만, 최신글 위젯은 여러 개를 추가할 수 있습니다. 또한 최신글 위젯은 게시물을 불러올 때 최신글, 인기글(일간/주간/월간) 순으로도 표시가 가능하기 때문에, 여러 개의 게시글을 한 페이지에 표시할 때 적합합니다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/628e5ded-3e8c-41f9-a8c2-43fdcae1cf80/00.jpg

이 도움말에서는 각 NOTICE, FAQ, Q&A, 입고정보 메뉴의 게시물을 위 그림처럼 COMMUNITY 메뉴에 표시하는 방법을 설명합니다.


앞서 완료해야 할 사항

최신글 위젯을 사용하려면 앞서 게시판 메뉴를 만들어 두어야 합니다. 위에서도 언급한 것처럼 최신글 위젯은 기존 게시판의 게시물을 불러오는 위젯이기 때문입니다. 다음 도움말들을 참조해 게시판을 추가하고 게시글을 작성해주세요.


제작방법

1단계, 최신글 위젯 추가 및 설정하기
  1. 왼쪽 상단 메뉴 관리를 클릭합니다.
  2. 최신글을 표시할 메뉴를 생성합니다. 메뉴 추가방법
  3. 왼쪽 상단 위젯 추가를 클릭하고, 최신글 위젯을 클릭합니다.
  4. 최신글 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  5. 최신글 설정을 클릭합니다.
  6. 게시판 연동 항목에서 게시판 선택을 클릭합니다.
    참고: 게시판은 여러 개 선택할 수 있습니다.

  7. (선택 사항) 유형 항목에서 연동한 게시판의 게시물을 어떤 순으로 표시할지 지정할 수 있습니다. 유형에는 최신글, 일간/주간/월간 인기글이 있습니다.

  8. (선택 사항) 필요에 따라 리스트 항목 및 리스트텍스트옵션을 수정합니다.

    • 리스트 : 줄 수를 변경해 한 최신글 당 몇 개의 게시물을 표시할지 지정합니다. 간격 옵션을 변경해 한 줄당 간격을 조절할 수 있습니다.
    • 텍스트 : 제목과 글쓴이, 조회수, 작성일 등의 글자 크기를 조절합니다.

2단계, 최신글 위젯 복제하기
  1. 위 1단계에서 추가한 최신글 위젯을 3개 복제합니다. 위젯 복제방법
  2. 복제한 최신글 위젯들을 다음 예제 그림처럼 배치합니다. 위젯 이동방법

  3. 위 1단계 4번~7번 과정을 참조해 각 최신글 위젯으로 불러올 게시판을 선택하고, 표시할 유형을 설정합니다.

3단계, 최신글 타이틀 추가하기

이제 각 최신글이 어떤 내용을 담고 있는지 방문자에게 알리기 위해 타이틀을 추가해줄 것입니다.

  1. 왼쪽 상단 위젯 추가를 클릭하고, 텍스트 위젯을 추가합니다.
  2. 텍스트 위젯을 마우스로 더블-클릭합니다.
  3. 텍스트 에디터가 켜지면 타이틀을 입력하고, 텍스트의 크기 및 색상, 굵기 등 스타일을 지정합니다.
  4. 텍스트 위젯 바깥 영역을 클릭해, 텍스트 에디터를 끕니다.
  5. 작업한 텍스트 위젯을 3개 복제합니다. 위젯 복제방법
  6. 복제한 각 텍스트 위젯을 마우스로 더블-클릭하고, 최신글 타이틀에 맞게 텍스트를 변경해줍니다.
  7. 다음 예제 그림처럼 작업한 텍스트 위젯들을 각 최신글 위젯의 바로 윗쪽에 배치합니다.
    참고 : 최신글 위젯 바로 위에 검은줄이 생길 때, 마우스를 놓아야 타이틀과 최신글 목록이 하나의 위젯 그룹으로 처리됩니다.


  8. (선택 사항) 필요에 따라 각 최신글 위젯 아래 여백 위젯을 추가해 공간을 줍니다.


모바일에서 위젯 순서가 이상하게 나타나요.

디자인 작업 완료 후 모바일 버전에서 타이틀과 최신글이 순서대로 표시되지 않는 경우 위젯을 묶어 배치하지 않았을 수 있습니다. 다음 도움말을 통해 모바일 버전을 고려한 위젯 배치 방법에 대해 알아보세요.

모바일 버전 위젯 배치 방법

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/8e374dae-0170-4d8d-8a01-8972bd70fbfa/06.png

상호명 : 애드리빙

서울시 마포구 마포대로 63-8 삼창프라자빌딩 1539호

사업자등록번호 : 106-04-80687 조회하기

통신판매업신고번호 : 제 2015-서울용산-00950 호

T.1566-5733  F.02-6499-3299  E.so2815@naver.com

운영시간 : 평일 AM 10:00 ~ PM 18:00(공휴일 휴무)

점심시간 : AM 11:30 ~ PM 1:00

test