简单几步为WordPress站点添加简繁字体转换功能

2017年2月5日14:48:17 发表评论 266

如果来访的用户有台湾以及香港等其他地区的,那么就很有必要为我们的 WordPress 站点添加一个简繁转换功能,以便提供用户的阅读体验。今天老古就以 Nana 主题为例,跟大家说一下如何为我们的 WordPress 站点添加简繁转换功能。

文章转载自:懿古今

为WordPress站点添加简繁转换功能的详细步骤

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

下载zh-cn-tw.js文件

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

简单几步为WordPress站点添加简繁字体转换功能

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

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

简单几步为WordPress站点添加简繁字体转换功能

PS:其他主题请自行修改 src 值。

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

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

简单几步为WordPress站点添加简繁字体转换功能

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

WordPress站点简繁转换功能效果图

简单几步为WordPress站点添加简繁字体转换功能

点击繁体按钮后的效果图

简单几步为WordPress站点添加简繁字体转换功能

点击简体按钮后的效果图

weinxin
微信公众号“卟吥”
这是我的微信扫一扫呗,已经有三百多小伙伴们跟着肉球菌吃瓜了,你还在等什么呢?跟我一起吧!
肉球

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: