当前位置:首页教程文档WordPress教程B2主题美化文章尾部添加简约版权申明提示框

想给网站文章底部添上版权声明或提示信息,在网上找了些教程,感觉太花了,所以自己扒了mrxu大佬的底部提示框。效果如下:

WordPress教程B2主题美化文章尾部添加简约版权申明提示框

添加教程

1.修改B2主题目录下的 b2/TempParts/Single/content.php 文件,找到以下代码:

<?php do_action('b2_single_post_content_after'); ?>

在这段代码的后面添加以下代码:

<div class="miknio-bqts"><div class="miknio-bqts1">
<span>温馨提示:</span>
</div>
<div class="miknio-bqts2">
<p>1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:<a href="mailto:admin@miknio.com">admin@miknio.com&lt;/a>,我们将第一时间处理!</p>
<p>2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。</p>
<p>3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读<a href="https://www.miknio.com/document/4650.html" target="_blank">网站声明</a>。</p>
</div>
</div>

注意:B2一共有5个文章样式,content.php是纯文字样式的模板,如果需要在其他样式中添加,请按照这个方法修改其他样式文件。

2.在B2主题或子主题的style.css中添加以下样式代码:

/*文章底部提示 开始*/
.miknio-bqts {
    background-color: rgb(245, 245, 245);
	border-radius: 12px;
	padding: 15px;
	color: #949ab1;
}
.miknio-bqts1 {
	display: flex;
	margin-bottom: 10px;
	font-size: 18px;
}
.miknio-bqts2 {
    font-size: 14px;
	/*padding-left: 28px;*/
}
@media screen and (max-width: 768px){
.miknio-bqts2 p {
    margin-bottom: 0px;
    font-size: 12px;
}
.miknio-bqts1{
    margin-bottom: 0px;
}
}
/*文章底部提示 结束*/

好了,大功告成!

声明:
1.本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:admin@miknio.com,我们将第一时间处理!
2.资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持
3.所有资源仅限于参考和学习,版权归原作者所有,更多请阅读网站声明

给TA打赏
共{{data.count}}人
人已打赏
10 条回复 A文章作者 M管理员
  1. 一枚生煎

    感谢博主分享 ? ?

  2. 忘川爱吃糖

    大佬,我问个问题哈,按照你的教程改完了以后,和你的版权声明不一样是怎么回事啊

    • miknio

      css样式没刷新 有缓存吧

  3. skyandy

    感谢博主分享 ? ?

  4. 小满1221

    大佬您好,按照您的方式我写到了主题里,但是主题更新了代码会被覆盖掉,我是个总是忘记备份的,所以就更新一次设置一次,有点麻烦,有什么好办法既能更新主题也能保留自定义代码的方法吗(感谢)

    • miknio

      这个除非通过插件实现吧。子主题没办法继承这个目录

  5. 花果山

    (感谢)

  6. jqdn

    感谢博主分享

  7. jqdn

    感谢博主分享。。。。

  8. 静观其变

    站长这套板子正版还是开心版哈

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索