讲师中心 微信公众号
AI工具推荐 视频效率加速

如何在 WordPress 中添加字体调整器以实现辅助功能

胖敏君_1815

胖敏君_1815

发布时间:2025-05-24 14:40:21

|

897人浏览过

|

来源于php中文网

原创

您想允许访问者调整您的 wordpress 网站上的文本大小吗?

提供字体调整器的目的是为视力不佳的访问者提供一种更简单的方法来调整字体大小,而不会破坏网站的布局。这有助于提高可访问性。

在本文中,我们将向您展示如何在 WordPress 中为网站访问者添加可调整大小的文本。

如何在 WordPress 中添加字体调整器以实现辅助功能

为什么要向您的网站添加可调整大小的文本?

为您的WordPress 网站找到合适的字体非常重要,因为它在使您的网站更具吸引力并帮助访问者阅读您的内容方面发挥着巨大作用。

然而,有时为您的网站选择最佳字体可能还不够。如果字体太小,人们将很难阅读您的文章并最终放弃您的网站。

提高可读性的一种更简单的方法是为访问者提供调整网站上主要文本大小的选项。这允许用户根据自己的喜好调整文本大小,并在您的网站上花费更多时间。

尽管您可以通过按“CTRL 和 +”键来使用浏览器的内置缩放功能,但它会增加页面上每个元素的大小,而不仅仅是文本。这可能会破坏网站的布局并且无法提供良好的用户体验。

也就是说,让我们看看如何在 WordPress 中轻松地为访问者添加可调整大小的文本。

视频教程

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

如果您更喜欢书面说明,请继续阅读

如何在 WordPress 中添加可调整大小的文本

允许用户调整网站上文本大小的最简单方法是使用 WordPress 插件,例如Accessibility Widget。

它是一个免费的WordPress 插件,可让您向网站的侧边栏添加选项以更改文本大小。该插件是轻量级的并且非常易于使用。

注意:辅助功能小部件插件与完整站点编辑和块主题不兼容。

您需要做的第一件事是在您的网站上安装并激活 Accessibility Widget 插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活后,只需从 WordPress 管理面板转到外观 » 小部件。接下来,您可以单击“+”按钮并将“辅助功能小部件”块添加到侧边栏。

Banner Youtube Translate Workflow
Banner Youtube Translate Workflow

自动下载YouTube音频,启动豆包播放并捕获翻译,提取完整视频字幕。

下载

如何在 WordPress 中添加字体调整器以实现辅助功能

之后,您可以输入小部件的标题,例如“更改文本大小”或“调整文本大小”。

接下来,您需要选择哪些HTML 元素或 CSS 类将受到小部件的影响。默认选项是正文、段落、列表项和表格单元格。这些选项应该适用于大多数网站。

如何在 WordPress 中添加字体调整器以实现辅助功能

该小部件最多允许四个调整大小选项。默认选项为 90%、100%、110% 和 120%。您可以通过在“设置为这些大小”字段中输入数字来增大或减小字体大小。

最后一个小部件设置是控制器文本,这是用户将看到的文本。您可以保留文本大小的默认百分比或使用字母来显示不同的字体大小。

完成后,只需单击“更新”按钮即可存储您的小部件设置。

您现在可以访问您的网站以查看正在运行的小部件。这是小部件在网站侧边栏中的显示方式:

如何在 WordPress 中添加字体调整器以实现辅助功能

如果您觉得控制器文本不明显,则可以使用 CSS 进行更改。

例如,将此 CSS 代码添加到主题的样式表中:

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

由

在 WordPress 中一键使用

此 CSS 将在控制器文本周围添加边框、使其粗体并添加一些填充。有关更多详细信息,请参阅我们有关如何在 WordPress 中添加自定义 CSS 的指南。

我们希望本文能帮助您向 WordPress 网站添加可调整大小的文本。您可能还想查看我们的指南,了解如何提高 WordPress 网站性能和最佳 WooCommerce 插件。

热门AI工具

更多
Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Seko
Seko Hot

一款AI视频创作工具,主要用于商汤科技推出的创编一体的AI短视频创作Agent,适合需要提升相关任务效率的用户。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

超级简历WonderCV

一款AI办公效率工具,主要用于免费求职简历模版下载制作,应届生职场人必备简历制作神器,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

LibLibAI
LibLibAI Hot

一款AI视频创作工具,主要用于国内领先的AI创意平台,以海量模型、低门槛操作与“创作-分享-商业化”生态,让小白与专业创作者都能高效实现图文乃至视频创意表达,适合需要提升相关任务效率的用户。

相关专题

更多
counta和count的区别
counta和count的区别

Count函数用于计算指定范围内数字的个数,而CountA函数用于计算指定范围内非空单元格的个数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

2528

2023.11.20

Golang channel原理
Golang channel原理

本专题整合了Golang channel通信相关介绍,阅读专题下面的文章了解更多详细内容。

434

2025.11.14

golang channel相关教程
golang channel相关教程

本专题整合了golang处理channel相关教程,阅读专题下面的文章了解更多详细内容。

579

2025.11.17

Go语言 channel用法详解
Go语言 channel用法详解

本专题整合了go语言中channel的各种使用方法,阅读专题下面的文章了解更多详细步骤。

363

2026.04.03

default gateway怎么配置
default gateway怎么配置

配置default gateway的步骤:1、了解网络环境;2、获取路由器IP地址;3、登录路由器管理界面;4、找到并配置WAN口设置;5、配置默认网关;6、保存设置并退出;7、检查网络连接是否正常。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

337

2023.12.07

http与https有哪些区别
http与https有哪些区别

http与https的区别:1、协议安全性;2、连接方式;3、证书管理;4、连接状态;5、端口号;6、资源消耗;7、兼容性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

5290

2024.08.16

wordpress seo
wordpress seo

WordPress网站SEO优化方法有:1、选择一个SEO友好的主题,具有清晰的代码结构,快速的加载速度和响应式设计;2、使用SEO插件,优化你的标题标签,元描述,关键字,XML站点地图等;3、优化你的内容,内容是SEO优化的核心;4、优化你的网站速度;5、创建友好的URL;6、使用内部链接;7、优化图像;8、使用社交媒体;9、定期更新你的网站;10、监控和分析你的网站等等。

4695

2023.09.18

wordpress下载后怎么安装
wordpress下载后怎么安装

安装前准备:确保服务器满足要求、获取安装文件、创建数据库。上传 wordpress 文件。创建数据库和用户。运行安装程序:选择语言、输入数据库信息、网站标题和管理员信息。安装 wordpress。安装后配置:设置永久链接、安装主题、安装插件、创建内容。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

4839

2024.04.15

PixTV AI视频生成与无限画布创作
PixTV AI视频生成与无限画布创作

PixTV专题整理AI视频与视觉内容创作相关功能使用教程,涵盖AI生图、视频生成、无限画布、多模型创作、素材管理、声音音乐及视频剪辑等功能,帮助用户快速掌握PixTV从创意到成片的完整制作方法。

0

2026.09.29

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Sass 教程
Sass 教程

共14课时 | 1.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 5.7万人学习

CSS教程
CSS教程

共754课时 | 95万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn