WordPress 6.1 新增必填字段相关函数和钩子

当表单包含多个必填字段时,它们的标签可能带有一个带有图例的星号,以说明这些字段是必填的。为了减少代码重复并帮助维护全局一致的标记,WordPress 有两个新函数:wp_required_field_indicator()wp_required_field_message()。如果主题和插件至少需要 WordPress 6.1,它们也可以使用这些函数。

必填字段的标签使用wp_required_field_indicator()函数,它给出了包含必填星号的span标签添加了“required”类名。翻译人员现在可以用他们语言中更合适的字形替换星号。

对于图例(legend),还使用wp_required_field_message()在包裹“Required fields are marked *”的span元素添加一个“required-field-message”类名 。该符号与wp_required_field_indicator()函数生成的标记相匹配。

在 WordPress 5.9 和 6.0 中,屏幕阅读器不会阅读评论表单的星号或必填字段消息文本,因为它们是视觉提示。在 6.1 中,修订版恢复了这些项目,因此看到文本的屏幕阅读器用户也能听到它。

过滤标记

这两个函数都有用于编辑其输出的钩子,并且过滤器名称与相关函数匹配。

指示符示例

如果语言保留单个星号,使用过滤器可以添加更多星号:

  1. function wpdocs_replace_single_asterisk_in_default_indicator( $indicator ) {
  2. $indicator = str_replace( '>*</', '>***</', $indicator );
  3. return $indicator;
  4. }
  5. add_filter( 'wp_required_field_indicator', 'wpdocs_replace_single_asterisk_in_default_indicator', 10, 1 );

消息示例

将消息中指示符之前的空格替换为不间断空格,以便符号不会换行到下一行,与消息的其余部分分开。

  1. function wpdocs_use_nonbreaking_space_in_required_fields_message( $message ) {
  2. $message = str_replace( ' <span class="required"', '&nbsp;<span class="required"', $message );
  3. return $message;
  4. }
  5. add_filter( 'wp_required_field_message', 'wpdocs_use_nonbreaking_space_in_required_fields_message', 10, 1 );

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 lk2768783601@gmail.com 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023年9月4日 下午4:05
下一篇 2023年9月5日 下午2:20

相关推荐

  • 如何优化图片来提高WordPress网站加载速度

    了使您的WordPress网站更能吸引访问者并增加转化次数,网站的内容必须吸引人。图文搭配可以使你的文章更具吸引力,但是,高质量图像通常意味着较大的文件大小,会导致网页加载速度变慢。 所以,我们应该在确保图文排版需求的情况下,尽可能优化图片来减少对网页加载速度的影响。 在这篇文章中,我们将说明图像如何影响WordPress网站的速度和性能。然后,我们将为您提…

    2023年9月6日
    4080
  • 全站编辑才是 WordPress 的未来,你怎么看?

    全站编辑 (Full Site Editing,简称 FSE) 是 WordPress Gutenberg 发展的下一步,自从 WordPress 5.9 一起发布全编辑的初始版本以来,备受争议!直到目前,全站编辑作为 WordPress 的一个相对较新的功能还处于起步阶段。 “全站编辑将改变每个人使用主题的方式——以及我们构建主题的方式。” 资料来源:Fu…

    2023年8月29日
    2330
  • WordPress SEO 终极指南:做好这28个常规步骤(二)

    16. 创造伟大的内容 优质内容是一般的 SEO 要求(不仅与 WordPress SEO 相关)。但它是如此重要,我们不能在本指南中忽略它。 让我们深入…… 确定搜索意图 确定搜索意图意味着确保您的页面准确提供用户正在寻找的内容。 开始的一个好方法是分析目标关键字的 SERP 。 您可以使用 Semrush 的关键字概览工具查看来自任何国家/地区的 SER…

    2023年8月29日
    2830
  • WordPress建站该选择WordPress.com还是WordPress.org

    文本是《WordPress 入门教程(共19篇)》专题的第 14 篇。阅读本文前,建议先阅读前面的文章: 偶尔会遇到一些朋友问“WordPress注册以后就可以使用了吗,我应该选择哪个套餐?”,第一反应就是,他们认为我们通常说的WordPress建站,是到WordPress.com注册和购买套餐。其实不是的,我们通常说的WordPress建站是指自己购买域名…

    2023年8月29日
    2150
  • Google Search Console 警告“已编入索引,尽管遭到 robots.txt 屏蔽” 的处理方案

    在《WordPress 屏蔽恶意搜索,防止被搜索引擎收录恶意搜索结果》中,提到了网站被恶意搜索攻击,已经给出了一些处理方案,但是最近查看 Google Search Console 的覆盖率,看到了“已编入索引,尽管遭到 robots.txt 屏蔽”的警告,一看具体的网址,几万条全部都是恶意搜索结果。 查看了google官方文档《已编入索引,但被 robot…

    2023年9月6日
    2000
关注微信