无作为
不仅仅是一种态度!

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.wuzuowei.net无作为 » wordpress首页文章列表指定文章下方插入广告代码

留下评论 抢沙发

无作为-不仅仅是一种态度

登录/注册广告合作

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏