最近发现网站访问里有台湾、香港地区的朋友,海外流行繁体字,所以就寻思给网站添加个简变繁功能,如果来访的用户有台湾以及香港等其他地区的,那么他们这部分就很容易看明白了,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>
即可完美展现简变繁功能。小编网站就是样板,由于会拉慢网站速度,小编已将该功能停用。图片就不贴了。