文章底部添加版权声明提示框-B2pro主题美化

前言

为了避免版权纠纷或其他问题，网站通常需要在包含原创或资源类信息的文章中声明具体内容。B2主题提供了版权声明功能，您可以在需要的时候使用。这个功能可以帮助您更好地保护您的原创内容。

站长对网上的代码进行了重构，增加了自己喜欢的样式，给位请根据自己需要修改。

注意

该模块的设置方法有两种，请在”官方设置“或”个性化设置“中任选一种，请勿同时设置！

官方设置

网站后台，B2主题设置-模块管理-文章内页-文章内页底部版权申明设置

但是官方设置的背景是浅蓝色的，个人比较喜欢浅灰色的。

个性化设置

1.修改content.php文件

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

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

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

<!--文章底部申明提示框 开始-->
<!--代码来自www.shutiao.co-->
<div class="shutiao-bqts">
   <div class="shutiao-bqts1">
      <span>温馨提示：</span>
   </div>
   <div class="shutiao-bqts2">
      <p>1.这些信息可能会帮助到你：
         <a href="https://www.shutiao.co/document/813.html" style="color:#00aeff" target="_blank" rel="noopener">
            <span class="b2font b2-download-cloud-line" aria-hidden="true">
            </span>下载帮助</a>|
         <a href="https://www.shutiao.co/document/814.html" style="color:red" target="_blank">
            <span class="b2font b2-close-circle-line" aria-hidden="true">
            </span>报毒说明</a>|
         <a href="https://www.shutiao.co/document" style="color:#ffa902">
            <span class="b2font b2-question-line" aria-hidden="true">
            </span>进站必看</a>
      </p>
      <p>2.所有资源仅限于参考和学习，版权归原作者所有，更多请阅读
         <a href="https://www.shutiao.co/document/809.html" style="color:green" target="_blank">
            <span class="b2font b2-file-list-2-line" aria-hidden="true">
            </span>网站声明</a></p>
      <p>3.本站部分内容收集于网络!若内容若侵犯到您的权益，请发送邮件至：
         <a style="color:#ff854d" href='mailto:joyable30@gmail.com'>Joyable30@gmail.com</a>，我们将第一时间处理！</p>
   </div>
</div>
<!--代码来自www.shutiao.co-->
<!--文章底部申明提示框 结束-->

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

2.修改style.css

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

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

原文链接：文章底部添加版权声明提示框-B2pro主题美化 – 薯条网 (shutiao.co)https://www.shutiao.co/dibubanquanshengming-b2.html