无插件为WordPress站点添加简繁转换功能【WP系列教程之十】

最近发现网站访问里有台湾、香港地区的朋友,海外流行繁体字,所以就寻思给网站添加个简变繁功能,如果来访的用户有台湾以及香港等其他地区的,那么他们这部分就很容易看明白了,WordPress 站点添加一个简繁转换功能,以便提供用户的阅读体验。今天小编就跟大家说一下如何为我们的 WordPress 站点添加简繁转换功能。

为WordPress站点添加简繁转换功能的图文教程

1、下载简繁转换的 js 文件压缩包 zh-cn-tw.zip

文件下载:  

2、将压缩包 zh-cn-tw.zip 解压后得到一个 zh-cn-tw.js 文件,然后将这个文件放在当前所使用的主题的 js 文件夹中。

3、打开主题的 footer.php 文件,在适当位置添加以下代码引入 zh-cn-tw.js 文件。

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/zh-cn-tw.js"></script>

PS:其他主题请自行修改对应位值。

4、在适当位置添加简繁转换按钮,比如在 header.php 文件中添加以下代码以添加简繁转换按钮。

<a id="StranLink" class="wencode">繁體</a>

PS:这个id="StranLink"不能修改,class的值及样式可以自行DIY。

也可以在网站右下角添加按钮,在给大家分享一个给网站左侧或右侧添加悬浮图片或按钮的代码,这个代码很简单,就一句样式代码就OK了。

流程如下:

1、先准备一张精美的图片,例如目前最流行的微信二维码。

2、把下面代码复制到CSS样式表里,把width:120px中的120改成你自己图片的宽度,把height:240px里的240改成你图片的高度,把url(“images/suspension.png)里的images/suspension.png换成你图片的相对地址。

.suspension{width:120px;height:240px;background:url("images/suspension.png") no-repeat;
padding-top:100px;position:fixed;left:10px;top:60%;}

注:如果想把图片放在右边的话,把left:10px中的left改成right即可。top:60%中的60是指这张图片距离网站顶部的高度。

3、在网站的底部文件或头部文件的body标签内添加如下调用代码。

<div class="suspension"></div>

最后综合后按钮代码添加到相应位置的代码如下为:

<a id="StranLink" class="wencode"><div class="suspension"></div></a>

即可完美展现简变繁功能。小编网站就是样板,由于会拉慢网站速度,小编已将该功能停用。图片就不贴了。

古风网络博客资源声明

本站资源来源于网络收集和网友分享,只供学习交流使用,请下载后24小时内删除。
如本站侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
本站部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
本站部分文章为原创,部分为转载,引用请保留链接信息,谢谢合作!
本文链接地址:https://www.sheng521.top/631.html 无插件为WordPress站点添加简繁转换功能【WP系列教程之十】

发表评论