请在Chrome、Firefox等现代浏览器浏览本站。记住我们的域名:tmy123.com   加入本站QQ群,大家一起HIGH:点击加入QQ群

多说评论框核心脚本embed.js本地化+回复后显示浏览器及操作系统信息(Useragent)

WP插件 Jophen 俞 4681℃ 已收录 25评论

一、embed.js本地化

多说社会化评论框核心脚本embed.js文件是个多说官方提供的公用文件,如果官方渠道过于拥挤,或者服务器故障(这个已经有过了~~),就会导致页面加载过慢或者完全无法加载,如果我们将其下载下来,放到我们自己的空间,就会使加载速度有一定的提升,同时也可以对多说评论框做一些个性化调整,因为我们使用的多说评论框主体代码全部都在这里面。以下用wordpress的多说插件为例。

首先打开多说核心脚本的远程文件:embed.js【点此下载】 ,然后点击右键-另存为,将其保存下来,上传到你自己的空间里。

然后用flashfxp等FTP客户端软件找到wordpress的【wp-content/plugins/duoshuo】目录,找到【WordPress.php】,用各种文本编辑器打开,如:记事本,我比较喜欢用Notepad++。

打开【WordPress.php】,搜索“embed.js”,会找到两处网址:embed.js【点此下载】,将这两处替换为你上传后的embed.js地址,推荐将embed.js上传至多说插件目录:【wp-content/plugins/duoshuo】,如上传至多说插件目录,【WordPress.php】中的两处替换网址就改为【wp-content/plugins/duoshuo/embed.js】,然后保存上传即可。

刷新下页面,然后点击鼠标右键 查看源代码-搜索 embed.js,如果显示wp-content/plugins/duoshuo/embed.js,而且多说评论框区域一切正常,那么恭喜您,多说社会化评论框核心脚本embed.js本地化就完全成功了!

您也可以用这种方法,将embed.js上传至七牛云存储等CDN当中就能使速度再次提升!

二、多说回复后显示浏览器及操作系统信息

修改前请确保您的多说核心脚本embed.js已经本地化

检查方法:在有多说回复框的页面点击鼠标右键查看源代码,搜索embed.js,如果找到:http://static.duoshuo.com/embed.js 这条网址,说明您的多说没有做过本地化

注意:回复本文就可以查看到效果了

然后在主题的样式表内(主题目录内的style.css文件)添加如下样式代码:

/*多说UA开始*/
span.ua{
 margin: 0 1px!important;
 color:#FFFFFF!important;
 /*text-transform: Capitalize!important;
 float: right!important;
 line-height: 18px!important;*/
}
.ua_other.os_other{
 background-color: #ccc!important;
 color: #fff;
 border: 1px solid #BBB!important;
 border-radius: 4px;
}
.ua_ie{
 background-color: #428bca!important;
 border-color: #357ebd!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_firefox{
 background-color: #f0ad4e!important;
 border-color: #eea236!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_maxthon{
 background-color: #7373B9!important;
 border-color: #7373B9!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_ucweb{
 background-color: #FF740F!important;
 border-color: #d43f3a!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_sogou{
 background-color: #78ACE9!important;
 border-color: #4cae4c!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_2345explorer{
 background-color: #2478B8!important;
 border-color: #4cae4c!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_2345chrome{
 background-color: #F9D024!important;
 border-color: #4cae4c!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_mi{
 background-color: #FF4A00!important;
 border-color: #4cae4c!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_lbbrowser{
 background-color: #FC9D2E!important;
 border-color: #4cae4c!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_chrome{
 background-color: #EE6252!important;
 border-color: #4cae4c!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_qq{
 background-color: #3D88A8!important;
 border-color: #4cae4c!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_apple{
 background-color: #E95620!important;
 border-color: #4cae4c!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.ua_opera{
 background-color: #d9534f!important;
 border-color: #d43f3a!important;
 border-radius: 4px;
 padding: 0 5px!important;
}


.os_vista,.os_2000,.os_windows,.os_xp,.os_7,.os_8,.os_8_1 {
 background-color: #39b3d7!important;
 border-color: #46b8da!important;
 border-radius: 4px;
 padding: 0 5px!important;
}

.os_android {
 background-color: #98C13D!important;
 border-color: #01B171!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.os_ubuntu{
 background-color: #DD4814!important;
 border-color: #01B171!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.os_linux {
 background-color: #3A3A3A!important;
 border-color: #1F1F1F!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.os_mac{
 background-color: #666666!important;
 border-color: #1F1F1F!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.os_unix{
 background-color: #006600!important;
 border-color: #1F1F1F!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
.os_nokia{
 background-color: #014485!important;
 border-color: #1F1F1F!important;
 border-radius: 4px;
 padding: 0 5px!important;
}
/*多说UA结束*/

如果您需要再美化一下,向本站的一样在前面加上地球、电脑、微信等小图标样式,请下载Font Awesome,获得其他图标请访问:http://fontawesome.io/icons/

它提供了479中小图标,只需要将下载到的 css 和 fonts 两个目录上传后(注意: css 和 fonts 需要上传至站点根目录),在header内引入上传后的CSS文件即可,非常方便!

在header.php中间插入以下代码引入css:

<link rel="stylesheet" href="/css/font-awesome.min.css">

注意:css目录内有两个css文件:

font-awesome.css
font-awesome.min.css

font-awesome.min.css 是 font-awesome.css 的压缩版!

保存上传后就可以显示了,快去试试吧!

如果您觉得本文对大家有帮助,请一定记得点击下方的分享按钮召唤您滴小伙伴前来围观啊!

本站文章如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权,转载请注明转自:https://tmy123.com/8380.html
喜欢 (16)
发表我的评论
取消评论
表情 代码 加粗 链接 私信 删除线 签到

Hi,请填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(25)条精彩评论。
  1. 签到成功!签到时间:2016-07-20 03:51:26,每日打卡,生活更精彩哦~
    测试2016年-07月-20日发表回复| Google Chrome 42.0.2311.154| Windows 10 x64
  2. :mrgreen: Win10不显示
    Srioe2016年-04月-13日发表回复| Google Chrome 45.0.2454.101| Windows 10
  3. 为什么我本地化了,多说评论框区域不正常
    迅雷共享是2015年-09月-22日发表回复| Google Chrome 39.0.2171.99| Windows XP
    • 说具体点或加群求助
      Jophen 俞2015年-09月-23日发表回复| Google Chrome 45.0.2454.85| Windows 10 x64
  4. 我这老版的已经功成身退了,新版的前几天刚做好 😡 多说回复后显示浏览器及操作系统信息(Useragent) | 我的那些事
    搜索客2015年-05月-26日发表回复| Internet Explorer 6.0| Windows XP
    • UA自己早就弄好了,另外早就不用多说了
      Jophen 俞2015年-05月-26日发表回复| Google Chrome 41.0.2272.89| Windows 7 x64
  5. 谷歌拼音是那么强大的了,错别字是那么的奔放。凑合点看....
    Afic.cn2015年-02月-03日发表回复| Google Chrome 39.0.2171.71| Windows 7 x64
  6. 就是把embed.js上传到七牛,得到外链?替换掉多说的embed.js链接?然后价格ua的css到style?是这三部?
    Afic.cn2015年-02月-03日发表回复| Google Chrome 39.0.2171.71| Windows 7 x64
    • 对,embed.js放在本地也可以,放在七牛快一点,在多说插件的wordpress.php里面,把这个JS的地址替换下就好了,UA放到样式表里就可以了
      Jophen 俞2015年-02月-03日发表回复| Google Chrome 38.0.2125.122| Windows 7
  7. 设置失败了,小坑啊
    二货2015年-01月-10日发表回复| unknow| unknow
    • 样式直接加到style.css里即可,主要是在footer.php阻止多说加载CSS
      同盟源 http://tmy123.com/2015年-01月-10日发表回复| unknow| unknow
      • 这是什么情况 出在那个wordpress.php上了
        二货2015年-01月-10日发表| unknow| unknow
      • 对了,不去阻止会有什么情况?
        二货2015年-01月-10日发表| unknow| unknow
      • 设置无效,继续从多说服务器加载CSS
        同盟源 http://tmy123.com/2015年-01月-10日发表| unknow| unknow
  8. 改倒好说 就是不会设计主题 哪种适合 这就是一个问题 天生没艺术细胞 可怕呀
    鲁洪2014年-12月-25日发表回复| unknow| unknow
    • 没这么严重吧
      同盟源 http://tmy123.com/2014年-12月-25日发表回复| unknow| unknow
      • 你觉得我的网站好看吗??? 那都是设计了好久的 想了又想 改了又改 大部分时间发这上面了
        鲁洪2014年-12月-25日发表| unknow| unknow
      • 还可以吧,配色有点问题,加一点滤镜过滤就好了
        同盟源 http://tmy123.com/2014年-12月-25日发表| unknow| unknow
      • 对呀 配色不行呀 不知道怎么配好看 现在让我有点想直接拿一套现成的
        鲁洪2014年-12月-25日发表| unknow| unknow
      • 有很多在线配色工具的,百度一大把
        同盟源 http://tmy123.com/2014年-12月-25日发表| unknow| unknow
  9. 代码小白
    小蜗居网赚网2014年-12月-21日发表回复| unknow| unknow
  10. 突然发现,显示站长回复的那个更实用一点,评论多了看起来不乱
    我要钱来赚2014年-12月-18日发表回复| unknow| unknow
  11. 博主这博客毛玻璃很PL,来参观学习一下
    Google上不去怎么办2014年-12月-18日发表回复| unknow| unknow