隽永东方
隽永东方主菜单

东方设计学院 ☞ js实现网站高效简繁体转换教程

1 星2 星3 星4 星5 星
(2 票, 评分: 5.00 总分 5)  

最近东方设计工作室网站逐步吸引了不少港澳台的繁体用户访客,尽管他们也能看懂简体,但是难免多少会有些障碍,于是考虑加一个js实现简繁转换的功能,众所周知因为简繁体之间字符是均等的,无需类似中英文那样要完全独立添加两个版本的内容到后台,简繁体可以直接用预置在js里边的繁体字来实现一键切换简繁体,并且存入浏览器cookie,实现下次用该浏览器访问此站点的时候,仍然会记住简繁体默认设置,从而达到自动识别访客属性的目的。

以上方式听起来很复杂,但实现起来还是不难的,类似的js网上一搜一大把,已经是一个非常成熟的方法了,闲话少说,言归正传,首先附上 tw_cn.js 的源代码下载如下:

tw_cn.js (下载422)

记得将此js里边如下几行设置修改为你站点的设置:

然后在模板的footer.php里边

前加入以下代码:(此处以WordPress模板为例)

最后一步在需要加入简繁转换链接的位置输入以下代码即可:

然后我们测试看看效果如下:



 

隽永东方温馨提示:隽永东方已正式成为Shopify官方Partner,享有以下特权:
1,凡是通过隽永东方申请的Shopify测试账号,均可以60天免费试用,而无需支付任何费用,只需要正式开通以后才开始付费;
2,隽永东方将提供Shopify官方第一手资源,助力企业最快捷搭建电商营销平台;
3,隽永东方将不定期举办线下Shopify交流研讨会,为广大客户提供相互交流提升的平台。

立即注册 Shopify 账号



Shopify Free Trial Apply
Shopify 60天试用
Shopify 14天试用
  Google Ads 推广
  隽永东方全网营销
  隽永智库