WordPress在文章列表和内容页插入广告

一、在文章列表插入广告

文章列表模板 包括以下几个类型以及对应的主体文件:

  • 首页模板 (index.php)
  • 搜索结果页 (search.php)
  • 文章归档 (archive.php)

在这些列表模板里插入广告代码的步骤相同, 下面以首页模板index.php为例:

1.进入wordpress控制面板首页, 点击菜单【外观】- 【编辑】
在这里插入图片描述
2. 点击【主题文件】- 【首页模板】,显示编辑该文件内容
在这里插入图片描述
3. 在编辑文件区域, 找到”<?php endwhile; ?>” 标签 , 在该标签上方插入广告代码(即在”<?php while ?>”标签内部插入广告代码)
在这里插入图片描述
4. 插入以下代码

该代码的意思为: 在第3篇文章(索引为2)的下方插入广告, 如果文章总数量小于3, 则在该列表的最后一篇文章下方插入广告

<?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; ?>
  1. 插入后的代码为:
    在这里插入图片描述
  2. 点击”更新文件”按钮, 更新成功后, 就可以在首页文章列表中看到广告代码了
    在这里插入图片描述
  3. 展示效果为:在这里插入图片描述

二、在文章内容页插入广告

  1. 点击【主题文件】- 【模板函数】,显示编辑该文件内容
    在这里插入图片描述
  2. 在该文件最底部插入以下代码

该代码意思为: 在文章内容页面的第5个段落下面加入广告位。如果我们希望在其他段落下面只需修改对应的数字即可。

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 );
}
  1. 点击”更新文件”按钮, 更新成功后, 就可以在文章内容页中看到广告效果了
    在这里插入图片描述
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值