전체 게시물이 아닌 홈페이지에 WordPress 게시물 발췌문을 표시하는 방법

게시 됨: 2017-01-11

이 튜토리얼에서는 WordPress의 첫 페이지에 발췌문을 표시하는 방법을 설명합니다.

일반적으로 WordPress 테마는 블로그의 첫 페이지에 전체 게시물을 표시합니다. 블로그 게시물이 더 길면 독자와 방문자에게 지칠 수 있는 경험이 될 수 있습니다.

독자가 귀하의 모든 기사를 빠르게 보는 것은 매우 어렵고 고통스럽습니다. 독자는 두 번째, 세 번째 및 기타 블로그 게시물을 보려면 아래로 스크롤해야 합니다.

WordPress를 사용하면 홈페이지에 게시물 발췌문을 표시할 수도 있습니다. WordPress 발췌는 블로그 게시물의 선택적 요약 또는 설명입니다. 간단히 말해서 WordPress Excerpt는 게시물 요약입니다.

대시보드 › 설정 › 읽기에서 요약 표시 옵션을 선택한 경우 WordPress의 발췌문이 RSS 피드의 전체 콘텐츠를 대체할 수도 있습니다.

테마가 지원되는 경우 태그, 카테고리, 월간 또는 저자 아카이브 및 검색 결과 페이지와 같은 다른 페이지에 발췌문을 표시할 수 있습니다. 전체 내용보다 빠른 요약이 선호되는 곳입니다.

WordPress 게시물 발췌문을 사용하면 콘텐츠를 더 쉽게 탐색할 수 있습니다. 전체 블로그 게시물 콘텐츠 대신 WordPress에 게시물 요약을 표시하는 방법에는 여러 가지가 있습니다. 이 튜토리얼의 모든 방법을 다룰 것입니다.

  • 더 많은 태그 사용
  • 수동 발췌 작성
  • 자동 게시물 발췌: WordPress 테마 사용자 지정

추가 태그를 사용하여 홈페이지에 게시물 요약을 표시하는 방법

더 많은 태그를 사용하면 독자가 "더 읽기" 태그를 클릭하여 전체 게시물로 이동할 수 있도록 블로그 게시물의 시작 부분을 표시할 수 있습니다.

태그를 추가하는 것은 매우 간단하고 쉽지만 자동 포스트 발췌를 사용하는 것을 선호합니다. 새 블로그 게시물을 작성할 때마다 태그를 더 추가할 필요가 없습니다.

WordPress more 태그를 사용하면 블로그 게시물의 첫 번째 단락을 표시할 수 있습니다. 게시물의 아무 곳에나 더 많은 링크를 추가하고 원하는 내용을 말하도록 사용자 지정할 수 있습니다.

새 게시물을 작성하거나 기존 블로그를 편집하십시오. 게시물이 완료되면 블로그 게시물의 아무 곳에나 더 많은 링크를 추가할 수 있습니다.

블로그 게시물에서 추가 태그를 표시할 위치에 커서를 놓습니다. Visual Editor의 도구 모음에서 "자세히 알아보기 태그 삽입" 버튼을 클릭하고 HTML 편집기를 사용하는 경우 더 단추. 첫 번째 행에서 추가 태그 버튼을 찾을 수 있습니다.

Visual Editor를 사용하는 경우 WordPress Visual Editor를 사용하여 태그를 추가하는 방법은 아래 스크린샷을 참조하십시오.

더 읽기 태그 WordPress 게시물 발췌문을 사용하는 방법
더 읽기 태그를 사용하는 방법 – WordPress.com

그게 다야. 클릭하면 게시물에 분할이 표시됩니다. 블로그 게시물에 더 읽기 링크를 성공적으로 추가했습니다. 이제 블로그의 홈 ​​및 아카이브 페이지에 "더 읽기 태그" 앞의 콘텐츠만 표시됩니다.

WordPress에서 수동 발췌문을 작성하는 방법

앞서 논의한 바와 같이 WordPress 게시물 발췌는 블로그 게시물의 선택적 손으로 만든 요약입니다. WordPress 게시물 발췌문은 블로그 게시물을 줄이는 데 사용되어 전체 블로그 게시물 대신 블로그 게시물의 일부, 일반적으로 게시물의 소개 또는 요약만 홈페이지에 표시됩니다.

justlearnwp 홈페이지에서 실제 포스트 발췌문을 볼 수 있습니다. 일부 블로그 게시물의 경우 수동으로 발췌문을 작성하고 일부 게시물의 경우 계속 읽기 링크와 함께 자동 게시물 발췌문을 사용합니다.

수동으로 WordPress 게시물 발췌 활성화
수동으로 WordPress 게시물 발췌 활성화

블로그 게시물 작성 시 우측 상단의 화면 옵션을 클릭하고 발췌 체크박스 . 게시물 바로 아래에 새로운 발췌 모듈이 표시됩니다. 이제 이 발췌 모듈에서 블로그 게시물에 대한 간단한 요약을 작성하고 블로그 게시물이 완료되면 게시 버튼을 누를 수 있습니다.

그게 다야. 간단하고 쉽습니다.

WordPress 자동 포스트 발췌: WordPress 테마 사용자 정의

이제 이 방법은 완전 초보자에게 더 기술적이고 어렵습니다. WordPress 테마 개발, HTML, CSS 또는 PHP와 WordPress 테마 파일 편집 방법에 대해 전혀 모르는 경우. 라이브 사이트에서 테마 파일을 편집하지 마십시오.

사이트를 깰 수 있습니다. 이 방법을 시도하려면 개발 목적으로 로컬 WordPress 개발 사이트를 설정해야 합니다. 로컬 WordPress 사이트를 사용하면 원하는 모든 것을 시도할 수 있습니다. 문제가 발생하더라도 언제든지 새로운 테스트 사이트를 쉽게 설정할 수 있기 때문입니다.

WordPress 로컬 개발 설정에 대한 자습서를 이미 게시했습니다.

  • Windows 8에서 WAMP 서버에 WordPress를 설치하는 방법
  • Bitnami 스택을 사용하여 Windows 8에 WordPress를 설치하는 방법

자동 WordPress 게시물 발췌의 경우 WordPress 테마 파일을 편집해야 합니다. 테마에 따라 어떤 파일을 편집해야 하는지에 따라 다릅니다. 대부분의 경우 content.php 또는 index.php 파일을 편집해야 합니다.

Twenty Sixteen WordPress 테마 또는 _S WordPress 스타터 테마 기반 테마를 사용하는 경우 content.php 파일을 편집해야 합니다.

WordPress 테마 파일을 사용자 정의할 때마다 항상 WordPress 자식 테마를 만드는 것이 좋습니다. Twenty Sixteen 하위 테마를 사용하고 있습니다.

내 자식 테마 폴더에 content.php 파일이 있는 새 폴더 template-parts 를 만들었습니다. 이제 content.php 파일에서 다음 행을 찾으십시오.

 <div class="entry-content"> <?php

위 줄 바로 아래에 다음 조건문을 추가합니다.

 if ( is_home () || is_category() || is_archive() ) { the_excerpt(''); } else {

단순한 워드프레스에서 위의 워드프레스에 대한 설명은 홈페이지, 카테고리 및 아카이브 페이지에 전체 콘텐츠를 표시하지 마십시오. 이제 WordPress는 자동 포스트 발췌문 을 만들고 표시합니다. 발췌문 작성을 잊어버린 경우에도 WordPress는 블로그 게시물의 처음 55단어를 표시합니다.

이제 if 문에 닫는 태그를 추가해야 합니다. 그렇지 않으면 WordPress에 빈 화면이 표시됩니다. content.php 파일에서 다음 행 찾기

 ?> </div><!-- .entry-content -->

이 닫는 태그 바로 앞에 } // end of if statements 추가합니다. 코드는 다음과 같아야 합니다.

 } // end of if statements ?> </div><!-- .entry-content -->

content.php 파일을 저장하고 블로그의 첫 페이지를 새로고침합니다. 전체 블로그 게시물이 아닌 홈페이지에서만 게시물 발췌문을 볼 수 있습니다.

빈 화면이나 PHP 오류가 표시되면 코드를 확인하고 코드가 올바른지 확인하십시오.

전체 게시물의 발췌 부분 아래에 링크를 추가하는 방법

블로그 게시물 아래에 발췌문을 볼 수 있다면 좋습니다. 이제 더 읽기 링크를 추가해 보겠습니다. 자동 발췌 기능을 사용할 때 WordPress는 전체 게시물이 포함된 페이지에 대한 링크를 자동으로 제공하지 않기 때문입니다.

링크를 생성하려면 functions.php 파일에 다음 코드를 추가하십시오.

 function new_excerpt_more( $more ) { return ' <a class="read-more" href="'. get_permalink( get_the_ID() ) . '">' . __('Read More', 'your-text-domain') . '</a>'; } add_filter( 'excerpt_more', 'new_excerpt_more' );

관련된 컨텐츠

  • 비디오: WordPress Functions 플러그인을 만드는 방법과 Functions.Php 파일을 사용하는 것보다 더 나은 이유
  • 비디오: WordPress의 함수 PHP 파일이란 무엇입니까? 편집 방법

필터를 사용하여 WordPress 자동 발췌 길이를 제어하는 ​​방법

기본적으로 WordPress 발췌 길이는 55단어로 설정됩니다. excerpt_length 를 사용하여 WordPress 자동 발췌의 길이를 변경할 수도 있습니다.

excerpt_length 필터를 사용하여 발췌문 길이를 20단어로 변경하려면 테마의 functions.php 파일에 다음 코드를 추가하기만 하면 됩니다.

 //Filter the except length to 20 characters. function wpdocs_custom_excerpt_length( $length ) { return 20; } add_filter( 'excerpt_length', 'wpdocs_custom_excerpt_length', 999 );

여기에서 내 테마의 스크린샷을 볼 수 있습니다.

WordPress 자동 발췌 길이 튜토리얼
WordPress 자동 발췌 길이 자습서는 테마 파일을 편집해야 합니다.

게시물 발췌문을 표시하는 11가지 무료 WordPress 플러그인

WordPress 게시물 발췌문을 사용하는 다양한 방법을 설명했습니다. 무료 WordPress 포스트 발췌 플러그인을 사용할 수도 있습니다. 다음은 WordPress 포스트 발췌 플러그인 목록입니다. 모든 플러그인은 무료이며 일부 개발자는 프리미엄 버전도 제공합니다.

  1. 고급 발췌 : 90000+ 설치로 고급 발췌가 가장 인기 있고 WordPress 포스트 발췌 플러그인입니다. 이 플러그인을 사용하면 WordPress 게시물 발췌의 모양을 쉽게 제어할 수 있습니다.

  2. Easy Custom Auto Excerpt : 집, 검색 및 아카이브에서 게시물에 대한 게시물 발췌문을 자동으로 생성합니다. 더 보기 버튼과 썸네일 이미지를 사용자 정의할 수도 있습니다.

  3. 스크롤 포스트 발췌 : 스크롤 포스트 발췌 WordPress 플러그인은 웹사이트에서 정보 릴을 생성합니다. 이 스크롤러에는 포스트 제목과 포스트 발췌가 포함됩니다.

  4. 더 읽기 발췌 링크: 생략 대신 발췌 후 "자세히 보기" 링크를 생성할 수 있습니다. […] 또한 발췌 길이를 수정합니다.

  5. Get Better Excerpt : 최신 WordPress 게시물 발췌 플러그인입니다. Get Better Excerpt 플러그인은 내장된 get_the_excerpt() 및 the_excerpt() 함수와 거의 동일하게 작동하지만 기존 함수처럼 발췌 부분을 잘라내는 대신 전체 단어를 반환합니다.

  6. 쉬운 발췌: 새로운 WordPress 포스트 발췌 플러그인입니다. 콘텐츠 길이에 맞게 발췌 필드의 크기를 자동으로 변경합니다.

  7. Storefront Blog Excerpts : 전체 콘텐츠 대신 발췌 부분을 표시하도록 아카이브 페이지의 게시물 콘텐츠 영역을 변경할 수 있습니다.

  8. StripTease : 이 무료 포스트 발췌 플러그인을 사용하면 더 읽기 티저 링크의 끝에서 #more 조각을 제거하여 전체 포스트로 연결되도록 할 수 있습니다.

  9. 리치 텍스트 발췌문 : 리치 텍스트를 지원하는 모든 게시물 유형에 대해 발췌한 리치 텍스트 편집을 가능하게 하는 WordPress 플러그인.

  10. 첫 번째 게시물 전체 길이 : 이 플러그인은 전체 텍스트와 함께 첫 번째 게시물을 표시하지만 "more" 태그 뒤에 텍스트가 있는 다른 모든 게시물을 표시합니다.

  11. WP 발췌 설정 : 이 플러그인을 사용하면 UI(사용자 인터페이스)를 통해 WordPress 발췌를 구성할 수 있습니다.

마지막 단어

이 튜토리얼에서는 WordPress Post Excerpt를 표시하는 다양한 방법을 설명했습니다. 참고 wordpress.com에서 호스팅하는 블로그를 사용하는 경우 WordPress 테마 파일을 편집할 수 없습니다. 그러나 Excerpt 모듈을 사용하여 더 읽기 링크를 쉽게 추가하거나 Excerpt를 작성할 수 있습니다.

첫 번째와 두 번째 방법은 간단하고 따라하기 쉬운 반면 자동 포스트 발췌 방법은 기술적인 독자를 위한 것입니다. 이제 WordPress 발췌문을 전문가처럼 사용할 수 있기를 바랍니다.

WordPress 게시물 발췌: 리소스 및 추가 정보

다음은 WordPress Post 발췌문에 대해 자세히 알아볼 수 있는 몇 가지 추가 리소스입니다.

  • StackExchange의 스레드에서 발췌한 HTML 허용
  • WordPress codex의 WordPress 발췌 공식 문서
  • the_excerpt 함수 WordPress 코드 참조
  • WordPress 추가 태그: WordPress.com 지원에서 전체 자습서 읽기