WordPress

事前準備

建議您先備份您的網站內容,再進行任何變更或更新。如此一來,您就可以在必要時使用備份好的資料來還原您的網站設定。

如果您不知道如何備份 WordPress 網站,請參閱 WordPress 備份說明文件。如有任何問題,請前往 WordPress 支援論壇尋求支援,或造訪我們的網站管理員支援社群瀏覽相關說明。

我的網站是由 WordPress.com 代管

如果您的網站是由 wordpress.com 代管 (例如 <我的網站>.wordpress.com),這是明智的選擇!

WordPress 會根據您目前安裝的主題和訪客的行動平台,自動使用適合行動裝置的主題顯示您的網站。詳情請參閱 WordPress 的行動主題支援網頁

我在自己的網域中使用 WordPress

1. 我使用的 WordPress 版本和主題為何?

1.1. 如何查看版本和主題?

如要查看您的 WordPress 版本,請使用以下其中一種方法:

  • 查看您的管理面板。如果您安裝的是 Wordpress 的最新版本,版本編號會顯示在資訊主頁的頂端附近,如下圖所示。如果是較舊版本,版本編號會顯示在頁尾位置。
WordPress 資訊主頁。
  • 前往已安裝 WordPress 的網站,使用網路瀏覽器的「查看原始碼」功能,在網頁中搜尋產生器的中繼標記,即可找到版本編號。例如:<meta name="generator" content="WordPress 3.9.2" />

  • WordPress 版本編號也會顯示在 /wp-includes/version.php 檔案中,使用文字編輯器即可加以查看。如果檔案位在遠端伺服器上,通常可以使用 FTP 程式查看遠端文字檔案的內容。

如要進一步瞭解如何查看版本,請前往 WordPress 安裝常見問題

注意:如果您不知道如何進行這個步驟,建議您暫停操作或委由專家處理。如果您有信心可以自行操作,可參考 WordPress 提供的支援說明文件

前往管理面板,然後依序選取 [Appearance] (外觀) -> [Themes] (主題)

檢查您的主題是否需要更新。

1.2. 視需要更新您的版本和主題。

如果您的 WordPress 版本不是 [最新

可用版本] (https://wordpress.org/download/),強烈建議您按照更新 Wordpress 說明文件,將您所安裝的 WordPress 更新到最新版本。更新為最新版本後,系統會自動套用網站所需的安全性更新,並讓您的網站適合行動裝置瀏覽。

如果您的主題有可用的新版本,可能是適合行動裝置使用的版本。

1.3 使用行動裝置適用性測試工具再次檢查您的網址

將網站軟體版本或主題更新到最新版本後,請在行動裝置適用性測試工具中測試您的網址。如果您得到「適合行動裝置使用」的分數,代表一切大功告成!

在行動裝置適用性測試中獲得代表適合行動裝置使用的良好成績。

如果網站尚不適合行動裝置使用,建議您變更主題及/或自訂現在使用的主題。以下是我們彙整的說明文件,可為您導覽操作過程。

2. 如何讓我安裝的 WordPress 適合行動裝置瀏覽?

2.1 我想將整個網站轉換成適合行動裝置使用的全新主題。

如選擇這類主題,通常代表您希望使用採取新型回應式設計原則的主題。回應式設計最大的優勢,在於能使用相同的 HTML、CSS 和 JavaScript 程式碼,根據使用者的瀏覽器類型調整網站的顯示效果,無論透過電腦或行動裝置的瀏覽器都能享有良好的使用體驗。

檢查您目前使用的主題是否已有可用的更新,以及該項更新是否適合行動裝置使用。

有時候您只需要更新主題就可以了。無論如何,我們都建議您更新主題,因為您的網站可以因此一併安裝重要的安全性修補程式。

主題通常會提供線上示範網頁。建議您除了使用電腦瀏覽之外,也使用行動裝置測試主題的各個環節是否符合您的需求。使用行動裝置造訪所選主題的示範網頁,是最簡單的方法。

如果您沒有行動裝置可以使用,可嘗試其他方法:

  • 如果您使用的是 Google Chrome,可以使用 Chrome 開發人員工具中的「行動裝置模擬」功能。如要存取這些工具,請在 Chrome 選單中前往 [檢視] > [開發人員] > [開發人員工具]。如要瞭解模擬功能,請造訪裝置模式說明文件。
  • 如果主題採取回應式設計,您可以將電腦視窗縮小到行動裝置的大小,藉此進行簡單測試。這類主題可根據檢視區的大小 (通常是瀏覽器的寬度) 改變行為,讓使用者透過任何電腦及行動裝置的瀏覽器都能輕鬆瀏覽。請注意,如果您所選的主題是根據造訪瀏覽器的使用者代理程式變更大小,就無法透過這種方式進行測試;為了謹慎起見,建議您還是使用行動裝置測試。

使用我們的 PageSpeed Insights 工具檢查主題也是個不錯的方法。如果您以這項工具測試後得到高分,表示您所選的主題適合行動裝置使用者瀏覽。

如果您目前的主題不適合行動裝置使用,請改用其他主題。

您可以瀏覽新的回應式主題。Wordpress.org 保留了主題目錄,您可以使用標記篩選功能自訂主題搜尋,即可自訂您要搜尋的主題。

這類主題採用回應式設計原則。如果主題提供示範網頁的連結,請務必使用我們的行動裝置適用性測試工具加以檢查適用程度。

在 wordpress.org 目錄中的主題通常可與 WordPress 的最新版本相容。您可以使用 PageSpeed Insights 工具確認您的主題是否適合行動裝置瀏覽。

2.2 我想在不變更電腦版網站的情況下,為使用行動裝置的訪客提供適合行動裝置的版本。

如果您不想變更主題,WordPress 平台還提供了其他選項供您使用。此外,第三方解決方案也可以為網站加入適合行動裝置的功能,協助您提升使用體驗。您可以透過 WordPress 外掛程式架構進行設定。這些解決方案包括:

  • Jetpack 可讓網站擁有者自行代管的網站使用 wordpress.com 代管網站的行動裝置適用功能。

  • WPTouch外掛程式解決方案,可為您的網站建立適合行動裝置的獨立版本,且不會影響電腦版網站的主題。針對使用行動裝置的訪客,您的網站會以不同的主題顯示。WPTouch 具備多種主題供您選擇。

  • WP Mobile Detector 與 WPTouch 類似,也可為使用行動裝置的訪客提供合適的網站主題。

請按照 2.2 節提供的步驟和建議操作,並確認外掛程式已妥善設定,將您的網頁調整為適合行動裝置瀏覽的版本。

2.3 我想要自訂我目前安裝的 WordPress (主題和外掛程式),方便使用者透過行動裝置瀏覽。

這屬於中高階設定,需要具備進階的 HTML 和 CSS 知識。以下部分資源供您參考:

3. 我的 WordPress 網站現在是否適合行動裝置瀏覽?最終檢查

希望您的網站現在已調整為適合行動裝置使用的版本,並可隨時提供給行動裝置使用者瀏覽。我們想邀請您使用行動裝置適用性測試工具進行測試。

如果測試結果不甚理想,或是您有其他問題,歡迎您造訪我們的國際網站管理員論壇,以取得更多指南和支援。

我們始終致力於提升說明文件品質,歡迎隨時填寫這份表單,將您的寶貴意見提供給我們。

傳送您對下列選項的寶貴意見...

這個網頁