#精品

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

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

添加教程

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

1. <?php do_action(‘b2_single_post_content_after’); ?>

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

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

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

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

1. /*文章底部提示 开始*/
2. .miknio-bqts {
3. background-color: rgb(245, 245, 245);
4. border-radius: 12px;
5. padding: 15px;
6. color: #949ab1;
7. }
8. .miknio-bqts1 {
9. display: flex;
10. margin-bottom: 10px;
11. font-size: 18px;
12. }
13. .miknio-bqts2 {
14. font-size: 14px;
15. /*padding-left: 28px;*/
16. }
17. @media screen and (max-width: 768px){
18. .miknio-bqts2 p {
19. margin-bottom: 0px;
20. font-size: 12px;
21. }
22. .miknio-bqts1{
23. margin-bottom: 0px;
24. }
25. }
26. /*文章底部提示 结束*/

好了，大功告成！