본문 바로가기
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;
    }

     

    반응형

    댓글