GeneratePress 테마 특성 이미지 제거와 요약글 길이 조절하기

GeneratePress 테마 글 제목 위 특성이미지 제거하기

출처 : 니카라과 커피 종류 특징 제품 - 세상의 모든지식 Ranking World (rankingworkplace.com)

• 워드프레스에서 썸네일을 등록하는 것을 특성이미지라는 기능으로 등록합니다.
• 이때 특성이미지가 목록에서는 제대로 보이지만 원문을 보기 위해 클릭하면 제목 위에 뜬금없이 표시됩니다.
• 사이트가 매우 지저분해 보일 수 있는 원인이 되기 때문에 가리고 싶은 마음이 드는데, GeneratePress 무료 테마에서는 따로 기능이 없어 다른 방법으로 숨겨야 합니다.

플러그인으로 숨기는 방법

• 플러그인에서 위의 플러그인을 설치, 활성화합니다.
• 플러그인을 활성화하면 글을 작성할때 특성 이미지 설정 아래 숨기는 기능을 선택할 수 있게 됩니다.
• 체크박스를 체크하면 제목 위의 특성 이미지를 숨길 수 있습니다.  

 

CSS를 이용하는 방법

• 디자인 -> 사용자 정의하기 -> 추가 CSS로 이동하여 다음 CSS 코드를 추가하면 개별 글 상단에 표시되는 특성 이미지가 숨겨지면서 표시되지 않습니다.
• 모든 글에서 일괄적으로 안 보이게 하므로 일일이 설정하는 수고를 덜 수 있습니다.

/* GeneratePress 테마 개별 글에서 특성 이미지 제거하기 */

.single .inside-article>.featured-image {
    display: none;
}

• CSS를 사용하는 경우에는 브라우저에서 특성 이미지가 로드되지만 사용자에게는 표시되지 않도록 숨겨집니다. 

 

GeneratePress 테마 요약글 제거, 길이 조절하기

요약글 제거 전/후

• GeneratePress 무료 테마에서는 요약글을 수정하는 기능이 없어 테마 파일을 직접 수정해야 합니다.
• 기본적인 상태에서 요약글은 매우 길고 일관적인 길이가 아니라서 깔끔한 디자인을 위해 수정하고 싶은 마음이 듭니다.
• 아래 코드를 테마 폴더 내의 함수 파일(functions.php)에 추가하여 변경할 수 있습니다.
• 차일드 테마를 만들어 차일드 테마 폴더 안의 함수 파일에 추가해야 추후에 테마가 업데이트 되어도 문제가 생기지 않습니다.
• 가능한 알림판의 테마 편집기를 사용하는 대신 파일에 직접 접근하여 추가하시기 바랍니다.
• 요약을 제거를 하고 싶은 경우 return 0; 으로 변경합니다.
• 표시되는 길이를 조절하고 싶은 경우 return 10;의 숫자를 조정하면 됩니다. 

// 요약글 글자 수 제한 
if ( ! function_exists( 'wp_custom_excerpt_length' ) ) {
function wp_custom_excerpt_length( $length ) {
return 10;
}
add_filter( 'excerpt_length', 'wp_custom_excerpt_length', 999 );
}

• 위 코드를 적용하면 요약글 부분은 사라졌지만  '더 보기' 부분은 계속 표시됩니다.
• 이 부분은 테마 추가 CSS에 아래 CSS 코드를 추가하여 제거하도록 합니다.

.entry-summary {
    display: none;
}