Ghost 블로그 게시물에 읽기 시간을 표시하는 방법

1635 단어 tutorialwebdev
우리 모두가 알고 있듯이 귀하의 웹사이트를 탐색하는 일반 방문자의 집중 시간은 매우 짧습니다. 그들은 종종 홈페이지의 내용을 훑어보고 이동합니다. 방문자가 웹 사이트에서 보내는 시간을 늘리는 좋은 방법은 특정 게시물에 소요되는 시간을 정확하게 추정하는 것입니다.

예상 읽기 시간을 제공함으로써 방문자는 무엇을 기대해야 하는지 알기 때문에 게시물 내용에 지루해하지 않을 것입니다. Ghost에서 이 작업을 수행하는 방법을 살펴보겠습니다!

유령의 길



Ghost에서 게시물 읽기 시간을 추가하는 가장 쉬운 방법은 테마에서 Ghost의 기본 reading_time 도우미를 사용하는 것입니다. 이 도우미는 단순히 게시물의 모든 단어를 세고 275단어/분의 읽기 속도를 가정합니다. 단일 게시물 컨텍스트와 게시물 루프 모두에서 reading_time 도우미를 사용할 수 있습니다.

단일 게시물에서 사용하려면 Ghost 테마의 post.hbs 파일로 이동하고 #post 컨텍스트 내의 어딘가에 도우미를 추가하십시오.

{{#post}}
  ...
  <span class="reading-time-class">{{reading_time}}</span>
  ...
{{/post}}


게시물 목록의 모든 게시물에 대한 읽기 시간을 표시하려면 게시물을 나열하는 foreach 루프에 추가할 수 있습니다. 예를 들어:

{{#foreach posts}}
  <h1>{{title}}</h1>
  <p>{{excerpt}}</h1>
  <span>{{reading_time}}</span>
{{/foreach}}


값 사용자 지정



reading_time 헬퍼는 또한 1분 및 여러 분의 읽기 시간에 대한 값을 출력하는 방법을 사용자 정의할 수 있는 두 개의 선택적 인수를 허용합니다. 선택적 인수는 다음과 같습니다.
  • 분 - 1분의 읽기 시간 동안 표시되는 텍스트
  • 분 - 1분 이상의 읽기 시간에 대한 텍스트 표시
    인수가 있는 도우미의 예를 살펴보겠습니다.

  • {{reading_time minute="1 minute" minutes="% minutes" }}
    


    보시다시피 여러 분의 경우 인수에 % 문자를 사용하여 분의 값을 얻을 수 있습니다.

    웹 사이트 반송률을 줄이는 데 도움이 될 수 있으므로 아직 사용하지 않는 경우 이 도우미를 사용해 보십시오. Memo 테마 데모에서 실제로 작동하는 것을 볼 수 있습니다.

    좋은 웹페이지 즐겨찾기