7B2主题全站下方添加顶部通栏广告

7B2主题全站下方添加顶部通栏广告

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

/**
* 添加图片广告到B2主题页眉下方
*/
add_action('b2_content_before', function(){
echo '<div class="dddd ads-after-header">
<div class="wrapper">
<a target="_blank" href="/shop/30.html">
<img width="598" height="80" alt="点击查看广告位详情" src="https://52muban-1257853617.file.myqcloud.com/img/2024/01/20240104062630850.png" >
</a>
<a target="_blank" href="/model">
<img width="598" height="80" alt="外贸建站,就用成品站模板" src="https://52muban-1257853617.file.myqcloud.com/img/2024/01/20240104062637248.png" >
</a>
</div>
</div>';
});

样式代码参考如下,根据自己的需要调整,可以添加到主题的 style.css:

.vips .ads-after-header {
    display: none;
}
.ads-after-header {
    margin-bottom: 16px;
}
.ads-after-header a {
    display: inline-block;
    width: 49.8%;
    max-width: 598px;
}
.ads-after-header a:first-child {
    margin-right: 0.4%;
}
.ads-after-content {
    margin-top: 16px;
}
.post-style-5 .ads-after-header {
    display: none;
}
@media screen and (max-width: 768px){
    .ads-after-header {
        margin-bottom: 4px;
    }
    .ads-after-header a {
        width: 100%;
        max-width: 768px;
        margin-bottom: 2px;
    }
    .ads-after-header a:first-child {
        margin-right: 0;
    }
}

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

网站错误提示“Error establishing a Redis connection”怎么处理?

2024-1-15 9:47:29

wordpress教程

7b2在文章页面显示面包屑导航

2024-2-23 12:06:16

【腾讯云】11.11云上盛惠!云服务器首年1.8折起,买1年送3个月!
11.11云上盛惠!海量产品·轻松上云!云服务器首年1.8折起,买1年送3个月!超值优惠,性能稳定,让您的云端之旅更加畅享。
查看更多相关信息>>
站长

(工作日 10:00 - 22:30 为您服务)

2026-05-13 00:25:21

您好,无论是售前、售后、意见建议……均可通过联系工单与我们取得联系。

猜你想问:

  • 购买的模板免费包安装吗?

  • 这个演示地址有吗?

  • 购买vip会员可以下载哪些模板?

您的留言我们已经收到,我们将会尽快跟您联系!
取消
立即选择任一渠道联系我们