如何在WordPress中為網站訪問者添加可調整大小的文本


您是否在一些受歡迎的網站上看到字體大小調整按鈕? 這些按鈕的目的是為視力不佳的訪問者提供一種更輕鬆的方式來調整字體大小而不會破壞網站的佈局。 即使您可以通過按CTRL和+鍵使用瀏覽器的內置縮放功能,它也會增加頁面上每個元素的大小,而不僅僅是文本。 在本文中,我們將向您展示如何在WordPress中為網站訪問者添加可調整大小的文本。

在WordPress中為訪客添加可調整大小的文本選項

影片教學

訂閱WPBeginner

如果您不喜歡該視頻或需要更多說明,請繼續閱讀。

您需要做的第一件事是在您的網站上安裝並激活Accessibility Widget插件。 激活後,只需轉到 外觀»小部件 並將輔助功能窗口小部件拖放到邊欄中。

輔助功能小部件設置

您可以輸入窗口小部件的標題。 接下來,您需要選擇窗口小部件將影響哪些HTML元素或CSS類。 默認選項是正文,段落,列表項和表格單元格。 這些選項應適用於大多數網站。

小部件最多允許四個調整大小選項。 默認選項是90%,100%,110%和120%。 您可以在此處增加或減少字體大小。 最後一個小部件設置是控制器文本。 這是用戶將看到的文本。 通常,字母A用於表示字體調整大小選項。 完成後,單擊“保存”按鈕以存儲小部件設置。

現在,您可以訪問您的網站以查看正在運行的小部件。 現在,小部件應該是這樣顯示在您的網站上的:

更改字體大小小部件

如果您認為控制器文本不明顯,則可以使用CSS進行更改。 例如,將此CSS代碼添加到主題的樣式表中:

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

該CSS將在控制器文本周圍添加邊框,使其變為粗體,並添加一些填充。

我們希望本文能幫助您在WordPress網站中添加可調整大小的文本選項。 您可能還需要查看有關如何改善WordPress網站可訪問性的指南。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Google+。