WordPress, 網站架設

WordPress教學-jQuery實作多國語系並自動切換

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

Step1
開啟 wp-content\themes\佈景主題\header.php,將下列的語法複製到<head>....</head>之間。
$(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往下加就可以了。
UAG軍規iPhone防摔殼