워드프레스 GeneratePress 테마: 'Read More' 버튼이 표시되지 않는 경우

GeneratePress 테마 세팅 작업을 하면서 사용자 정의하기에서 'Read More' 버튼이 표시되도록 설정했지만 이상하게 최신 글 목록에서는 'Read More' 버튼이 표시되지 않는 현상을 경험했습니다. 테마를 다른 테마로 바뀌었다가 다시 활성화하고, 플러그인도 모두 비활성화했지만 문제가 해결되지 않았습니다.

이 경우 테마 함수 파일에 코드를 추가하여 'Read More' 버튼을 표시할 수 있습니다.

워드프레스 GeneratePress 테마: 'Read More'  버튼이 표시되지 않는 경우

GeneratePress 유료 버전을 사용하는 경우 외모 » 사용자 정의하기 » Layout » Blog에서 Read more label(더 보기 라벨)을 지정할 수 있고 Display read more as button의 체크란을 체크하여 Read More를 버튼으로 표시할 수도 있습니다. 

또한, Excerpt word count에서 요약문 길이를 지정하는 것도 가능합니다.

하지만 이상하게 Display read more as button으로 표시해도 Read More 버튼이 표시되지 않는 문제를 경험했습니다. 이 경우 다음과 같은 코드를 차일드 테마의 함수 파일에 추가하면 'Read More' 버튼이 표시됩니다.

add_filter( 'wp_trim_excerpt', 'tu_excerpt_metabox_more' );
function tu_excerpt_metabox_more( $excerpt ) {
    $output = $excerpt;

    if ( has_excerpt() ) {
        $output = sprintf( '%1$s <p class="read-more-button-container"><a class="button" href="%2$s">%3$s</a></p>',
            $excerpt,
            get_permalink(),
            __( 'Read more', 'generatepress' )
        );
    }
	
    return $output;
}

'Read more'을 한국어로 바꾸고 싶다면 다음과 같은 코드를 사용할 수 있습니다.

add_filter( 'wp_trim_excerpt', 'tu_excerpt_metabox_more' );

function tu_excerpt_metabox_more( $excerpt ) {
    $output = $excerpt;

    if ( has_excerpt() ) {
        $output = sprintf( '%1$s <p class="read-more-button-container"><a class="button" href="%2$s">%3$s</a></p>',
            $excerpt,
            get_permalink(),
            '더 읽기'
        );
    }
    
    return $output;
}

CSS 코드를 사용하여 Read More 버튼의 스타일을 조정할 수 있습니다.

무료 버전에서는 상기 코드를 넣어도 아무런 변화가 없네요. GP 무료 버전에서 Read More 문구를 변경하고 싶은 경우 다음 글을 참고해보세요.

워드프레스 GeneratePress 테마 Read More 문구 변경 방법 - 워드프레스 정보꾸러미

Read More 문구의 스타일을 변경하고 싶은 경우 다음 글에서 "보너스: Read More 버튼 스타일 변경하기" 부분을 참고해 보세요:

GeneratePress 테마: Read More 텍스트 변경하기

참고

https://avada.tistory.com/2299

GeneratePress 테마로 워드프레스 블로그 세팅 예시 (How to Customize GP)

https://avada.tistory.com/2897

엘리멘터 무료 버전 vs. 프로 버전 비교

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 비교 (Cloudways vs. Bluehost)