목차
CMS툴인 워드프레스는 XE나 그누보드처럼 게시판을 꾸밀 수 있습니다.
그런 게시판을 만들어주는 플러그인 중에 꽤 쓸만한 게 KBoard입니다.
워드프레스 게시판 플러그인으로 생성된 리스트, 상세 페이지에 구글 애드센스 코드를 삽입할 수 있습니다.
kboard 애드센스 코드 삽입 방법입니다.
게시물 상세보기 때 수정은 document.php, 리스트는 list.php를 수정하면 됩니다.
Kboard 스킨을 직접 수정해서 추가하는 방법이 있습니다.
FTP로 접속해서 /wp-content/plugins/kboard/skin/사용중인스킨/document.php 파일이 본문 페이지 입니다.
마찬가지로 리스트 페이지는 /wp-content/plugins/kboard/skin/사용중인스킨/list.php 입니다.
사용중인 kboar의 스킨 폴더에서 document.php 아래 표시된 부분에 코드를 삽입해보세요.
<div class="kboard-content" itemprop="description">
<div class="content-view">
<!-- 이쪽 쯤 애드센스 코드를 삽입해보세요. -->
<?php echo $content->content?>
<!-- 이쪽 쯤 애드센스 코드를 삽입해보세요. -->
</div>
</div>
저는 총 3개의 애드센스 코드를 삽입했습니다.
그 중 하나는 게시물 본문에서 float 속성을 주어보았습니다.
반응형테마에서 잘 되도록 플로트 속성이 주어진 div에 class를 부여하고 css를 잡아줍니다.
@media only screen and (max-width: 720px) {
.kboardAd { display:block; float:none; text-align:center; margin:0 0 20px 0;}
}
@media only screen and (min-width: 721px) {
.kboardAd { display:block; float:left; max-width:380px; margin:0 20px 5px 0;}
}
스킨을 수정하지 않고 추가하는 방법은 테마의 functions.php 파일에 아래 코드를 추가합니다.
저는 개인적으로 비추입니다.
스킨을 수정하는 것을 추천드립니다.
add_filter('kboard_content', 'my_adsense_kboard_content', 10, 3);
function my_adsense_kboard_content($content, $content_uid, $board_id){
ob_start();
?>
<div style="text-align: center;">
<!-- 여기에 애드센스 코드를 삽입해보세요.-->
</div>
<?php
$adsense = ob_get_clean();
$content = $content . $adsense;
return $content;
}
댓글