Ghost 블로그에서 추천 게시물을 표시하는 방법

블로그가 있는 경우 때때로 가장 인기 있거나 중요한 게시물을 다른 게시물 위에 표시하고 싶을 수 있습니다. 다양한 방법으로 이 작업을 수행할 수 있지만 가장 쉽고 권장되는 방법은 일부 필터링과 함께 get 도우미를 사용하여 추천 게시물을 가져오는 것입니다.

추천 게시물을 표시하는 데 사용하는 일반적인 위치는 블로그의 홈페이지이므로 Ghost 테마의 index.hbs 파일을 수정할 것입니다. 쿼리에서 추천 게시물을 가져오려면 추천 필터를 사용합니다.

{{#get "posts" limit="all" filter="featured:true"}}
    {{#foreach posts}}
        <a href="{{slug}}">{{title}}</a>
    {{/foreach}}
{{/get}}

이 코드 블록은 제목과 함께 모든 추천 게시물 링크를 표시합니다. 예를 들어 게시물 발췌 및 생성 날짜와 같은 foreach 블록에 더 많은 게시물 정보를 추가할 수 있습니다.

{{#get "posts" limit="all" filter="featured:true"}}
    {{#foreach posts}}
        <a href="{{slug}}">{{title}}</a>
        <p>{{excerpt}}</p>
        <time datetime="{{date format=" YYYY-MM-DD"}}">{{date}}</time>
    {{/foreach}}
{{/get}}

특집 게시물 제목, 발췌문 및 날짜를 ​​표시하기에 충분합니다. 그러나 몇 가지 방법으로 이 코드를 개선할 수 있습니다. 먼저 추천 게시물이 전혀 없는지 확인할 수 있습니다. 블로그에 작성된 추천 게시물이 없는 경우 사용자에게 간단한 메시지를 표시할 수 있습니다.

{{#get "posts" filter="featured:true" limit="all"}}
        {{#if posts}}
            {{#foreach posts}}
                <a href="{{url}}">{{title}}</a>
                <p>{{excerpt}}
                <time datetime="{{date format=" YYYY-MM-DD"}}">{{date}}</time>
            {{/foreach}} 
        {{else}}
        <p>There are no featured posts at the moment.</p>
        {{/if}}
{{/get}}

또한 게시물 페이지 매김이 활성화된 경우 추천 게시물을 표시하지 않습니다. 예를 들어 사용자가 페이지 매김을 사용하여 다른 페이지로 전환하면 추천 게시물 섹션이 표시되지 않습니다. 코드를 is 도우미와 결합하여 이를 달성할 수 있습니다.

{{^is "paged"}}
{{#get "posts" filter="featured:true" limit="all"}}
        {{#if posts}}
            {{#foreach posts}}
                <a href="{{url}}">{{title}}</a>
                <p>{{excerpt}}
                <time datetime="{{date format=" YYYY-MM-DD"}}">{{date}}</time>
            {{/foreach}} 
        {{else}}
        <p>There are no featured posts at the moment.</p>
        {{/if}}
{{/get}}
{{/is}}

여기서는 ^ 문자를 사용하여 is 헬퍼의 부정 형식을 사용하고 있습니다. 따라서 기본적으로 페이지가 페이징되지 않은 경우 추천 게시물이 사용자에게 표시됩니다.