1. 程式人生 > 實用技巧 >wordpress實用程式碼:欄目列表頁和文章內容中插入廣告

wordpress實用程式碼:欄目列表頁和文章內容中插入廣告

wordpress邊欄加入廣告,很簡單,拖拉幾下就能完事,不需要特別加以記錄,而如果想在列表頁或文章內容中插入廣告,相對而言難度就大一些,需要特別的程式碼來實現其功能。

一 文章內容頁中加入程式碼

要在文章內容中加入程式碼,你可以去改文章內容頁對應的模板,而以下實現的方式,則是通過修改所使用的主題下的functions.php檔案實現的。如下:

add_filter( 'the_content', 'prefix_insert_post_ads' );
function prefix_insert_post_ads( $content ) {
$ad_code = '<div>廣告程式碼</div>';
if ( is_single() && ! is_admin() ) {
// 下面一行數字5代表段落
return prefix_insert_after_paragraph( $ad_code, 5, $content );
}
return $content;
}

function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
$closing_p = '</p>';
$paragraphs = explode( $closing_p, $content );
foreach ($paragraphs as $index => $paragraph) {
if ( trim( $paragraph ) ) {
$paragraphs[$index] .= $closing_p;
}
if ( $paragraph_id == $index + 1 ) {
$paragraphs[$index] .= $insertion;
}
}
return implode( '', $paragraphs );
}

你可以複製如上程式碼,放至functions.php的最後。然後:

1、將“廣告程式碼”換成你從廣告商那裡獲取的程式碼,注意引號,廣告程式碼需雙引號,要不一定會混亂(雖然華哥沒試過);

2、修改數字5,數字表示第5個段落後面加入廣告位,換成你想要的數字,數字越大,廣告位置在文章內容中越靠後;

二 欄目列表頁中加入程式碼

欄目中加入程式碼,是直接修改你的wordprss網站所使用的主題的欄目列表頁模板檔案。

WordPress文章列表中插入廣告,其實方法很簡單,我們只需要在插入以下程式碼即可:

<?php if ($wp_query->current_post == 0) : ?>
 <!--廣告div-->  
<?php endif; ?>

其中:current_post == 0 表示在列表第一篇文章後插入,若為 1 則表示在第二篇後插入,以此類推。你還可以改變其中的程式設計邏輯。<!–廣告div–> 則替換成你的廣告程式碼即可。

重要的一點是,程式碼功能看似簡單,可是要找到加入的位置,則不太容易,需要認真仔細(程式設計師除外)。

學過程式設計的人會知道,所謂列表,本質上是一個迴圈。因此,你要找到wordpress的迴圈程式碼,叫作主迴圈輸出 if( have_post() )。

然後在主迴圈中找到if(have_posts())這個判斷,再放在while迴圈裡面的最後。