您想允許訪問者調(diào)整您的 wordpress 網(wǎng)站上的文本大小嗎？
提供字體調(diào)整器的目的是為視力不佳的訪問者提供一種更簡單的方法來調(diào)整字體大小，而不會破壞網(wǎng)站的布局。這有助于提高可訪問性。
在本文中，我們將向您展示如何在 wordpress 中為網(wǎng)站訪問者添加可調(diào)整大小的文本。
/>
為什么要向您的網(wǎng)站添加可調(diào)整大小的文本？
為您的WordPress 網(wǎng)站找到合適的字體非常重要，因為它在使您的網(wǎng)站更具吸引力并幫助訪問者閱讀您的內(nèi)容方面發(fā)揮著巨大作用。
然而，有時為您的網(wǎng)站選擇最佳字體可能還不夠。如果字體太小，人們將很難閱讀您的文章并最終放棄您的網(wǎng)站。
提高可讀性的一種更簡單的方法是為訪問者提供調(diào)整網(wǎng)站上主要文本大小的選項。這允許用戶根據(jù)自己的喜好調(diào)整文本大小，并在您的網(wǎng)站上花費更多時間。
盡管您可以通過按“CTRL 和 +”鍵來使用瀏覽器的內(nèi)置縮放功能，但它會增加頁面上每個元素的大小，而不僅僅是文本。這可能會破壞網(wǎng)站的布局并且無法提供良好的用戶體驗。
也就是說，讓我們看看如何在 WordPress 中輕松地為訪問者添加可調(diào)整大小的文本。
視頻教程
https://www.youtube.com/embed/SF7_3_BlmP0?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent訂閱 WPBeginner
https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-Static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com
如果您更喜歡書面說明，請繼續(xù)閱讀
如何在 WordPress 中添加可調(diào)整大小的文本
允許用戶調(diào)整網(wǎng)站上文本大小的最簡單方法是使用 WordPress 插件，例如accessibility Widget。
它是一個免費的WordPress 插件，可讓您向網(wǎng)站的側(cè)邊欄添加選項以更改文本大小。該插件是輕量級的并且非常易于使用。
注意：輔助功能小部件插件與完整站點編輯和塊主題不兼容。
您需要做的第一件事是在您的網(wǎng)站上安裝并激活 Accessibility Widget 插件。如果您需要幫助，請參閱我們有關(guān)如何安裝 WordPress 插件的指南。
激活后，只需從 WordPress 管理面板轉(zhuǎn)到外觀 ? 小部件。接下來，您可以單擊“+”按鈕并將“輔助功能小部件”塊添加到側(cè)邊欄。
/>
之后，您可以輸入小部件的標題，例如“更改文本大小”或“調(diào)整文本大小”。
接下來，您需要選擇哪些html 元素或 css 類將受到小部件的影響。默認選項是正文、段落、列表項和表格單元格。這些選項應(yīng)該適用于大多數(shù)網(wǎng)站。
/>
該小部件最多允許四個調(diào)整大小選項。默認選項為 90%、100%、110% 和 120%。您可以通過在“設(shè)置為這些大小”字段中輸入數(shù)字來增大或減小字體大小。
最后一個小部件設(shè)置是控制器文本，這是用戶將看到的文本。您可以保留文本大小的默認百分比或使用字母來顯示不同的字體大小。
完成后，只需單擊“更新”按鈕即可存儲您的小部件設(shè)置。
您現(xiàn)在可以訪問您的網(wǎng)站以查看正在運行的小部件。這是小部件在網(wǎng)站側(cè)邊欄中的顯示方式：
/>
如果您覺得控制器文本不明顯，則可以使用 CSS 進行更改。
例如，將此 CSS 代碼添加到主題的樣式表中：
.widget_accesstxt a {border: 2pxsolid#000;padding: 2px;font-weight: bold;}
由
在 WordPress 中一鍵使用
此 CSS 將在控制器文本周圍添加邊框、使其粗體并添加一些填充。有關(guān)更多詳細信息，請參閱我們有關(guān)如何在 WordPress 中添加自定義 CSS 的指南。
我們希望本文能幫助您向 WordPress 網(wǎng)站添加可調(diào)整大小的文本。您可能還想查看我們的指南，了解如何提高 WordPress 網(wǎng)站性能和最佳 WooCommerce 插件。
