전체 페이지 모드 사용

전체 페이지 모드는 게시물 페이지가 자동으로 중앙에 배치되고 사이드 바가 숨겨집니다. 이 기능은 독자가 콘텐츠에 더 집중하고 게시물을 더 읽기 쉽게 만드는 데 유용합니다.
2 min read
전체 페이지 모드 사용
전체 페이지 모드는 라벨로 활성화되며 나중에 변경할 수 있습니다.

전체 페이지 모드는 게시물 페이지가 자동으로 중앙에 배치되고 사이드 바가 숨겨집니다. 이 기능은 독자가 콘텐츠에 더 집중하고 게시물을 더 읽기 쉽게 만드는 데 유용합니다.

Medium과 같은 대형 플랫폼도 이와 같은 레이아웃을 사용합니다. 사이드 바가 차지하는 공간을 본문의 영역으로 대체하여 독자의 눈이 더 편안하도록 합니다. 아시다시피 잡다한 위젯이 너무 많으면 정신 사납고 눈이 더 빨리 피로해질 수 있습니다.

사용법

전체 페이지를 사용하기 위한 데이터 값는 오직 'Blog' 위젯에만 작동합니다.

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' visible='true'/>

아래 코드 중 일부를 다른 라벨 이름으로 변경해야 합니다.

<!--[ Fullpage condition ]-->
<b:class cond='data:view.isSingleItem and data:posts any (p => p.labels any (l => l.name in [ &quot;Label_1&quot; , &quot;Label_2&quot; ]))' name='singlePage'/>
<b:include cond='data:view.isSingleItem and data:posts any (p => p.labels any (l => l.name in [ &quot;Label_1&quot; , &quot;Label_2&quot; ]))' name='post-singlePage'/>

이 기능에서 2개의 라벨을 사용할 수 있습니다. Label_1, Label_2를 원하는 라벨 이름으로 바꿉니다.

콘텐츠 확장을 위한 샘플 텍스트

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vestibulum dignissim diam, et efficitur felis commodo et. Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus. Sed suscipit sapien sed turpis ultrices viverra. Ut quis dui sed odio sollicitudin fermentum. Aliquam vitae metus laoreet, dapibus enim sit amet, feugiat lorem. Sed in dui purus.

Morbi turpis arcu, eleifend a tortor quis, sagittis dapibus ipsum. Vestibulum in imperdiet arcu, eget fringilla libero. Aenean commodo, felis id fermentum pellentesque, risus elit efficitur augue, at lobortis libero ipsum quis nulla. Suspendisse imperdiet magna at tellus feugiat rhoncus. Donec in massa vitae quam lobortis cursus. Donec tincidunt interdum ex ut finibus.

Praesent at dui scelerisque, laoreet justo eu, egestas justo. Nullam dapibus, dolor quis blandit suscipit, massa odio hendrerit neque, at fermentum dolor tellus ac justo. Cras placerat sit amet libero sit amet rhoncus. Aenean ultrices vitae erat ut malesuada. Vivamus fringilla mollis leo, ut tempus nibh feugiat sollicitudin. Phasellus sodales maximus turpis, eget sollicitudin tortor volutpat ac.

In imperdiet ultrices iaculis. Proin consequat, massa ut hendrerit lacinia, eros nibh finibus justo, ut consectetur nibh orci vitae massa. Ut sodales lobortis sollicitudin. Phasellus eget mi dictum neque mollis vehicula. Vestibulum et dolor accumsan, volutpat est quis, posuere tortor. Maecenas euismod turpis eu metus elementum tempor. Pellentesque in ullamcorper massa. Pellentesque lectus ipsum, dignissim nec ornare et, laoreet eget ex. Duis convallis lorem vitae consequat mattis. Aenean dui lectus, auctor eu dui et, gravida pellentesque velit. In vitae justo lacus. Vivamus id imperdiet sapien. Mauris non maximus purus. Nulla facilisi.

You may like these posts

  • 긴 게시물을 탭에서 섹션으로 나눌 수 있습니다. Anda bisa membagi postingan panjang menjadi beberapa bagian dal…
  • Disqus 댓글은 onClick 모드에서 나타납니다. 기본 Blogger 댓글을 Disqus 댓글로 교체 가능합니다. 국내에서는 자주 사용하지는 않지만 해외에서 유명한 플러그인입니다. 이 댓글의 장점은 사용자가 댓글 버튼을 클릭할 때까지 댓글 스크립트가 로드되지 않는다는 것입니다. 이는…
  • Facebook은 가장 많은 사용자를 보유한 소셜 미디어 중 하나이며 블로그에 설치할 수 있는 댓글 플러그인 기능도 제공합니다. 타겟팅 방문자가 Facebook을 자주 사용한다면 이 사람들을 위해 Face…
  • 게시물을 여러 페이지로 나누는 데 유용합니다. 미리보기가 포함된 완전한 튜토리얼을 참고할 수 있습니다. 콘텐츠 확장을 위한 샘플 텍스트 …
  • 전체 페이지 모드는 라벨로 활성화되며 나중에 변경할 수 있습니다. 전체 페이지 모드는 게시물 페이지가 자동으로 중앙에 배치되고 사이드 바가 숨겨집니다. 이 기능은 독자가 콘텐츠에 더 집중하고 게시물을 더 읽기 쉽게 만드는 데 유용합니다. Medium과 같은 대형 플랫폼도 이와 같은 레이아…
  • 사용자가 댓글을 스크롤한 이후 Disqus 댓글이 로드됩니다. Disqus onScroll 댓글은 이전의 Disqus 댓글 방식과 비슷하지만 onScroll 방식을 사용합니다. onScroll 방식은 사용자가 댓글을 로드하기 위해 버튼을 클릭할 필요가 없고 단순히 댓글을 스크롤하면 Dis…

Post a Comment