워드프레스 본문 끝 추가 (컨덴츠,사진,문구등) 방법

워드프레스 본문 끝 추가 방법

워드프레스를 이용하다보면 본문 앞이나 끝에 문구나 사진이나 컨덴츠를 추가를 하고 싶을 때가 있습니다. 물론 워드프레스에서는 이를 도와주는 플러그인등이 다양하게 있습니다.

작은 기능 하나 추가를 위해서 일일이 여러 플러그인을 추가를 하게 된다면 워드프레스는 그만큼 무거워 지게 됩니다.

워드프레스는 이러한 본문 끝에 내용을 추가 하기 위한 방법을 다양하게 제공을 합니다.

필터나 훅등의 액션을 가지고 추가를 하시게 되면 추후 관리도 편해지기도 하고 수정도 용이합니다.

다만 php 스크립트를 작성을 해야 하는 부분이므로 처음에는 약간 어려울 수 있습니다만.

신규 코드를 작성하는것이 아니고 내용만 변경을 해서 사용을 하시면 편리합니다.

워드프레스 본문 끝 추가 : functions.php

먼저 워드프레스 본문 끝에 내용을 추가를 하기 위해서는 functions.php에 작성을 하게 됩니다. 테마 폴더에 보시면 functions.php 파일을 보실 수 있습니다.

외모 -> 테마 파일 편집기로 이동 후에 functions 파일을 불러오고 작성을 하시면 됩니다. 만일 차일드 테마를 쓰시는 중이라면 해당 파일을 생성하시면 됩니다.

워드프레스 본문 끝 추가 : 스크립트.

add_filter를 활용을 합니다.

add_filter에 쓰일 함수를 작성을 하고 내부 코드를 입력을 하시면 됩니다.

보편적으로 쓰이는 형태는 아래와 같습니다.

괄호 열고 닫고를 주의하세요.

 

function set_bottom($content) {

if(is_single()) {

$content .= ‘<div>추가 내용 작성</div>’;

}

return $content;

}

 

add_filter(‘the_content’, ‘set_bottom’);

 

함수명인 set_bottom은 add_filter에서 두번째 인자로 함수명을 적어주어야 할 때 일치해야 합니다.

이렇게 하시면 글 제일 마지막 끝부분에 자동으로 추가 내용 작성이라는 문구가 삽입이 됩니다.

html 엘리먼트나 사진등도 입맛에 맞게 넣으시면 됩니다.

만일 해당 글이 특정 카테고리일때만 뭔가 컨덴츠를 넣고 싶을 경우는 비교문 안에 추가를 해주시면 됩니다.

add_filter(‘the_content’, ‘set_bottom’);은 변경되지 않습니다.

함수 부분의 if( is_single()) { 안에 추가합니다.

$post = get_post();
if ( in_the_loop() && has_category( ‘원하는카테고리명’, $post ) ) {
$content.= ‘<div style=”margin-bottom:20px;”> <img src=’블라블라블라”></div>’;
}

찾아야 하는 해당 글의 카테고리명을 입력을 하시면 특정 카테고리 일때만 글 제일 아래쪽에 추가가 됩니다.

전체적인 코드를 보자면 아래와 같습니다.

function set_bottom($content) {

if(is_single()) {

if ( in_the_loop() && has_category( ‘원하는카테고리명’, $post ) ) {
$content.= ‘<div style=”margin-bottom:20px;”> <img src=’블라블라블라”></div>’;
}

}

return $content;

}

괄호는 열고 닫고 한쌍이 되어야 합니다 이를 주의하시고 작성을 하시면 됩니다.

php 문법은 어려운 코드가 들어가는 것이 아니기 때문에 관심이 있다면 별도로 학습하시면 워드프레스 관리하는데 편리함을 줍니다.

 

 

파라메터로 날라오는 $content는 쉽게 말해 포스팅 내용입니다.

.은 php 문법으로 해당 내용 다음에 추가해라는 뜻입니다.

 

만일 글 앞쪽에 뭔가를 넣고 싶은 경우라면 아래처럼 하시면 됩니다.

$new_content = ‘추가하고 싶은 내용’;

$new_content .= $content;

return $new_content;

로 하시면 됩니다.

 

이와 관련되어 참고 할만한 페이지는 아래와 같습니다. 영문이지만 코드를 훑어보시고 번역을 브라우저 기능을 통해서 해보시면 어렵지 않게 이해 하실 수 있습니다.

https://njengah.com/the_content_wordpress-add-to-end-of-content/

 

워드프레스는 생각보다 다양한 기능이 기본적으로 탑재가 되어 있습니다. 이러한 기능들을 좀 더 편리하게 사용을 할 수 있게 혹은 사용자가 직접 프로그래밍을 하지 않아도 되게 하는것이 플러그인입니다.

특정한 작은 기능만 원하는데 플러그인까지 설치를 하기 보다는 이러한 워드프레스 스크립트나 훅, 숏코드 등을 활용을 하시면 좀 더 편리하게 이용을 하실 수 있습니다.

css나 테마 스타일 뿐만 아니라 functions에서 이것저것 추가를 하시고 테스팅을 해보시면 도움이 될 것 같습니다.

 

콘넥트