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

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

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

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

添加教程

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

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

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

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

好了,大功告成!

版权声明 1 本站永久网址:https://www.gzkj8.com
2 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长:yixinis@163.com,进行删除处理。
3 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
4 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
WordPress教程文章资讯

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

2023-5-8 10:36:49

WordPress教程文章资讯

让你的网站变得更智能 - B2 Pro主题问答模块新增OpenAI ChatGPT机器人自动回答功能

2023-5-8 10:39:29

0 条回复A文章作者M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
搜索