목차
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;
}
반응형
'WordPress' 카테고리의 다른 글
XE보드 모듈 이름은 영문+[영문+숫자+_] 만 가능합니다. 오류 해결 방법 (0) | 2020.08.28 |
---|---|
워드프레스 플러그인 Custom CSS & JS Plugin jquery 자바스크립트로 특정 태그 유입시 특정 페이지로 이동하는 스크립트. 301 리다이렉션 (0) | 2020.08.23 |
워드프레스 블로그 가비아에서 호스팅 받은 뒤 워드프레스 최신버전으로 업데이트 하기. (0) | 2020.07.19 |
워드프레스 멀티사이트 한 계정에 그누보드, XE 함께 쓰기 $_SERVER['HTTP_HOST'], explode()함수 (0) | 2020.02.21 |
카페24 워드프레스 플러그인 업데이트 오류 사이트 다운 복구하는 방법 (0) | 2020.02.20 |
댓글