wordpress 7b2主题文章末尾版权提示框+本文结束图标教程免费分享

本教程代码由6服务区原创,初墨优化修改,请知晓

版权提示框的好处:

1.清晰的告诉读者,此文已经结束了,间接区分了文章部分和其他推荐文章

2.可放置微信二维码,顺便收一波公众号的流量

3.可放QQ群和客服QQ,很方便卖源码的老哥找售后的QQ群或者客服!

4.底部内置1-5个按钮,可以自动复制添加,然后改连接,也是很方便用户直接开通什么vip类或者反馈类的东西

5.版权提示,自己修改,建议两行,不要太多了

6.界面一般,功能实现了

效果查看

操作方法

1.在主题的fuctions.php里面添加以下代码,建议使用子主题,防止主题更新覆盖原主题再次修改的困扰,end图片地址微信图地址以及阿里矢量图自行修改

//在所有文章底部添加自定义内容
function add_after_post_content($content) {
	if(!is_feed() && !is_home() && is_singular() && is_main_query()) {
		$content .= '
        <div class="hh_wenzhangjieshu"><img src="https://qiuyegen-wp.oss-cn-hangzhou.aliyuncs.com/2019/06/end.png"/></div>
        <div class="hh_content_footer">
        <div class="item_top">
        <div class="item_top_left">
        <h3>【初墨博客】温馨提醒:</h3>
        <p>初墨所发布的一切视频、资源、软件或其他内容的文章文章仅限用于学习和研究目的。</p>
        <p>如果您喜欢我们模板,欢迎购买VIP,您将得到更好的服务。 如有侵权请邮件与我们联系处理。 </p>
        </div>
        <div class="item_top_right">
        <div class="hh_erweima"><img src="https://qiuyegen-wp.oss-cn-hangzhou.aliyuncs.com/2019/06/微信图片_20190630120832.jpg" /></div>
        <div class="hh_qqqun">
        <a href="tencent://AddContact/?fromId=50&amp;fromSubId=1&amp;subcmd=all&amp;uin=550601163"><svg class="icon" aria-hidden="true"><use xlink:href="#zm-QQ"></use></svg>客服QQ</a><!-- 此处为阿里巴巴矢量图标库-->
        <a href="https://jq.qq.com/?_wv=1027&k=5ru7kt8"><svg class="icon" aria-hidden="true"><use xlink:href="#zm-QQ"></use></svg>QQ交流群</a><!-- 此处为阿里巴巴矢量图标库-->
        </div>
        </div>
        </div>
        <div class="item_bottom">
        <div class="item_bottom_left">
        <a href="https://www.qiuyegen.com/bubble"class="hh_button_jianbian01" target="_blank">打卡签到</a>
        <a href="/vips" class="hh_button_jianbian02" target="_blank">购买VIP</a>
        <a href="/shop" class="hh_button_jianbian03" target="_blank">服务商城</a>
        </div>
        <div class="item_bottom_right">      
        © 转载请联系作者,私自转载视为侵权!
        </div>
        </div>
        </div>';
	}
	return $content;
}
add_filter('the_content', 'add_after_post_content');

2.css样式 ,添加到子主题或母主题根目录下样式表style.css中即可

/*初墨博客修改    6服务区原创制作*/
.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%;height:200px;box-shadow: 0 0px 1px #d9e0eae3;margin-top:0px}

.hh_content_footer .item_top_left{padding:20px;float:left;}

.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:18px;font-weight:600;}

.hh_content_footer .item_top_right{float:right;padding:20px;}
.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:118px;}
.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: 4px;position: relative;top: -5px;}
.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: 20px;}

.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:360px;}
  .hh_content_footer .item_top_right{   float: none;
    position: relative;
    top: -23px;}
  .hh_content_footer .item_bottom .item_bottom_left a {margin-right:12px !important}
  .hh_content_footer .item_bottom{margin-top:125px}
  .hh_content_footer .item_bottom .item_bottom_right{float:none;    margin-top: 61px;
    text-align: center;}
}
.hh_qqqun a img{    position: relative;
    top: 7px;
    right: 2px;}

3.版权提示框会在不同类型的文章出现,想隐藏的请自己按需求把下列的css代码复制到你的style.css中,即可隐藏

+++++++++++++++++++++++++++++++++++++++++++++++++++以下为css代码++++++++++++++++++++++++++++++++++++++


/*隐藏缩略图为视屏时的版权提示*/
.write-video .hh_wenzhangjieshu{display:none}

 .write-video .hh_content_footer{display:none}

/*隐藏研究所文章的版权提示*/
.labs-template-default #isaid-single .entry-header .hh_wenzhangjieshu{display:none}

.labs-template-default #isaid-single .entry-header .hh_content_footer{display:none}

/*隐藏商城文章的版权提示*/
.shop-template-default .shop-single-content .hh_wenzhangjieshu{display:none}

.shop-template-default .shop-single-content .hh_content_footer{display:none}

/*隐藏公告的版权提示*/
.announcement-template-default .hh_wenzhangjieshu{display:none}

.announcement-template-default .hh_content_footer{display:none}

/*隐藏单独页面的版权提示*/
.page-template-default .hh_wenzhangjieshu{display:none}

.page-template-default .hh_content_footer{display:none}

/*隐藏活动页面的版权提示*/
 .activity-template-default .hh_wenzhangjieshu{display:none}
.activity-template-default .hh_content_footer{display:none}




++++++++++++++++++++++++中间的为css代码,不要复制多了(原文链接六服务区www.6fwq.com)+++++++++++++++++++++++
wordpress 7b2主题文章末尾版权提示框+本文结束图标教程免费分享

上方是给纯小白看的

初墨放了两款end图供大家选择,下方下载,也可以自行ps解决

隐藏内容,您需要满足以下条件方可查看
End

人已赞赏
主题修改

begin知更鸟主题页脚小工具折腾记录

2019-4-28 10:58:38

WordPress插件主题修改

WordPress柒比贰7b2主题模板H标签美化修改

2019-8-15 18:27:46

⚠️ 初墨博客上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。 无意侵害您的权益,请发送邮件至 link@baimu.org 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索