為什麼在您的網站上添加可調整文字大小？

選擇適合的字體對於您的 WordPress 網站來說是非常重要的，因為這不僅可以讓您的網站更具吸引力，還有助於訪客閱讀您的內容。然而，有時僅僅選擇最好的字體可能還不夠。如果字體大小過小，人們將難以閱讀您的文章，最終可能會放棄您的網站。

一個改善可讀性的方法是為訪客提供選項來調整網站的主要文字大小。這讓用戶可以根據自己的喜好調整文字大小並在您的網站上停留更長時間。盡管您可以通過按下『CTRL 和 +』鍵使用瀏覽器內置的縮放功能，但這會放大頁面上的所有元素，而不僅僅是文字，這可能會破壞網站佈局並使用戶體驗不佳。

那麼，讓我們來看看如何在 WordPress 為您的訪客輕鬆添加可調整文字大小的功能。

方法一：在 WordPress 添加可調整文字大小（僅適用於經典主題）

最簡單的方法是使用像 Accessibility Widget 這樣的 WordPress 插件。這是一個免費的插件，讓您可以在網站的側邊欄添加一個調整文字大小的選項。該插件輕量且非常易於使用。

請注意，Accessibility Widget 插件與全站編輯和區塊主題不兼容，因此它僅適用於您使用經典主題的情況。

您需要做的第一件事是安裝並激活 Accessibility Widget 插件。如果您需要幫助，請參閱我們的指南“如何安裝 WordPress 插件”。

啟用後，只需從 WordPress 管理面板轉到 外觀 » 小工具。然後，您可以點擊‘+’按鈕，將‘Accessibility Widget’塊添加到側邊欄。

之後，您可以為這個小工具輸入標題，例如‘更改文字大小’或‘調整文字大小’。接下來，您需要選擇哪些 HTML 元素或 CSS 類將受到小工具作用。默認選項包括正文、段落、列表項和表格單元格。這些選項應該適用於大多數網站。

小工具允許設置四個調整選項。默認選項為 90%、100%、110% 和 120%。您可以通過在‘設置這些大小’字段中輸入數值來增減字體大小。

最後一個小工具設置是控制器文本，即用戶看到的文本。您可以保持默認的百分比顯示字大小，或者使用字母來顯示不同的字體大小。一旦完成，點擊‘更新’按鈕來保存您的小工具設置。

現在您可以訪問您的網站查看小工具的效果。這是該小工具應在您的網站側邊欄中出現的樣子：

如果您覺得控制器文本不夠顯眼，可以使用 CSS 修改。例如，將以下 CSS 代碼添加到您的主題樣式表：

.widget_accesstxt a { border: 2px solid #000; padding: 2px; font-weight: bold; }

這將在控制器文本周圍添加邊框，並使其加粗和增加一些填充。更多詳情，請參閱我們的指南“如何在 WordPress 中添加自定義 CSS”。

方法二：在 WordPress 添加可調整文字大小（適用於所有主題）

另一種讓用戶調整網站文字大小的簡單方法是使用 WP Accessibility 插件。無論您使用的是什麼主題，這款插件都可以在您的網站上添加一個更改文字大小的工具欄。

您需要做的第一件事是安裝並激活 WP Accessibility 插件。您可以參閱我們的指南“如何安裝 WordPress 插件”以獲取幫助。

啟用後，從 WordPress 管理面板進入 WP Accessibility 頁面。在“無障礙工具欄”部分，點擊“啟用無障礙工具欄”選項，然後選擇“字體大小”。這將在工具欄中添加一個字體調整器。

若需要，您還可以啟用對比度和灰階選項。此外，當工具欄被點擊時，您可以更改內容的字體大小。如果您不確定選擇什麼，可以只選擇“預設大小”。

除此之外，我們建議啟用“使用替代字體調整樣式表”選項。啟用此選項後，用戶可以輕鬆在預設字體大小和較大、更易讀的文字版本之間切換。隨意在插件中啟用其他設置。一旦完成，點擊‘更新工具欄設置’按鈕。

就這麼簡單！這是我們在前端所看到的字體調整工具欄：

更多信息，您可以閱讀我們的指南“如何提高 WordPress 網站的無障礙性”。

希望這篇文章幫助您在 WordPress 網站上添加可調整文字大小的功能。您也可能想查看我們的指南“如何改善 WordPress 網站性能”和“最佳 WooCommerce 插件”。

如果您喜歡這篇文章，請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您也可以在 Twitter 和 Facebook 上找到我們。