WordPress 7B2主题教程:页眉下方添加顶部通栏广告

 

B2主题默认没有设置页眉下方的顶部通栏广告位,但是预留了一个钩子,我们可以通过该钩子插入广告代码。

预留的钩子:

b2_content_before

 

效果图如下:

WordPress 7B2主题教程:页眉下方添加顶部通栏广告

 

B2主题提供了子主题,建议采用子主题方式来添加自定义代码

代码示例如下,请根据自己的需要修改,将代码添加到当前激活主题的 functions.php:

/**
 * 添加图片广告到B2主题页眉下方
 * https://www.77388.cn/Plus/2165.html
 */
add_action('b2_content_before', function(){

    echo '<div class="and ads-after-header" text-align:center;>
            <div class="wrapper">
                    <a target="_blank" href=" ">
                            <img width="100%" height="80" alt="自助创意广告区块 - WordPress区块" src="http://imgqiniu.77388.cn/WordPress/2023/04/20230426002315417.jpg" >
                    </a>
                    <a target="_blank" href=" ">
                            <img width="100%" height="80" alt="自助创意广告区块 - WordPress区块" src="http://imgqiniu.77388.cn/WordPress/2023/04/20230426002315417.jpg" >
                    </a>
            </div>
    </div>';

});

 

直接在页头引用如下代码:

<link href="//static.77388.cn/css/ad-header.css" rel="stylesheet" type="text/css" />

样式代码也可以根据自己的需要调整,可以添加到主题的 style.css或放在CDN存储后引用

 

免责说明

本站资源部分来自网友投稿,如有侵犯你的权益请联系管理员或给邮箱发送邮件PubwinSoft@foxmail.com 我们会第一时间进行审核删除。
站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!


如果遇到评论下载的文章,评论后刷新页面点击对应的蓝字按钮即可跳转到下载页面
本站资源少部分采用7z压缩,为防止有人压缩软件不支持7z格式,7z解压,建议下载7-zip,zip、rar解压,建议下载WinRAR

温馨提示:本站部分付费下载资源收取的费用为资源收集整理费用,并非资源费用,不对下载的资源提供任何技术支持及售后服务。

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

WordPress 7B2主题美化更改用户等级图标教程

2023-5-13 20:20:52

WordPress教程

WordPress 最大安全隐患,防止 xmlrpc.php 被扫描!

2023-5-14 14:46:25

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
有新私信 私信列表
搜索