워드프레스 글 끝부분에 사용자 컨텐츠 추가하기

워드프레스에서 글(Post) 맨 끝에 사용자 프로필이나 기타 컨텐츠를 일괄적으로 추가하고 싶은 경우가 있습니다. 그런 경우 이 글에서 제시하는 함수를 응용하여 활용할 수 있습니다. 또는, 테마에서 후크를 대시보드에서 추가할 수 있는 기능을 제공하는 경우 보다 쉽게 원하는 부분에 사용자 콘텐츠를 추가할 수 있습니다.

[ 이 글은 2015년도에 작성되었지만 최신 워드프레스 버전에 맞게 글을 수정하여 재발행되었습니다. ]

워드프레스 글 끝부분에 사용자 컨텐츠 추가하기

워드프레스의 각 포스트 끝에 사용자 프로그램이나 특정 HTML 코드 또는 기타 콘텐츠를 표시하고 싶은 경우 다음과 비슷한 코드를 사용할 수 있습니다.

// 글 끝부분에 사용자 문구 추가하기
add_filter ('the_content', 'insertSubscribeNewsLetter');
function insertSubscribeNewsLetter($content) {
if(is_single()) {
$content.= '<div style="border:1px dotted #000; text-align:center; padding:10px;">';
$content.= '<h4>이 글이 마음에 드세요?</h4>';
$content.= '<p><a href="https://www.thewordcracker.com/ko/feed">RSS 피드를 구독하세요!</a></p>';
$content.= '</div>';
}
return $content;
}

그러면 다음과 같이 모든 글의 끝부분에 위의 함수에서 지정한 컨텐츠가 추가되어 표시됩니다.
이 방법을 사용하면 별도의 플러그인을 사용하지 않고도 페이스북, 트위터 등의 소셜 아이콘을 글 하단에 추가할 수 있습니다.

위의 코드는 자식 테마를 만든 후에 자식 테마 내의 함수 파일에 추가하시기 바랍니다. 아바다, 엔폴드 등 대부분의 유료 테마에는 자식 테마 설치 파일이 함께 제공됩니다. 그런 경우에는 테마에 포함된 차일드 테마 파일을 사용하시면 되고, 없다면 간단한 플러그인을 하나 설치하여 자식 테마를 쉽게 만들 수 있습니다.

• Child Theme Configurator 플러그인을 사용하여 간편하게 워드프레스 차일드 테마 만들기

본문 글 앞에 컨텐츠를 추가하려는 경우에는 다음과 비슷한 형식의 코드를 사용할 수 있습니다.

// 글 앞부분에 코드 추가하기
function insert_customcontent( $content ) {
if ( is_single() ) {
$custom_content = 'Your Content Here';
$custom_content .= $content;
return $custom_content;
}
}
add_filter( 'the_content', 'insert_customcontent' );
// 참고: stackexchange

여러 개의 add_filter를 추가하는 경우 priority를 지정하여 우선순위를 지정할 수 있습니다. 자세한 사항은 다음 Stackexchange 문서를 참고해보세요.

• At what priority does add_filter overwrite core functions?
• add_filter multiple times with different addon functions?

GeneratePress 테마에서 포스트 하단에 커스텀 콘텐츠 추가하기

이 블로그에는 현재 GeneratePress 테마가 적용되어 있습니다. GeneratePress 프리미엄 버전에서는 대시보드에서 훅(Hook)을 사용하여 수월하게 원하는 곳에 콘텐츠를 표시할 수 있습니다.

예를 들어, 이 사이트의 개별 포스트의 제목 아래와 하단에 표시되는 애드센스 광고와 콘텐츠는 모두 GeneratePress의 Elements 기능을 사용한 것입니다. 자세한 내용은 다음 글을 참고해보세요.

• GeneratePress 테마 후크 사용하기

GeneratePress는 속도가 빠른 것으로 평가받고 있으며 무료 버전과 유료 버전이 있습니다. 무료 버전에서도 훅을 사용할 수 있지만, 테마의 함수 파일에 코드를 직접 추가해야 합니다.

워드프레스 Neve 테마를 사용하는 경우 플러그인을 추가 설치하여 Neve 테마에서 제공하는 후크를 쉽게 적용할 수 있습니다.

• 워드프레스 Neve 테마 후크 사용하기 (Neve Hooks 플러그인)

참고

• 자바스크립트 비동기 로딩으로 워드프레스 사이트 속도를 개선해보자