WordPress主题通用美化教程给文章末尾版权提示框本

版权提示框的好处

  • 清晰的告诉读者,此文已经结束了,间接区分了文章部分和其他推荐文章
  • 可放置微信二维码,顺便收一波公众号的流量
  • 可放QQ群和客服QQ,很方便卖源码的老哥找售后的QQ群或者客服!
  • 底部内置1-5个按钮,可以自动复制添加,然后改连接,也是很方便用户直接开通什么vip类或者反馈类的东西
  • 版权提示,自己修改,建议两行,不要太多了
  • 界面一般,功能实现了
  • 清晰的告诉读者,此文已经结束了,间接区分了文章部分和其他推荐文章
  • 可放置微信二维码,顺便收一波公众号的流量
  • 可放QQ群和客服QQ,很方便卖源码的老哥找售后的QQ群或者客服!
  • 底部内置1-5个按钮,可以自动复制添加,然后改连接,也是很方便用户直接开通什么vip类或者反馈类的东西
  • 版权提示,自己修改,建议两行,不要太多了
  • 界面一般,功能实现了

效果图:

图片[1]-WordPress主题通用美化教程给文章末尾版权提示框本-99资源网

以下代码以b2为例放置到b2/TempParts/Single/content.php 的文件里面放到66-67行之间(<?php do_action(‘b2_single_post_content_after’); ?>这串代码上面)

将以下css代码放到主题文件里面的style.css或者子主题里面的style.css 底部就行

/*底部版权提示*/
.hh_wenzhangjieshu{padding:30px 0; text-align: center; border-top: double rgba(70, 139, 230, 0.14);}
.hh_wenzhangjieshu img{border:0;text-align:center;box-shadow:none;}
.hh_content_footer{width:100%;box-shadow: 0 0px 2px #d9e0eae3;margin-top:0px;position:relative;height: 250px;border-top:1px dashed #d9e0eae3}
 
.hh_content_footer .item_top_left{padding:15px;float:left;width:70%;padding-bottom:0px}
 
.hh_content_footer .item_top_left p{line-height:14px;font-weight:600;font-size:12px;padding-left: 7px;}
 
.hh_content_footer .item_top_left h3{color:#f7516c;font-size:15px;font-weight:600;padding-bottom:15px;}
 
.hh_content_footer .item_top_right{float:right;margin-top: 35px;width:30%;}
.hh_content_footer .item_top_right .hh_erweima{width:80px;height:80px;background:#f7f7f7;float:left;margin-right:15px;margin-top:15px; padding: 6px;}
.hh_content_footer .item_top_right .hh_qqqun{float:left;}
.hh_content_footer .item_top_right .hh_qqqun a{padding: 2px 20px;display:block;background:#f4f8ff;line-height:30px;border-radius: 15px;margin-top:15px;text-align:center}
 
.hh_content_footer .item_top{width:100%;height:160px;}
.hh_content_footer .item_bottom {width:100%;padding:20px;height:20px; padding: 20px 20px 20px 28px;}
.hh_content_footer .item_bottom .item_bottom_left{float:left;}
.hh_content_footer .item_bottom .item_bottom_left a{float:left;text-align: center;padding: 7px 20px;display:block;margin-right:20px;color:#fff;font-weight:600;border-radius: 10px;}
.hh_content_footer .item_bottom .item_bottom_right{float:right;font-weight:600;color:#666}
.hh_content_footer .item_bottom:before{content:'';width:100%;height:1px;background: #e6f0ff;display:block;margin-bottom: 15px;}
 
.hh_content_footer .hh_button_jianbian01{background:linear-gradient(to left,#70a4fe,#4583ec)}
.hh_content_footer .hh_button_jianbian02{background:linear-gradient(to left,#fe9369,#f7516c)}
.hh_content_footer .hh_button_jianbian03{background:linear-gradient(to left,#c867ff,#8a92fb)}
.hh_content_footer .hh_button_jianbian01:hover{background:linear-gradient(to left,#4583ec,#70a4fe)}
.hh_content_footer .hh_button_jianbian02:hover{background:linear-gradient(to left,#f7516c,#fe9369)}
.hh_content_footer .hh_button_jianbian03:hover{background:linear-gradient(to left,#8a92fb,#c867ff)}
 
@media (max-width:767px){
.hh_content_footer{height:400px; margin-top:-15px;margin-bottom:20px;}
.hh_content_footer .item_top{width:100%;height:160px;}
.hh_content_footer .item_top_left{width:100%;margin-top:-35px;}
.hh_content_footer .item_top_right{width:100%;}
.hh_content_footer .item_top_right{ float: none; position: relative; top: -23px;}
.hh_content_footer .item_top_right .hh_erweima{width:80px;height:80px;background:#f7f7f7;float:left;margin-right:15px;margin-left:30px;margin-top:0px; padding: 0px;}
.hh_content_footer .item_bottom .item_bottom_left a {margin-right:12px !important}
.hh_content_footer .item_bottom{margin-top:90px}
.hh_content_footer .item_bottom .item_bottom_right{float:none; margin-top: 61px; text-align: center;}
.hh_content_footer .item_top_right .hh_qqqun a{margin-top:5px;}
}
.hh_qqqun a img{ position: relative; top: 5px; right: 2px;}
 
/*底部版权提示结束*/
© 版权声明
THE END
喜欢就支持一下吧
点赞0
分享
评论 抢沙发

请登录后发表评论