× 10월의 특별한 혜택 프리미엄 12개월 요금 결제 시 NHN KCP(전자결제 PG)가입비 22만원 면제! 자세히 보기
가이드
[요소 가이드] 최신글
빈페이지닷컴 2020-08-17 15:20:17


<데스크톱 버전>


최신글 요소 가이드


*최신글 요소는 여러 게시판의 게시글 중 최신 게시물을 모아서 보여주는 기능을 하는 요소입니다.

예를 들어 공지사항 게시판, 자유 게시판, Q&A 게시판 등 여러 게시판이 존재할 경우 각 게시판에서 최근 등록된 글들의 리스트를 모아서 보여주는 기능을 합니다.








1)  게시판  요소를 추가할 섹션 위에서 마우스 우 클릭 팝업메뉴 호출 후-> 요소 추가를 클릭하여 요소 추가 사이드바를 열고  "최신글" 요소 아이콘을 클릭하여 요소를 추가합니다.



image.png













2) 추가된 최신글 요소위에 마우스 우 클릭 팝업메뉴 호출 후 -> 최신글 설정을 클릭하여 설정 창을 열어줍니다.



image.png











3) 설정 창을 열면 게시판 요소의 설정과 흡사한 모습을 볼 수 있습니다. 최신글 요소는 게시판 요소와 다르게 게시글을 작성하거나 댓글을 작성하는 기능이 있는 것이 아닌 단순히 여러 게시판의 게시글을 모아서 리스트만

보여주는 것이므로 게시판과 연동해야 사용 가능하며 단독으로 기능을 할 수 없습니다.



(1) 최신글 유형 선택 : 게시판 요소와 마찬가지로 게시글 리스트를 뿌리는 유형을 선택할 수 있습니다. (리스트형/갤러리형/웹진형)


(2) 게시판 연동 : 추가한 최신글 요소와 연동할 게시판을 선택할 수 있습니다.


(3) 구성 항목 요소 : 게시판 요소와 마찬가지로 게시글 리스트에 표시할 항목들을 ON/OFF 할 수 있습니다.


(4) 리스트 설정 : 리스트 유형에 따라 스타일 설정값을 지정할 수 있습니다.


(5) 폰트 설정 : 리스트에 표시되는 폰트의 크기 및 색상을 지정할 수 있습니다.



image.png












<리스트형 최신글 예시>





image.png















<갤러리형 최신글 예시>



image.png















<웹진형 최신글 예시>




image.png











<모바일 버전>


최신글 요소 가이드


*최신글 요소는 여러 게시판의 게시글 중 최신 게시물을 모아서 보여주는 기능을 하는 요소입니다.

예를 들어 공지사항 게시판, 자유 게시판, Q&A 게시판 등 여러 게시판이 존재할 경우 각 게시판에서 최근 등록된 글들의 리스트를 모아서 보여주는 기능을 합니다.










1)  게시판  요소를 추가할 섹션 위에서 마우스 우 클릭 팝업메뉴 호출 후-> 요소 추가를 클릭하여 요소 추가 사이드바를 열고  "최신글" 요소 아이콘을 클릭하여 요소를 추가합니다.



image.png













2) 추가된 최신글 요소위에 마우스 우 클릭 팝업메뉴 호출 후 -> 최신글 설정을 클릭하여 설정 창을 열어줍니다.



image.png











3) 설정 창을 열면 게시판 요소의 설정과 흡사한 모습을 볼 수 있습니다. 최신글 요소는 게시판 요소와 다르게 게시글을 작성하거나 댓글을 작성하는 기능이 있는 것이 아닌 단순히 여러 게시판의 게시글을 모아서 리스트만

보여주는 것이므로 게시판과 연동해야 사용 가능하며 단독으로 기능을 할 수 없습니다.



(1) 최신글 유형 선택 : 게시판 요소와 마찬가지로 게시글 리스트를 뿌리는 유형을 선택할 수 있습니다. (리스트형/갤러리형/웹진형)


(2) 게시판 연동 : 추가한 최신글 요소와 연동할 게시판을 선택할 수 있습니다.


(3) 구성 항목 요소 : 게시판 요소와 마찬가지로 게시글 리스트에 표시할 항목들을 ON/OFF 할 수 있습니다.


(4) 리스트 설정 : 리스트 유형에 따라 스타일 설정값을 지정할 수 있습니다.


(5) 폰트 설정 : 리스트에 표시되는 폰트의 크기 및 색상을 지정할 수 있습니다.



image.png












<리스트형 최신글 예시>



image.png

















<갤러리형 최신글 예시>



image.png















<웹진형 최신글 예시>



image.png