(視頻) 《快速創建網站》 3.3 國際化高大上 - WordPress多語言支持

如果圖片無法顯示,請看這個 微信公衆號鏈接。圖片都在主站的香港服務器上,最近的國際出口好像有問題,近期會在國內搞個鏡像,問題就會徹底解決。

本文是《快速創建網站》系列的第7篇,如果你還沒有看過之前的內容,建議你點擊以下目錄中的章節先閱讀其他內容再回到本文。訪問本系列目錄,請點擊:http://anb.io/blog/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 Visual Studio Online (VSO)在線開發平臺 (11分鐘)
4.2 使用 Visual Studio Online 和 Azure 構建 DevOps環境 (13分鐘)

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

請配合視頻閱讀本文

http://v.qq.com/page/r/y/v/r0147l9vyyv.html

WordPress多站點模式下的插件安裝

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

圖:進入WordPress Network Admin控制檯

然後進入 Plugins | Add New 添加插件頁面

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

圖:WordPress添加新插件頁面

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

使用以上搜索框輸入 Multisite Language Switcher,並在找到的以下插件上點擊Install Now。

圖:Multisite Language Switcher插件

安裝完成後會顯示如下頁面,點擊其中的Network Activate(在整個多站點網絡上啓用此插件)

圖:Wordpress在整個網絡中激活插件

WordPress多語言支持文件獲取和上傳

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

圖:手動安裝語言支持文件提示

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

語言支持文件的下載地址:
http://wpcentral.io/internationalization/

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

圖:在Monaco中使用拖拽文件上傳

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

圖:WordPress 多語言支持 language 文件夾

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

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

圖:WordPress多站點語言配置

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

在文章上啓用多語言支持

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

圖:WordPress文章編輯器中的多語言綁定工具

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

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

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

圖片:掃一掃微信訂閱號,和你一起做一個有情懷的程序猿。

 

世界上不是所有的東西都是用直接經濟契約來維繫的,比如:陽光,空氣,愛情和開源軟件。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章