解决WordPress DUX 大前端主题文章的<分享到>图标不显示问题

之前发现文章尾部有一个分享到功能,最近发现分享居然不能使用了,后来在后台换过代码,也没显示出来,也没有理会,

最近更新主题,心思来潮,就折腾了一下,最终还是解决好了。今天就特意分享出来,也许会有碰遇到同样问题的朋友,

可能也有很多朋友认为,要不要无所谓,基本用不上,没有几个人去分享,摆设还占资源。

其实这分享是百度的,所以挂百度的分享也不能小看,百度分享是可以增加百度的收录、提升网站流量。

百度分享图标不显示问题原因及解决方法:

百度分享图标不显示问题主要原因在于,百度分享链接代码不支持https,当然如果你的网站没有安装SSL证书,还是http://

这个百度分享还是没有问题的。下面就介绍具体的解决方法。

第一步,开启百度分享功能,并修改代码

先进入WordPress后台,进入主题设置,点击“基本”,不同的版本位置不同,一个一个点进去找就行,找到百度分享功能,点击“开启”复选框,然后是修改代码,如果你的后台自动有代码,直接将http://bdimg.share.baidu.com/改成自己网站域名。注意http一定要改成https。如果此处没有代码,直接复制下面的代码,粘到自己的网站上,将代码中的【网站域名】换成自己的域名就行。

把下面的代码复制,把【网站域名】换成自己网站域名即可。

<div class="bdsharebuttonbox">
<span>分享到:</span>
<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
<a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
<a class="bds_bdhome" data-cmd="bdhome" title="分享到百度新首页"></a>
<a class="bds_tqf" data-cmd="tqf" title="分享到腾讯朋友"></a>
<a class="bds_youdao" data-cmd="youdao" title="分享到有道云笔记"></a>
<a class="bds_more" data-cmd="more">更多</a> <span>(</span><a class="bds_count" data-cmd="count" title="累计分享0次">0</a><span>)</span>
</div>
<script>
window._bd_share_config = {
common: {
"bdText" : "",
"bdMini" : "2",
"bdMiniList" : false,
"bdPic" : "",
"bdStyle" : "0",
"bdSize" : "24"
},
share: [{
bdCustomStyle: "https://网站域名/wp-content/themes/dux/css/share.css"
}]
}
with(document)0[(getElementsByTagName("head")[0]||body).appendChild(createElement("script")).src="https://网站域名/static/api/js/share.js?cdnversion="+~(-new Date()/36e5)];
</script>

第二步,下载百度分享代码包

点击下面<进入下载页面>,下载后解压以【static】文件夹上传到网站根目录

第三步,清理缓存,打开一篇文章,就能看到底下的分享功能复活了。

本文由 8源码吧 作者:liaolong 发表,其版权均为 8源码吧 所有,文章内容系作者个人观点,不代表 8源码吧 对观点赞同或支持。如需转载,请注明文章来源。

发表评论