WordPress教學

前幾天中分享了多國語系的製作，有些網友則問到，是否有辦法套用到Wordpress中，今天梅干花了點時間，將Google的翻譯整合到裡面來，當判斷讀者所使用的語言後，網頁會自動切換語系，便於讀者閱讀，在寫的過程中，也出現了一些小狀況，好在有男丁老師的協助，終於完成了Wordpress多國語系自動切換的夢想。

Step1

開啟 wp-content\themes\佈景主題\header.php，將下列的語法複製到＜head＞....＜/head＞之間。

JAVASCRIPT

12345678910111213141516171819202122232425262728293031323334$(function(){ var lang = window.navigator.userLanguage || window.navigator.language ; var autolang=lang.toLowerCase(); var geturl = location.href;   var url = ""; switch (autolang){ //簡中 case "zh-cn": url = "http://translate.google.com/translate?hl=zh-TW&sl=zh-CN&tl=zh-CN&u="+geturl; break; //英文 case "en-us": url = "http://translate.google.com/translate?hl=zh-TW&sl=zh-CN&tl=en&u="+geturl; break; //日文 case "ja-jp": url = "http://translate.google.com/translate?hl=zh-TW&sl=zh-CN&tl=ja&u="+geturl; break; //韓國 case "ko": url = "http://translate.google.com/translate?hl=zh-TW&sl=zh-CN&tl=ko&u="+geturl; break; //法國 case "fr": url = "http://translate.google.com/translate?hl=zh-TW&sl=zh-CN&tl=fr&u="+geturl; break; //泰國 case "th": url = "http://translate.google.com/translate?hl=zh-TW&sl=zh-CN&tl=th&u="+geturl; break; } if(url!="" && location.href.indexOf("tl="+autolang)<=-1) location.replace(url); });

完成後，這時網頁就會依照讀者，所使用瀏覽器的語言，自動切換網頁語系，這邊梅干測試了手邊有的語言，包括簡中、繁中、英文都可正常的切換，若要增加更多的語系，只要從case往下加就可以了。