본문 바로가기
WordPress

워드프레스 게시판 플러그인 kboard 애드센스 코드 삽입 방법

by 알 수 없는 사용자 2020. 7. 26.
반응형

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;
}

 

반응형

댓글