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

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

如果来访的用户有台湾以及香港等其他地区的,那么就很有必要为我们的 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站点添加简繁转换功能的图文教程 简体效果图

点击简体按钮后的效果图

历史上的今天:

如何免费领取阿里云1000元代金券?
文章标签: ,   ,  
原文地址:https://www.yigujin.cn/1110.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 懿古今 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
懿古今

相关文章 分类热门分类热评最新问答

 发表评论

中国赞表情摊手表情吃瓜表情笑哭表情偷笑表情衰表情汗表情思考表情费解表情抓狂表情晕表情流泪表情疑问表情嘻嘻表情吃惊表情鼓掌表情

  1. 香港保险资讯网
    香港保险资讯网 @回复

    如果可以根据访问者的地区ip,自动切换就好了。

  2. 银色月航
    银色月航 @回复

    博主,如果是全站Ajax的话,有时候打开页面,没有自动简繁转化。
    必须手动再次点击,或者刷新页面。

  3. Koolight
    Koolight @回复

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

  4. 西狂
    西狂 @回复

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

  5. 阿飞
    阿飞 @回复

    新年过去了,安心上班

  6. 杨海军博客
    杨海军博客 @回复

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

  7. 岷仁安防网
    岷仁安防网 @回复

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

  8. 姜辰
    姜辰 @回复

    恭喜上班了~

  9. 爱时尚
    爱时尚 @回复

    又要开始上班了

  10. 码农BTS
    码农BTS @回复

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

  11. 网赚博客
    网赚博客 @回复

    这个功能不错

  12. 复然网赚博客
    复然网赚博客 @回复

    有没有关于zblog的教程呢?

  13. 龙笑天
    龙笑天 @回复

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

  14. 大国小事
    大国小事 @回复

    这个功能不错