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

2017年02月02日 21:41:43  阅读 283 次 评论 14 条

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

点击简体按钮后的效果图

如果文章对你有帮助,请赞赏支持懿古今发展!

历史上的今天:

本文地址:https://www.yigujin.cn/1110.html
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

  1. keleeleph
    keleeleph 【实习】 @回复

    这篇文章很棒,我的网站点击后从简体变成了繁体,可是无法从繁体变回简体了。。。。。。。。。请教怎么办

  2. 杭州牛牛工作室
    杭州牛牛工作室 【转正】 @回复

    每天来这里可以知道关于WordPress的最新知识

  3. 简单生活
    简单生活 【实习】 @回复

    移动端没有啊,应该加到侧边返回顶部这下面

    • 懿古今
      懿古今【老板】2017-02-03 16:36  回复

      @简单生活[疑问] 我这个是教程,没有说本站添加了简繁转换功能,想要的请跟进教程折腾,按钮放在哪里都可以,请看你自己了

  4. 龙笑天
    龙笑天 【助理】 @回复

    [疑问] 按钮呢?大兄弟~

    • 懿古今
      懿古今【老板】2017-02-03 10:30  回复

      @龙笑天[嘻嘻] 这个只是教程,本站不需要这个功能,所以本站是没有这个按钮的

  5. 明月登楼的博客
    明月登楼的博客 【副总】 @回复

    据说这个功能很费主机资源呀!

  6. Koolight
    Koolight 【副总】 @回复

    很给力的,博主这里是WordPress最好的技术基地!

  7. 阿里书籍
    阿里书籍 【副总】 @回复

    支持不错 很好的教程

  8. 姜辰
    姜辰 【经理】 @回复

    哇,挺给力的~一键就变了

    • 懿古今
      懿古今【老板】2017-02-03 10:33  回复

      @姜辰[给力] 是的,经过本人测试,这个转换还是挺给力的,如果有使用繁体的用户来访,不妨试试