WordPress 多語言網站架設教學,含網域、主機設定與網頁設計教學|遠振 Blog

 

WordPress 是全球最多人使用的免費網站內容管理系統,且具有完善的架設多語系網站的外掛功能,且透過 WordPress 主機用戶可輕鬆地架設多國語系網站,本篇亦整理完整架站教學,無論是新手或是無技術背景者皆可跟著以下教學來完成架設 WordPress 多國語言網站!

買網址與網域 DNS 設定

網址是網站的地址,架設網站您需要申請一個網域才能讓客戶找到您,並設定 DNS 將存放網站的主機與網域串連,才能壤網站正常上線運作。以下為網域註冊推薦與教學:

買網址推薦

來遠振購買網址除了提供優惠的費用外,還提供以下多項優質網域註冊服務:

  • 免費 DNS 代管
  • 贈送 2 組免費網域 Email
  • 提供 DNSSEC,網域 DNS 安全有保障
  • 購買網域價格優惠、費用透明
  • 網域續約主動通知,避免用戶網址過期
  • 24×7×365 全天候技術客戶支援
  • 豐富的頂級網域、新頂級網域類型選擇

 

買網址與免費 DNS 代管申請教學

Step1. 於遠振網域註冊頁面申請網域,首先需查詢網址是否可供註冊。
Step2. 確認網域為可註冊狀態後,選擇網域註冊效期(以年為單位),接著送出申請。
Step3. 進入網域設定頁面後,若您需要遠振免費 DNS 代管請勾選「DNS 管理(免費)」,您也可以查看下方 DNS 設定教學來自行管理 DNS。若您已有自己的 DNS 代管,則可以在下方名稱伺服器的欄位輸入相關資訊,接著點擊繼續。
Step4. 於結帳頁面確認網域申請資料與費用、效期等皆無誤後,點擊繼續來完成網域申請流程。
Step5. 完成付款後即可開始使用您的網域。

 

 

網域 DNS 設定教學

Step1. 完成網址購買後,請登入遠振會員中心,於選單中點選「網域」➙「我的網域」➙ 點擊您購買的網域 ➙ 點擊左方選單中的「DNS 管理」。
Step2. 於 DNS 管理中,點選「添加新區域」➙ 輸入網站的網址與主機 IP ➙ 點擊下方「添加區域」按鈕。
Step3. 添加成功後,請點擊右方修改圖示 ➙「添加紀錄」,依照記錄類型輸入資料於各欄位中 ➙ 完成後點擊下方「添加紀錄」按鈕。
Step4. 紀錄添加成功後,列表中就會出現您輸入的 DNS 紀錄設定,請添加完所有需要設定的 DNS 紀錄後,按下「保存更改」按鈕,即完成 DNS 設定囉!

 

租用 WordPress 主機

租用主機的用途是提供網站上線所需的系統資源、流量頻寬及存放網站的空間。WordPress 架站主機常見的有 WordPress 主機、虛擬主機、VPS 主機或實體主機,主要根據網站資源與規格需求來挑選主機類型。本篇架設 WordPress 多語系網站推薦您租用 WordPress 主機,原因為它是專用於 WordPress 架站的虛擬主機並已內建 WordPress 軟體,可以在租用主機後一鍵安裝與設定 WordPress 並開始架站,用戶就無需額外安裝 WordPress 或搬移網站了!

WordPress 主機推薦

遠振 WordPress 主機已預裝 WordPress 軟體,更整合網站備份、刪除、還原與更新於後台,並針對 WordPress 網站的安全與速度提供 LiteSpeed Cache、LiteSpeed web server 以及免費 SSL、WAF 網站應用程式防火牆、惡意軟體掃描等多項優化功能,還有 24h 工程客服與免費外掛安裝服務等,租用遠振 WordPress 主機能夠節省 WordPress 架站成本與時間花費!

 

租用 WordPress 主機與免費試用申請

Step1. 遠振提供「台灣 WordPress 主機」與「美國 WordPress 主機」,請先選擇您欲購買的方案規格,並點擊「立即申請」或「免費子網域」開始訂購。
Step2. 接著需填入與主機搭配的網域,請選擇適當的網域選項並輸入網域名稱後,點擊「繼續」。若尚未註冊網域,您也可以於此頁進行網域購買。另外也可以選擇使用遠振提供的免費子網域。
Step3. 接下來請選擇主機租用的繳費週期,若您已有 WordPress 網站也可勾選「免費搬家服務」,由遠振工程師協助您搬移網站,確認金額無誤後點擊「繼續」。
Step4. 於結帳頁面確認主機訂購資料與費用等皆無誤後,點擊繼續來完成主機訂購流程。
Step5. 於訂單繳費前,點擊 WordPress 主機繳費頁面上的「使用簡訊立即開通」,並完成簡訊驗證,即可開始試用 WordPress 主機囉!

遠振 WordPress 主機與其他虛擬主機類型皆提供免費試用服務,僅須透過手機簡訊開通,無須繳納任何費用即可開始試用主機 15 天! 若您滿意 WordPress 主機的使用與服務,只須完成繳費就完成 WordPress 主機購買囉!
WordPress 主機租用與免費試用申請的詳細圖文教學,歡迎點擊下方按鈕查看內容。

 

免費 SSL 憑證與 WAF 安裝

WordPress 是一款免費且開源的軟體,也因此所有的 WordPress 網站的登入路徑都是一樣,若您未做好資安防護,將很容易受到駭客入侵,除了安裝資安外掛確保登入安全外,透過遠振 WordPress 主機架站還可以免費安裝 SSL 與 WAF,只需要依照著以下步驟進行:

免費 SSL 憑證安裝

Step1. 完成 WordPress 主機購買後,即可登入 cPanel,點選安全性區塊中的「Let’s Encrypt™ SSL」。
Step2. 於 Let’s Encrypt™ SSL 頁面中,在「頒發新憑證」區塊中選擇想加上 SSL 憑證的網域,並點擊右方點選「+頒發」。
Step3. 接著選擇頒發憑證的驗證方式「http-01」或「dns-01」後,點選「頒發」。
Step4. 接下來將會顯示頒發成功訊息,即完成免費 SSL 憑證安裝囉!
上述免費 SSL 憑證安裝的詳細圖文教學,您可以點擊下方按鈕查看內容哦。

免費 SSL 憑證安裝的詳細圖文教學,歡迎點擊下方按鈕查看內容。

 

免費 WAF 安裝

Step1. 登入 WordPress 主機的 cPanel 後,點選安全性區塊中的「應用程式防火牆」。
Step2. 接著請選擇其中一個供應商掃描程式,即開啟 WAF 囉。
Step3. 若想要查詢 WAF 防火牆阻擋了哪些網頁,可透過「阻擋紀錄」查詢。
Step4. 若發現錯誤阻擋的網頁,則將該網頁「加入白名單」內即可。

免費 WAF 安裝的詳細圖文教學,您可以點擊下方按鈕查看內容。

 

佈景主題搜尋/安裝/啟用

Step1. 於 WordPress 後台點擊「外觀」➙「佈景主題」➙ 點擊上方「安裝佈景主題」。
Step2. 於安裝佈景主題的頁面中,搜尋 WordPress 佈景主題或是套用篩選條件,來選出適合您的網站主題。
Step3. 選擇好佈景主題後,請點擊「安裝」➙「啟用」,即完成主題套用囉!
Step4. 接著點選外觀列表下的自訂、小工具、選單等,即可自行修改文字、圖片、顏色等設計。

佈景主題搜尋/安裝/啟用的詳細圖文教學,歡迎點擊下方按鈕查看內容。

 

多國語系外掛 Polylang 教學

Polylang 外掛安裝

Step1. 於 WordPress 後台點擊「外掛」➙「安裝外掛」➙ 於搜尋框中,輸入 Polylang。
Step2. 找到 Polylang 外掛後,請點擊「安裝」➙「啟用」,即可開始使用 Polylang 外掛了!

外掛安裝與啟用的詳細圖文教學,歡迎點擊下方按鈕查看內容。

 

Polylang 外掛設定

Step1. 於 WordPress 後台點擊「外掛」➙「已安裝的外掛」➙ 找到 Polylang 後點擊設定。
Step2. 首先須完成基本設定,設定完成後點擊頁面下方的「Return to your dashboard」回到 WordPress 後台。
Step3. 於 WordPress 後台列表中選擇「Languages」來新增與編輯多語系。
Step4. 於 Add new language 頁面中選擇要新增的語言,接著系統將自動代入設定,您也可以自訂修改 Full name 與排序。

多語系網頁設計

多語系分類與標籤設定

Step1. 設定好 Polylang 的語言設定後,請點擊「文章」➙「分類」。
Step2. 在文章分類的頁面中您將看到除了原本的繁體中文語系外,還出現了您增加的語系,點擊多語系下方的「+」並填入分類語系的設定,即可為多語系網站新增該分類。

新增多語系標籤的作法與上述雷同。

新增與編輯多語系文章、頁面

Step1. 設定好 Polylang 的語言設定後,請點擊「文章」➙「全部文章」。
Step2. 在全部文章中您將看到除了原本的繁體中文語系外,還出現了您增加的語系,點擊多語系下方的「+」,即可為多語系網站新增該文章,並進行文章編輯。
Step3. 文章編輯頁面中的右方設定區,您可以看到出現「Languages」已設定為您想新增的語系。

WordPress 多語系網站新增與編輯多語言文章與頁面|遠振 Blog

Step4. 進行文章內容編輯並設定永久連結、文章分類、精選圖片等,完成後點擊「發佈」。
Step5. 當您在中文網站瀏覽該文章時點擊語系切換,將可直接跳轉到您剛新增的多語系文章。

如何在網站選單加入多語系切換功能?

Step1. 於 WordPress 後台點擊「外掛」➙「選單」。
Step2. 於新增選單項目中,勾選「Language switcher」,並點擊「Add to Menu」。
Step3. 於選單結構中,您可以勾選以下項目,設定多語系切換的呈現:
Displays as a dropdown:透過下拉選單方式呈現多語系。
Displays language names:顯示語系名稱。
Displays flags:顯示國旗。
Step4. 接著於選單設定,選擇 Primary Menu 中文(台灣),然後點擊「 儲存選單 」。

提交 Google Search Console 與 Google Analytics

提交 GSC

Step1. 首先我們透過安裝「XML Sitemaps」外掛,來幫購物網站產生 Sitemaps。
Step2. 外掛安裝完成並啟用後,於 WordPress 列表中點擊「設定」➙「XML-Sitemap」。
Step3. 接著進行 Sitemaps 相關設定,如是否每當有更新就自動通知搜尋引擎來索引、哪些文章或頁面需要優先被索引、網站地圖內容要包含/排除哪些頁面,以及索引頻率等。
Step4. XML Sitemaps 設定完成後,點擊下方「更新選項」您將會看到出現一串連結,請複製連結(請先將連結保存下來,下方我們需先開通 GSC 後,才會用到此連結)。

 

XML Sitemaps 外掛安裝教學

 

Step5. 接著請進入到 Google Search Console,首先需進行資源驗證,確認您是網站的管理員,可選擇網域資源或網址資源來驗證。(本篇教學選擇「網址前字元」使用HTML取得驗證)

Google Search Console 資源驗證,提交 Google Search Console|遠振 Blog

 

Step6. 於網址前字元中輸入您的網址,例如: https://example.com.tw (若您是使用網域則須輸入 example.com.tw),驗證擁有權需將 GSC 提供的中繼標記添加到網站的中,請複製中繼標記並回到 WordPress 後台。

Step7. 接著需將 GSC 中繼標記放置網站的 head 標籤中: 回到 WordPress 後台 ➙ 點擊「外觀」➙ 點擊「佈景主題檔案編輯器」➙ 右方選擇「header.php」➙ 將剛剛複製的 GSC 中繼標記貼至與的中間 ➙ 貼上後,點擊下方「更新檔案」。

Step8. 接著再回到 GSC 並點擊「驗證」。

以上就完成提交 GSC 囉。請注意,當您完成提交後,並不會馬上就能搜尋到,尚需要花點時間等待爬蟲將網站的資料索引完成才行,花費時間快則幾天,慢則幾個月,這部分就得要耐心等候。

 

GA 設定與埋入追蹤碼

Step1. 首先需申請 GA 帳戶,進入該連結 https://analytics.google.com/analytics/web/?authuser=0#provision/SignUp/ 後,完成帳戶與資源設定。

Step2. 接著需要進行「帳戶設定」➙「資源設定」➙「提供商家相關資訊」➙ 點擊「建立」勾選接受「Google Analytics 服務條款合約」。

Google Analytics 註冊與設定,GA 教學|遠振 Blog

 

Step3. 繼續進行「資料串流」設定: 請選擇平台: 請點擊「網站」 ➙ 設定您的網頁串流: 輸入網站網址、串流名稱(網站名稱) ➙ 點擊下方「建立串流」。

Google Analytics 串接與申請,GA 教學|遠振 Blog

 

Step4. (GA3 範例) 取得 GA 追蹤碼: 進入 GA 後點擊左下角的「管理」➙ 於「資源」列下找到「追蹤資訊」➙ 點擊「追蹤程式碼」➙將「全域網站代碼(gtag.js)」欄位中的代碼全部複製下來。

Google Analytics 埋入追蹤碼教學,網站串接 GA 教學|遠振 Blog

 

(GA4 範例) 取得 GA 追蹤碼: 進入 GA4 後點擊左下角的「管理」➙ 於「資源」列下找到「資料串流」➙ 選擇網站 ➙ 點擊「代碼設定操作說明」 ➙ 點擊「手動安裝」並將欄位中的代碼全部複製下來。

GA4 埋入追蹤碼教學,網站串接 Google Analytics 4 教學|遠振 Blog

 

Step5. 最後我們需將 GA 追蹤碼放置網站的中。以上就完成 GA 設定囉。請注意,當您完成提交後,並不會馬上就能搜尋到,尚需要花點時間等待爬蟲將網站的資料索引完成才行,花費時間快則幾天,慢則幾個月,這部分就得要耐心等候。