iT邦幫忙

2023 iThome 鐵人賽

DAY 5
0

WordPress 主題與外掛中文化怎麼做?

上面章節安裝Astra佈景主題之後,介面都是英文的拉,我們要來把介面中文化,
可以用外掛來做,也可以手動安裝,兩個我都會講解,因為這可以幫我們了解 WordPress是怎麼做多國語系的

手動安裝翻譯檔

WordPress佈景主題目錄

https://ithelp.ithome.com.tw/upload/images/20230913/20072651P5XwmQKIbl.png

在佈景主題目錄中找到 Astra 佈景主題,下面有「本地化」的中文化的資訊
https://ithelp.ithome.com.tw/upload/images/20230913/20072651xaCFu11BPV.png

進入 Astra 語系的頁面
https://ithelp.ithome.com.tw/upload/images/20230913/20072651YTSFTayAfQ.png

找尋國家「Chinese (Taiwan)」,可以看到翻譯的百分比
https://ithelp.ithome.com.tw/upload/images/20230913/20072651u2bfGiRLLd.png

點擊 Chinese (Taiwan) ,進入後可以看到翻譯貢獻者是誰
https://ithelp.ithome.com.tw/upload/images/20230913/20072651yHbUrG1PZs.png

點擊 Astra 進入翻譯頁面
https://ithelp.ithome.com.tw/upload/images/20230913/200726511CGMIyfAG7.png

下載.po和.mo語系檔

移到最下面,選擇「Portable Object Message Catalog (.po/.pot)」點擊「export」下載檔案
https://ithelp.ithome.com.tw/upload/images/20230913/20072651js0ZReZ9Ye.png

選擇「Machine Object Message Catalog (.mo)」點擊「export」下載檔案
https://ithelp.ithome.com.tw/upload/images/20230913/20072651dMukY5KRmj.png

補充說明.po和.mo檔案

.po 和 .mo 是用於本地化和翻譯 WordPress 主題和插件的標準檔案格式。
以下是有關這兩種檔案的介紹:

  1. .po 檔案(Portable Object):
    • .po 檔案是本地化和翻譯的源檔案。
    • 它包含了原文本和對應的翻譯文本,以便翻譯人員能夠看到原文並提供翻譯。
    • .po 檔案可以使用文本編輯器打開,並以可讀的文本格式呈現,通常使用 GetText 的格式來組織原文和翻譯文本。
  2. .mo 檔案(Machine Object):
    • .mo 檔案是二進位檔案,通常由翻譯工具從 .po 檔案生成。
    • .mo 檔案包含了已經翻譯的文本,以及相應的二進位索引,這使得翻譯在運行時更加高效。
    • .mo 檔案是瀏覽器無法直接讀取的,而是由 WordPress 程序動態載入並應用於主題或插件,以實現網站內容的本地化。

在 WordPress 中,.po 和 .mo 檔案通常一同使用。一個 .po 檔案包含原文和對應的翻譯,然後可以使用翻譯工具(如 Poedit)生成 .mo 檔案,以實現實際的本地化。這些翻譯檔案通常存儲在主題或插件的 "languages" 或 "lang" 目錄中。

翻譯檔案的作用是將 WordPress 主題和插件中的所有文本元素,如標題、按鈕文本、菜單項目等,轉換為所選語言的對應翻譯,從而實現網站的多語言支援。當你更改 WordPress 網站的語言設定時,WordPress 會自動載入相應的 .mo 檔案,以確保內容以所選語言呈現。

總之,.po 和 .mo 檔案是 WordPress 本地化和翻譯的關鍵工具,使網站能夠以多種語言提供內容。

安裝語系

  1. 更改檔名 「主題名稱-語系代碼」 例如上面的 Astra佈景主題檔案變成
    wp-themes-astra-zh-tw.mo -> astra-zh_TW.mo
    wp-themes-astra-zh-tw.po -> astra-zh_TW.po
  2. 將語系檔 移動到 wp-content/languages/themes 底下
    佈景主題的語系檔就移到 wp-content/languages/themes 底下
    外掛的語系檔就移到 wp-content/languages/plugins 底下
    https://ithelp.ithome.com.tw/upload/images/20230913/20072651oasVVKT9AY.png

查看成果

你看~中文化完成了!

https://ithelp.ithome.com.tw/upload/images/20230913/20072651g2DYuh9fc6.png

安裝 Force Update Translations 外掛

在安裝外掛 搜尋 Force Update Translations,並點擊立即安裝
https://ithelp.ithome.com.tw/upload/images/20230912/200726510dNexcGEAb.png
啟用外掛
https://ithelp.ithome.com.tw/upload/images/20230912/20072651DFgNB0qpeq.png

https://ithelp.ithome.com.tw/upload/images/20230912/20072651J2ScVknJzL.png

在佈景主題頁面,點擊 Update translation 按鈕
https://ithelp.ithome.com.tw/upload/images/20230912/20072651tH2aN35Op7.png

更新完成
https://ithelp.ithome.com.tw/upload/images/20230912/20072651rWHlBwAHHr.png

Astra 中文化完成!(可以刪除Force Update Translations 外掛了)
https://ithelp.ithome.com.tw/upload/images/20230912/20072651zv3SiM1j4e.png

手動翻譯

如果遇到翻譯檔案找不到或是不夠全面的時候,就可以進行手動翻譯!

可以使 Poedit軟體,直接對 .po 檔案進行翻譯,翻譯後直接轉出成.mo檔案
https://ithelp.ithome.com.tw/upload/images/20230913/200726518MO5OXKeVM.png
讀取 .po 檔案,直接在軟體上編輯與儲存
https://ithelp.ithome.com.tw/upload/images/20230913/20072651lXgoLiN4Mm.png

使用 Loco Translate 外掛進行編輯與翻譯
https://ithelp.ithome.com.tw/upload/images/20230913/20072651ZcvziKaysz.png

https://ithelp.ithome.com.tw/upload/images/20230913/20072651f0cIHiTE8K.png

https://ithelp.ithome.com.tw/upload/images/20230913/20072651IJWvPqr61h.png

結論

要將 WordPress 主題翻譯成中文或其他語言,通常需要以下步驟:

  1. 下載和安裝主題
    首先,確保你已經下載和安裝了你想要翻譯的 WordPress 主題。你可以在 WordPress.org 主題庫中下載免費主題,或者如果是商業主題,從主題開發者那裡獲取主題文件。
  2. 安裝翻譯插件
    為了翻譯主題,你需要一個翻譯插件。最常用的翻譯插件之一是 "Loco Translate" 和 "WPML"。你可以在 WordPress 的插件庫中找到這些插件,然後安裝並啟用它們。
  3. 創建語言文件
    使用翻譯插件,你可以開始創建語言文件。通常,你會選擇主題,然後創建一個新的語言文件。在這個過程中,你需要選擇目標語言,例如中文(繁體)。
  4. 翻譯主題字符串
    翻譯插件會列出主題中的所有可翻譯字符串,例如標題、按鈕文本、菜單項目等。你需要逐一翻譯這些字符串。對每個字符串,插件通常會提供原文本和翻譯文本的輸入框。
  5. 保存翻譯文件
    當你完成翻譯所有字符串時,請確保保存翻譯文件。插件會生成包含翻譯文本的 .po 和 .mo 文件。這些文件包含了你的翻譯內容。
  6. 設定語言
    最後,回到 WordPress 的設定,選擇你的目標語言,例如中文(繁體)。你可以在 "設定" > "一般" 中進行此設定。確保所選擇的語言與你創建的翻譯文件相匹配。
  7. 測試翻譯
    測試你的網站,確保所有主題元素都已經成功翻譯成中文。如果發現任何錯誤或遺漏,可以返回翻譯插件並進行修正。

以上是將 WordPress 主題翻譯成中文的一般步驟。請注意,有些主題可能具有自己的翻譯文件或特定的翻譯方法,因此建議查閱主題的官方文檔或支援資源,以獲取更多關於該主題的翻譯信息。

系列文章

Day01 在小小的花園裡挖呀挖呀挖,埋下一顆小小的種子,種出小小的花
Day02 在本機使用 MAMP 快速架設 WordPress 網站
Day03 來點 WordPress 基本功 - 檔案結構
Day04 WordPress 主題是怎麼回事 - Astra 主題介紹
Day05 WordPress 主題與外掛中文化怎麼做?
Day06 WordPress 網站主要頁面 - Starter Templates 讓你瞬間做出一個漂亮的網站
Day07 Astra主題 - 自訂外觀(1/2)
Day08 Astra主題 - 自訂外觀(2/2)
Day09 WordPress - 輕輕鬆鬆建立頁面
Day10 WordPress - 輕輕鬆鬆建立文章
Day11 網站設計工具 - Figma
Day12 分析網站架構與元素 - XMind
Day13 生成式AI王者 - ChatGPT 文案產生器
Day14 產圖神器 - Canva 快速產出一頁式網站與圖片
Day15 WooCommerce - 轉換你的網站為線上商店
Day16 Email 寄信服務 - Brevo(Sendinblue)
Day 18 Wordpress 一鍵變成線上學習系統 - Tutor LMS
Day19 生成式AI 簡報應用 - Gamma AI
Day20 跨平台螢幕錄製和直播軟體 - OBS
Day21 強大的影片編輯軟體 - 剪映
Day22 SEO基本觀念與工具 - Yoast SEO外掛介紹
Day23 WordPress 安全性、備份、速度和成長工具 - Jetpack
Day24 提升網站速度 - Autoptimize
Day25 如何進行網站分析? - 使用Google Analytics追蹤網站流量
Day 26 WordPress網站上使用Google Ads達到最大化盈利的方法解析
Day27 賺錢的第一步 - AdSense在WordPress中的整合與設置
Day28 GCP 部署 WordPress 主機
Day29 創建網站的最後一哩 - DNS 網域名稱設定
Day30 心得感想-工程師和網站經營者的不同思維

Facebook 粉絲頁 - TechMasters 工程師養成記
程式教育 - 工程師養成記

目前課程,歡迎有興趣的朋友可以來聽聽看

🎉Python金融分析與阿甘投資法:打造穩健投資策略🎉
透過本課程,學生不僅能掌握Python語法,還能學習到如何將其應用於實際金融領域中,提升自身的投資策略與技能。
報名官網:https://utrustcorp.com/product/python-investment-backtesting/

📊15小時打造專業銷售網站:從零到專業的旅程📈
課程旨在教授學生如何運用Wordpress搭建網站並進行線上數位品牌業務營銷。
本課程將提供學生全面的知識和實踐技能,以加強他們在線上市場中的競爭力。
報名官網:https://utrustcorp.com/product/start-wordpress/


上一篇
Day04 WordPress 主題是怎麼回事 - Astra 主題介紹
下一篇
Day06 WordPress 網站主要頁面 - Starter Templates 讓你瞬間做出一個漂亮的網站
系列文
【輕鬆學習,輕鬆教學】跟著我的步驟,輕鬆架設屬於你的學習管理平台!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言