天天看點

Wordpress 網站設計入門 多語言網站

Wordpress 有好些控件支援多語言網站設計,有收費的,也有免費的。我看看Polylang 免費,安裝的人多,就選擇了這個Widget。

這裡我們就講的是用Polylang 實作 Wordpress 網站的多語言。

1:安裝

在Dashboard 面闆,Appearance -> Widgets, 然後Add New, 在搜尋欄輸入 Polylang

找到 Polylang, install 然後 active。

還有一種安裝方法,網上下載下傳Polyllang(https://wordpress.org/plugins/polylang/),解壓,原樣上傳到/wp-content/plugins/ 下,通過Wordpress 裡的Widgets 菜單,激活Polylang。

2:添加語言

polylang 支援50種以上語言。激活插件後,你就可以看到Languages菜單,Languages->Languages

Wordpress 網站設計入門 多語言網站

現在看到添加語言的面闆了。在選擇語言的下拉菜單裡選擇你要添加的語言,你還可以有5個可選項,一般就預設。

完了之後一定要點選 Add New Language。點選後語言就出現在後邊框裡。我這裡選擇了中文 和英語。我的網站目前就支援這2種語言。但控件支援很多種語言。

Wordpress 網站設計入門 多語言網站

這裡還有一個要點,在這裡設定預設語言。有個星星就是設定為預設語言。原來的網站都是用中文設計的,就設定為中文。

Wordpress 網站設計入門 多語言網站

在第一次添加語言,設定預設語言的時候,會提示你 There are posts,categories,pages,you can set them to the default language。點選就可以把原有網頁轉換為預設語言的網頁。

Wordpress 網站設計入門 多語言網站

3:設定  在語言欄選擇設定

Languages->Settings。我們可以看到自動檢測浏覽器語言,确定開始語言。

Wordpress 網站設計入門 多語言網站

4:網頁設計

首先如果你有設計了網頁,你需要把所有網頁轉為預設語言的網頁。

然後我們打開Pages->All Pages。這個網頁在每種語言下都有小圖示。圖中紅箭:勾表示本頁面就是中文關于的網頁,鉛筆表示有對應語言的網頁,點選會打開對應的網頁。+号表示需要添加網頁。

Wordpress 網站設計入門 多語言網站

點選添加,就是這樣一個界面,這是一個建立頁面的頁面。下面還可以看到對應的中文頁面标題。一定要Publish,發表網頁。

就這樣新語言裡都要添加對應的頁面,内容你要翻譯好。這裡沒用自動翻譯,還不會。

Wordpress 網站設計入門 多語言網站

5:菜單設計

每種語言都需要有一個主菜單。Appearance->Menu,就到了這個界面。

最開始的時候應該 create a new menu, 都有了隻是編輯菜單,下拉選擇,然後點select。

這裡多了語言選擇開關項,應該選擇, Add to Menu。這個語言選擇開關可以放網頁,邊條上,我們這裡隻是放菜單上。

Wordpress 網站設計入門 多語言網站

注意菜單下面:這裡可以點開語言選擇的式樣。Menu Setting 這裡選擇這個菜單是作為那個語言的菜單,圖示裡是作為英文的主菜單。每個語言都需要一個主菜單。編輯一個就要這裡選擇一個哪種語言的。

Wordpress 網站設計入門 多語言網站

補充一點:在Add menu items裡,并不是總出現Language switcher 這個選項。沒有出現的時候,記得螢幕右上方有個Screen Option,打開她,然後勾上Boxes 下面的Language switcher。參看下圖:

Wordpress 網站設計入門 多語言網站

新碰到一個問題,加入菜單項的時候,網頁隻出現中文的,修改英文菜單的時候,沒法加英文的網頁。這個是這樣的,看下圖上面有個語言切換的東西:

Wordpress 網站設計入門 多語言網站

 我在polylang 上也找到說明圖檔:

Wordpress 網站設計入門 多語言網站

這個6 就是選擇語言的,選哪種語言就隻顯示哪種語言的網頁和部落格。記得以前不是這樣,有好處,但放上面注意不到。

可以看 https://polylang.pro/doc/create-menus/ 

字元串的翻譯

最開始我認為字元串翻譯沒什麼用,既然網頁我都是一個語言的設計,就不存在翻譯的問題。後來發現标題,等需要,英文的頁面顯示中文标題有點不好。

其用法是: language->Strings translations,就得到下面界面。該什麼語言的地方就什麼語言。主要也就 blogname , blogdescription 是必要的。

Wordpress 網站設計入門 多語言網站

媒體庫的共享

多語言中,發現媒體庫各要一個版本,圖檔其實都是共用的,有個設定可以改變成共享一個媒體庫:

在language 菜單,找到Media ,我這原來是Deactivate,點選後就共用一個媒體庫了。

Wordpress 網站設計入門 多語言網站

多語言網站就這樣實作了。記住要Save Menu。

上一篇: 1720

繼續閱讀