(視訊)《快速建立網站》 3.3 國際化高大上 - WordPress多語言支援

北京的201個藍天發表於2015-03-09

本文是《快速建立網站》系列的第7篇,如果你還沒有看過之前的內容,建議你點選以下目錄中的章節先閱讀其他內容再回到本文。

訪問本系列目錄,請點選:http://devopshub.cn/tag/wordpress-on-azure/

 

1. 網站管理平臺WordPress和雲端計算平臺Azure簡介 (6分鐘視訊 )
2.1 在Azure上建立網站及網站執行機制 (13分鐘視訊)
2.2 域名繫結操作和Azure負載均衡機制 (12分鐘視訊)
2.3 WordPress 初始化和網站管理功能 (11分鐘視訊)
3.1 WordPress 資料匯入 (12分鐘視訊)
3.2 WordPress 多站點支援和Azure線上程式碼編輯器 (14分鐘視訊)
3.3 WordPress 多語言支援 Multisite Language Switcher (15分鐘視訊)
3.4 WordPress 主題安裝和配置,美化你的網站 (15分鐘視訊)
4.1 為啥造軟體不同於造汽車,為啥是軟體就一定會有Bug - 構建開發運維一體化(DevOps)(11分鐘視訊)
4.2 完結篇 – 應用運營vs.發射衛星,遙測(Telemetry) 技術 (13分鐘視訊)

 

上一節(3.2)中我們完成了WordPress的多站點模式升級,現在我們有2個不同的站點分別位於根和/en這個目錄之下。在這一節(3.3)中,我們將在WordPress上啟用多語言支援,這個過程中會用到WordPress外掛,我也會對多站點模式下的外掛安裝和一些常見的外掛進行介紹。

請配合視訊閱讀本文

WordPress多站點模式下的外掛安裝

啟用多站點支援後的WordPress外掛安裝需要通過Network Admin控制檯來完成,然後再對所有的子站點啟用外掛。
首先我們需要切換到Network Admin控制檯

然後進入 Plugins | Add New 新增外掛頁面

新增外掛頁面會列出所有可以找到的外掛,這些資訊時通過wordpress.org提供的,這些外掛都是由全世界的開發人員共享出來,可供直接使用的,大多數外掛是免費的,當然也有一些事收費的。

圖中所示:
1. 可以通過搜尋框使用關鍵詞搜尋外掛
2. 請注意外掛的相容性,是否與你當前使用的WordPress版本相容
3. 關注外掛的評級,由很多外掛的功能非常接近,在這種情況下儘量選擇評級較高的外掛使用。
4. 點選 Install Now可以直接完成安裝

使用以上搜尋框輸入 Multisite Language Switcher,並在找到的以下外掛上點選Install Now。

安裝完成後會顯示如下頁面,點選其中的Network Activate(在整個多站點網路上啟用此外掛)

WordPress多語言支援檔案獲取和上傳

外掛安裝好後,切換到主站的控制檯,會看到如下提示。這時由於WordPress無法找到語言支援檔案造成的。語言支援檔案是軟體/網站中用於支援多語言的普遍做法,一般支援多語言的軟體都會使用特殊的空間來顯示頁面文字,這些控制元件可以根據應用中的配置到語言支援檔案中去獲取需要顯示的語言文字,這樣我們就可以在不修改程式碼的情況下動態的顯示不同的語言了。

以上的 manually install some language file連結將指引你進入WordPress文件,你們對安裝多語言檔案進行了詳細支援。

語言支援檔案的下載地址:
http://wpcentral.io/internationalization/

按照你需要的語言下載相關檔案並將zip檔案解壓出來,為後面的上傳做準備。
上傳語言檔案我們仍然不需要使用ftp,因為“Monaco”支援檔案的拖拽上傳操作,如下圖,首先在wp-content目錄下建立一個叫languages的目錄,然後將解壓好的語言檔案拖入即可完成上傳。

上傳完成的languages目錄時這樣的

完成以上語言支援檔案上傳後,進入WordPress控制檯的Settings | Multisite Language Switcher頁面,就可以對當前站點的前臺,後臺分別制定不同的語言,也可以對這個多語言外掛進行詳細的配置。

完成配置並點選Configure按鈕後,如果你在後臺也選擇了中文,那麼會馬上看到控制檯的介面語言切換成了中文。

按照同樣的方式對另外一個/en的站點進行配置,指定成你需要的語言。就完成了多語言的配置。

在文章上啟用多語言支援

啟用多語言後,在文章編輯頁面的右側回出現多語言切換選項,裡面會顯示其他子站點中的文章標題,這樣如果你在其他站點使用了不同語言,就可以將當前的文章和其他站點的文章進行連結,形成同一篇文章的不同語言版本切換效果。

到這裡,我們就完成了WordPress多站點,多語言的配置。也許你在本系列文章的開始覺得WordPress不過是個簡單的文章釋出而已,到這裡是否覺得它有那麼一點高大上了?另外,在這個過程中我沒有使用任何的專業開發工具,僅僅使用瀏覽器就完成了網站後臺程式碼的修改,這也是雲端計算的一大優勢,也許幾年以後再沒有人會使用pc,更沒有人會安裝動輒幾個G大小的IDE在自己的電腦上了,一切都將發生在雲端。

下一節(3.3),我講給大家介紹如何美化你的站點,讓你的站點Ready to Live!

請關注微信公眾號anb-io,每週推送內容,有技術也有生活,一起做個有情懷的程式猿。

 

相關文章