최신글 위젯으로 페이지에 여러 게시판 표시하기

아임웹에서는 페이지의 원활한 로드를 위해 하나의 메뉴에 한 개의 게시판만 추가하도록 제한되어 있습니다. 예를 들어, Q&A 메뉴에는 회원의 질문에 답하기 위한 Q&A 게시판 한 개만 삽입할 수 있는 것입니다. 만약 공지사항(NOTICE), 자주 묻는 질문(FAQ), 질문답변(Q&A)과 같은 여러 개의 게시판을 하나의 페이지에 모두 표시하고 싶다면 최신글 위젯이 대안이 될 수 있습니다.

최신글 위젯은 여러 게시판의 게시물을 불러와 정렬하고 표시하는데 특화된 위젯입니다. 최신글 위젯도 게시판 위젯과 같이 다양한 게시판 스타일을 제공하며, 게시판 스타일에 맞게 게시물을 최신글, 인기글(일간/주간/월간) 순으로도 표시할 수 있습니다.

이 도움말에서는 최신글 위젯을 활용해 아래 그림과 같이 COMMUNITY 메뉴 하나에 여러 게시판을 모두 표시하는 방법을 설명합니다.

시작에 앞서

이 도움말을 진행하기에 앞서 두 개 이상의 게시판 메뉴를 만들어 둬야 합니다. 위에서도 언급한 것처럼 최신글 위젯은 기존 게시판의 게시물을 불러오는 위젯이기 때문에 단독으로 사용할 수 없습니다. 아래의 도움말을 참고해 2개 이상의 게시판을 추가하고 각 게시판에 게시물을 작성해 주세요.

제작방법

새로운 메뉴를 생성하고, 최신글 위젯을 추가합니다.

  1. 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
  2. 상단 메뉴 항목의 오른쪽 끝에 위치한 메뉴 추가 ⊕ 아이콘을 클릭합니다.

  3. 메뉴명(예: COMMUNITY)을 작성하고, 확인을 클릭합니다.
  4. (선택 사항) 여러 게시판이 생성되어 있는 경우, 상단 메뉴가 길어져 정상적으로 표시되지 않을 수 있습니다. 이때 모든 게시판 메뉴를 최신글 위젯이 삽입된 메뉴의 하위 메뉴로 구성할 수 있습니다.

  5. 새로운 빈 메뉴가 생성되면 왼쪽 상단의 위젯 추가 + 아이콘을 클릭합니다.
  6. 위젯 목록이 나오면 최신글 위젯을 클릭해 삽입합니다.

삽입한 최신글 위젯을 설정합니다.

  1. 최신글 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 위젯 컨텍스트 메뉴가 나오면 최신글 설정을 클릭합니다.
  3. 게시판 연동 항목에서 게시판 선택을 클릭합니다.

    참고: 게시판은 여러 개 선택할 수 있습니다. 해당 최신글 위젯에 표시하려는 모든 게시판을 선택할 수 있습니다.

  4. (선택 사항) 유형 항목에서 연동한 게시판의 게시물을 어떤 순으로 표시할지 지정합니다.

    • 최신글: 연동한 게시판(들)의 최신 게시물들을 정렬하여 표시합니다.
    • 일간/주간/월간 인기글: 연동한 게시판(들)의 게시글 중, 특정 기간(일간/주간/월간) 동안 조회수(10점)와 좋아요(20점) 점수를 합산한 점수가 높은 게시물 순으로 정렬되어 표시됩니다.
  5. (선택 사항) 필요에 따라 리스트 항목리스트 옵션을 수정합니다.

    • 리스트 항목: 게시판에 표시할 리스트 표시요소를 선택 또는 선택 해제합니다.
    • 줄 수: 최신글 목록에 최대 몇 개의 게시물을 표시할지 지정합니다.
    • 간격: 게시판 한 줄당 간격을 조절할 수 있습니다.
  6. (선택 사항) 게시판 텍스트 옵션을 수정합니다.

    • 제목: 제목의 텍스트 크기를 지정합니다.
    • 글쓴이, 조회수, 작성일 등: 글쓴이, 조회수, 작성일 등 표시요소의 텍스트 크기를 지정합니다.
  7. 최신글 위젯 설정을 모두 마쳤다면, 최신글 설정 창 바깥 영역을 클릭해 설정을 종료합니다.
  8. 연동한 게시판의 게시물이 지정한 줄 수 만큼 표시됩니다.

위 2단계에서 제작한 최신글 위젯을 원하는 만큼 복제하고 배치합니다.

  1. 최신글 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  2. 위젯 컨텍스트 메뉴가 나오면 위젯 복사를 클릭합니다.

  3. 다시 마우스 오른쪽 버튼을 클릭해 위젯 컨텍스트 메뉴에서 위젯 붙여넣기를 클릭합니다.
  4. 최신글 위젯이 복제되면, 복제된 최신글 위젯을 마우스로 클릭 후 드래그하여 원하는 곳에 배치합니다. 아래 그림은 총 4개의 최신글 위젯을 2x2 형식으로 배치한 상태입니다. 위젯 이동방법

  5. 위 2단계 과정을 참고해 복제한 최신글 위젯에 연동할 게시판, 유형 등을 지정합니다.

  6. (선택 사항) 필요에 따라 여백 위젯을 추가하여, 각 최신글 위젯 아래 배치해 여백을 줍니다.

이제 각 최신글이 어떤 게시물을 포함하는지 방문자에게 보여 주기 위해 타이틀을 추가해 줍니다.

  1. 왼쪽 상단의 위젯 추가 + 아이콘을 클릭하고, 텍스트 위젯을 추가합니다.
  2. 텍스트 위젯을 마우스로 더블-클릭합니다.
  3. 텍스트 에디터가 켜지면 타이틀 텍스트를 작성하고, 텍스트의 크기, 색상, 굵기 등 스타일을 지정합니다.
  4. 텍스트 위젯 바깥 영역을 클릭해 텍스트 작성을 종료합니다.
  5. 작성 완료한 텍스트 위젯을 마우스로 클릭 후 드래그하여, 아래 애니메이션과 같이 해당 타이틀에 적합한 최신글 위젯의 바로 위에 배치할 수 있습니다.

  1. 디자인 모드 오른쪽 상단의 미리보기 아이콘을 클릭합니다.
  2. 각 최신글 게시판에 의도한 게시물들이 정상적으로 표시되는지 확인합니다.
  3. 문제가 없다면 디자인 모드가 돌아가 게시하기 버튼을 클릭해 적용합니다.

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

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

모바일 버전 위젯 배치하기


👉 최신글 위젯 알아보기 동영상 가이드

목록으로