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

 懿古今   2017-02-02 21:41:43 发布  技术文档

如果来访的用户有台湾以及香港等其他地区的,那么就很有必要为我们的 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

你可能感兴趣的文章

文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 懿古今 所有,欢迎分享本文,转载请保留出处!发布此文是出于传递更多信息之目的,若有来源标注错误或侵犯了您的合法权益,请发邮件至[email protected],确认后马上更正、删除,谢谢!

发表评论

  1. 姜辰
    姜辰 @回复

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

    • 懿古今
      懿古今2017-02-03 10:33  回复

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

  2. 阿里书籍
    阿里书籍 @回复

    支持不错 很好的教程

  3. Koolight
    Koolight @回复

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

    • 懿古今
      懿古今2017-02-03 10:32  回复

      @Koolight[害羞] 这个太夸张了,只是分享一些比较常见的技术文章而已

  4. 明月登楼的博客
    明月登楼的博客 @回复

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

  5. 龙笑天
    龙笑天 @回复

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

    • 懿古今
      懿古今2017-02-03 10:30  回复

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

  6. 简单生活
    简单生活 @回复

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

    • 懿古今
      懿古今2017-02-03 16:36  回复

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

  7. 杭州牛牛工作室
    杭州牛牛工作室 @回复

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

  8. keleeleph
    keleeleph @回复

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

    • 懿古今
      懿古今2017-06-13 11:23  回复

      @keleeleph当初测试的时候是没有问题,如果出现问题请检查是否有JS冲突

  9. 华仔博客
    华仔博客 @回复

    zblog的有没有

    • 懿古今
      懿古今2019-10-18 16:26  回复

      @华仔博客ZBlog本身有置顶功能,不过很少听说有自定义文章类型