無作為
不僅僅是一種態度!

wordpress首頁文章列表指定文章下方插入廣告代碼

wordpress的首頁文章列表中一般都是loop循環列表出文章的,無法在指定的某篇文章下或者中間插入廣告內容,這里有沒有辦法實現wordpress在指定文章日志下方放置廣告代碼呢?

wordpress在指定文章列表下放廣告

這里給出的教程代碼非常的靈活,大家可以在文章列表的第一篇文章下放置廣告或者第三篇、第某篇文章后放置廣告。

在此之前無作為也收集過其他方法:wordpress在文章列表任意位置插入廣告或者轉跳文章這里要分享的是另一種新方法。

如何在WordPress第一篇文章下方放置廣告代碼,我們通過在文章循環函數中添加一個條件判斷來實現,用來判斷是第一篇日志或是第二篇日志,一次在循環中截留處一個廣告位。

經驗表明,位于首頁第一篇文章日志下方的廣告最容易引起訪客的注意,點擊率最高。處于文章閱讀列表的框架內,使訪客不能忽視廣告的存在,從而使廣告達到良好的點擊效果。

我們在此介紹兩種方法,第一種方法加入了新的變量,第二種是引用wordpress函數。

一、添加新變量放置廣告代碼

首先在主題index.php中找到以下類似的語句:

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

在上邊那句代碼的上方添加以下語句:

<?php $postcnt = 1; ?>

然后在日志循環結尾的地方添加上以下代碼,在文章摘要內容<?php the_content(); ?>語句之后。

<?php if ($postcnt == 1) : ?> 
//廣告代碼 
<?php endif; $postcnt++; ?>

說明:第二段代碼中$postcnt == 1是在第一篇文章之后插入廣告,同理,$postcnt == 2就是在第二篇文章之后插入廣告代碼。

二、引用WordPress函數放置

直接在首頁日志循環結尾的地方,粘貼上以下代碼,同樣要在<?php the_content(); ?>語句之后。

<?php if ($wp_query->current_post == 0) : ?>
//廣告代碼
<?php endif; ?>

說明:$wp_query->current_post == 0是在第一篇文章之后插入廣告代碼,$wp_query->current_post == 1即為在第二篇文章之后插入廣告代碼,以此類推,3,4,5篇。

目前一共兩種方法,大家可以自己隨意選用。

三、WordPress在文章列表和內容頁插入廣告

補充更新:2019年5月21日

1)在文章列表插入廣告

文章列表模板 包括以下幾個類型以及對應的主體文件:

首頁模板 (index.php)
搜索結果頁 (search.php)
文章歸檔 (archive.php)
在這些列表模板里插入廣告代碼的步驟相同, 下面以首頁模板index.php為例:

1.進入wordpress控制面板首頁, 點擊菜單【外觀】- 【編輯】

2. 點擊【主題文件】- 【首頁模板】,顯示編輯該文件內容

3. 在編輯文件區域, 找到”<?php endwhile; ?>” 標簽 , 在該標簽上方插入廣告代碼(即在”<?php while ?>”標簽內部插入廣告代碼)

4. 插入以下代碼

<?php if ($wp_query->current_post == 2) : ?>  
   <div>廣告代碼</div>
<?php endif;  ?>  
<?php if ($wp_query->found_posts < 3 and $wp_query->current_post == ($wp_query->found_posts - 1)): ?>  
 <div>廣告代碼</div>
</script>
<?php endif; ?>

該代碼的意思為: 在第3篇文章(索引為2)的下方插入廣告, 如果文章總數量小于3, 則在該列表的最后一篇文章下方插入廣告。

插入后的代碼為:

點擊”更新文件”按鈕, 更新成功后, 就可以在首頁文章列表中看到廣告代碼了

展示效果為:

2)在文章內容頁插入廣告

在主題的function.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 );
}

該代碼意思為: 在文章內容頁面的第5個段落下面加入廣告位。如果我們希望在其他段落下面只需修改對應的數字即可。

效果如圖:

歷史上的今天:
贊(22) 打賞
所有免費資源、福利、電影、破解軟件未經允許不得轉載:www.btilnp.live無作為 » wordpress首頁文章列表指定文章下方插入廣告代碼

留下評論 搶沙發

無作為-不僅僅是一種態度

登錄/注冊廣告合作

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

微信掃一掃打賞

广西风采快三