WordPress 게시물에 읽기 진행률 표시줄을 추가하는 방법

최근 게시물 게시판 wordpress WordPress 게시물에 읽기 진행률 표시줄을 추가하는 방법

  • 일부 인기 있는 사이트에서 기사 상단에 읽기 진행률 표시줄을 표시하는 방법을 알고 계셨습니까?

    이 작은 막대는 사용자에게 스크롤해야 할 기사가 얼마나 남았는지 보여주고 계속 읽도록 권장합니다. 웹사이트 방문자가 콘텐츠를 계속 읽도록 하고 전반적인 사용자 경험을 개선하는 데 도움이 될 수 있습니다.

    이 기사에서는 WordPress 게시물에 읽기 진행률 표시줄을 추가하는 방법을 보여줍니다.

    WordPress에 읽기 진행률 표시줄을 추가해야 하는 이유와 시기

    사용자는 웹사이트에 머무를지 떠날지 결정하기 전에 웹페이지에서 단 몇 초만 보냅니다. 긴 형식의 기사를 게시하면 사용자가 아래로 스크롤해야 하므로 사용자의 참여를 유지하는 것이 조금 더 어려워집니다.

    일부 사이트 소유자는 인라인 관련 게시물다른 사람들이 사용하는 동안 비디오 또는 이미지 갤러리 페이지에 사용자를 유지합니다.

    읽기 진행률 표시줄은 사용자가 아래로 스크롤하도록 권장하는 약간의 사용자 인터페이스 개선 사항을 추가합니다. 또한 사용자가 읽고 있는 기사를 끝내도록 동기를 부여합니다.

    많은 인기 웹사이트는 독자의 참여를 유도하기 위해 읽기 진행률 표시기를 사용하는 것을 좋아합니다. 그러나 읽기 진행률 표시기가 미묘하고 콘텐츠 자체에서 주의를 산만하게 하지 않는지 확인해야 합니다.

    그렇다면 WordPress 게시물에 읽기 진행률 표시기를 쉽게 추가하는 방법을 살펴보겠습니다.

    WordPress 게시물에 읽기 진행률 표시줄 추가

    블로그 게시물 및 페이지에 읽기 진행률 표시줄을 표시하는 가장 쉬운 방법은 다음과 같은 플러그인을 사용하는 것입니다. 읽을 가치.

    무료입니다 워드프레스 플러그인 가볍고 읽기 진행률 표시줄을 웹사이트에 추가하는 데 도움이 됩니다. 플러그인은 여러 사용자 정의 옵션을 제공하며 웹사이트 테마에 맞게 스타일을 변경할 수 있습니다. 표시하는 데 사용할 수도 있습니다. 독서 시간 당신의 기사를 위해.

    가장 먼저 해야 할 일은 Worth The Read 플러그인을 설치하고 활성화하는 것입니다. 자세한 내용은 다음에서 단계별 가이드를 참조하세요. WordPress 플러그인을 설치하는 방법.

    활성화 시 다음을 방문해야 합니다. 읽을 가치가 있는 읽기 » 진행 WordPress 관리자 패널에서 페이지를 열고 ‘기능’ 탭으로 이동하여 진행률 표시줄 표시기를 설정합니다.

    다음으로 게시물, 페이지 및 홈페이지에 진행률 표시줄을 표시할지 여부를 선택할 수 있습니다. 사용자 정의 게시물 유형에 읽기 막대를 표시하는 옵션도 있습니다.

    게시물과 페이지에서 읽을 가치가 있습니다.

    아래로 스크롤하면 더 많은 사용자 지정 옵션을 찾을 수 있습니다.

    ‘주석 포함’ 옵션을 활성화하여 진행률 표시줄의 전체 길이에 주석을 포함할 수 있습니다. 주석을 포함하는 경우 주석 진행 영역에 대해 다른 배경색을 선택할 수도 있습니다.

    플러그인을 사용하면 읽기 진행률 표시줄의 위치를 ​​선택할 수도 있습니다. 기본 옵션은 대부분의 사이트에서 사용되는 상단에 있습니다. 페이지의 오른쪽, 왼쪽 또는 아래쪽에 진행률 표시줄을 표시하도록 변경할 수 있습니다.

    막대 위치 변경

    그 외에도 읽기 진행률 표시줄을 사용자 지정하기 위한 더 많은 옵션이 있습니다.

    예를 들어 막대를 오른쪽에서 왼쪽으로 이동하고, 고정 불투명도를 사용하고, 모바일 및 태블릿과 같은 터치 장치의 진행률 표시줄을 활성화하고, 디버그 모드를 활성화하는 등의 작업을 수행할 수 있습니다.

    완료되면 ‘변경 사항 저장’ 버튼을 클릭하는 것을 잊지 마십시오.

    그런 다음 읽기 진행률 아래의 ‘스타일’ 탭으로 이동하여 읽기 진행률 표시줄의 모양을 편집합니다.

    막대 스타일 편집

    플러그인을 사용하면 진행률 표시줄의 두께를 선택하고 전경색과 배경색을 선택하여 워드프레스 테마.

    배경색은 빈 진행률 표시줄을 채우는 데 사용되며 전경색은 사용자가 아래로 스크롤할 때 진행률을 표시하는 데 사용됩니다.

    진행률 표시줄에 투명한 배경을 사용할 수도 있습니다. 이 옵션을 선택하면 배경색 옵션이 무시되고 사용자가 기사를 아래로 스크롤할 때 전경색만 표시됩니다.

    스타일을 편집한 후에는 설정을 저장하기 위해 변경 사항을 저장하는 것을 잊지 마십시오.

    이제 웹 사이트의 모든 블로그 게시물이나 방문 페이지를 방문하여 진행률 표시줄이 작동하는 것을 볼 수 있습니다.

    읽기 진행률 표시줄 미리보기

    이 기사가 WordPress에 읽기 진행률 표시줄을 추가하는 데 도움이 되었기를 바랍니다. 당신은 또한 우리의 목록을보고 싶을 수도 있습니다 최고의 WooCommerce 플러그인 그리고 최고의 웹 디자인 소프트웨어를 선택하는 방법.

    이 기사가 마음에 들면 구독하십시오. 유튜브 채널 WordPress 비디오 자습서용. 당신은 또한 우리를 찾을 수 있습니다 트위터 그리고 페이스북.

    포스트 WordPress 게시물에 읽기 진행률 표시줄을 추가하는 방법 에 처음 등장 WPB초보자.

    Source link

    신고하기
'WordPress 게시물에 읽기 진행률 표시줄을 추가하는 방법'에 답변달기
글쓴이 정보: