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

投稿   懿古今  2017-02-03 07:46:20  295 人阅读  21 条评论

投放广告联系   诚邀合作伙伴   赞助我们   公告栏   赞助光荣榜

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

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

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

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 bloginfo('template_directory'); ?>/js/zh-cn-tw.js"></script>

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

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

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

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

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

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

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

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

点击繁体按钮后的效果图

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

点击简体按钮后的效果图

如果文章对你有帮助,请赞赏支持作者继续创作!

文章标签: ,   ,  
原文地址:http://yigujin.cn/1110.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 懿古今 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress/zblogPHP免费响应式博客主题Blogs

 发表评论


  1. Koolight
    Koolight 【尚书】 @回复

    主题自带,感觉没什么用。

  2. 西狂
    西狂 【举人】 @回复

    不是说简体字不好,繁体看文章非常带感!

  3. 阿飞
    阿飞 【进士】 @回复

    新年过去了,安心上班

  4. 杨海军博客
    杨海军博客 【书童】 @回复

    目前个人博客暂时不需要。

  5. 岷仁安防网
    岷仁安防网 【进士】 @回复

    感觉这个外贸站比较适合点。

  6. 姜辰
    姜辰 【状元】 @回复

    恭喜上班了~

  7. 爱时尚
    爱时尚 【尚书】 @回复

    又要开始上班了

  8. 码农BTS
    码农BTS 【状元】 @回复

    哈,又开始更新啦,没有老古文章的日子还真不习惯

  9. 网赚博客
    网赚博客 【书童】 @回复

    这个功能不错

  10. 复然网赚博客
    复然网赚博客 【举人】 @回复

    有没有关于zblog的教程呢?

  11. 龙笑天
    龙笑天 【状元】 @回复

    加和不加应该都无所谓咯~

  12. 大国小事
    大国小事 【小白】 @回复

    这个功能不错