首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

编辑 Wordpress 评论表单(只需在文本输入中添加一个类)

编辑 WordPress 评论表单(只需在文本输入中添加一个类)

要在 WordPress 评论表单中添加一个类,可以使用以下方法:

  1. 使用 comment_form 钩子函数:

在你的主题的 functions.php 文件中,添加以下代码:

代码语言:php
复制
function add_class_to_comment_form($fields) {
    $fields['comment_field']['input_class'] = 'your-class-name';
    return $fields;
}
add_filter('comment_form_default_fields', 'add_class_to_comment_form');

your-class-name 替换为你想要添加的类名。这将在评论表单的文本输入中添加指定的类。

  1. 使用 JavaScript:

如果你不想在 PHP 中修改代码,可以使用 JavaScript 来添加类。在你的主题的 functions.php 文件中,添加以下代码:

代码语言:php
复制
function add_class_to_comment_form_js() {
    echo<script>
        document.addEventListener("DOMContentLoaded", function() {
            var commentForm = document.querySelector("#commentform");
            if (commentForm) {
                var commentField = commentForm.querySelector("#comment");
                if (commentField) {
                    commentField.classList.add("your-class-name");
                }
            }
        });
    </script>';
}
add_action('wp_head', 'add_class_to_comment_form_js');

your-class-name 替换为你想要添加的类名。这将在评论表单的文本输入中添加指定的类。

请注意,这些方法可能会在不同的主题和插件之间产生冲突,因此请确保在使用之前进行充分的测试。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何使用 CAPTCHA 保护您的 WordPress 网站

如果您曾经不得不在方框输入波浪线、模糊的文本或单击网格带有消防栓(或其他基本视觉效果)的每个图像,那么您已经通过了 CAPTCHA 测试。...它改善了用户体验并且易于访问,这是其他 WordPress CAPTCHA 选项面临的问题。 用户无需输入文本只需单击一个框即可确认“我不是机器人”。...如果您想将其添加到您创建的任何表单,还有一个 reCAPTCHA 选项。 PS 如果您使用的是 Divi,reCAPTCHA 已经包含在我们的一些模块!...登录您的 WordPress 仪表板,然后选择左侧的插件。 单击“插件”页面顶部的“添加新”。 右上角的搜索栏输入“Advanced noCAPTCHA”——你想要的插件应该是第一个结果。...这是我的登录页面现在的样子: 您应该在 WordPress 的何处启用验证码? 使用 WordPress CAPTCHA 来保护用户输入信息的网站的任何部分是一个好主意。

3.5K00

WPJAM 配置器:无需一行代码就能配置文章类型,自定义字段,自定义分类,分类选项和全局选项

文章选项 文章选项创建有点不一样,首先要创建 meta box: 输入 meta box 的标题,ID,以及适用的文章类型,就可以一个文章的 meta box 了: 然后点击「添加字段」就可以给对应的...分类选项 WordPress 分类,标签或者自定义分类编辑页面没有 meta box,所以创建分类选项的时候,直接添加字段就好: 输入字段名,适用的分类模式,字段一样使用 shortcode 方式设置...,同样具体可以参考:WPJAM 配置器字段使用说明 如上最后自定义分类编辑页面生成的表单如下所示: 全局选项 全局使用的一些设置,我们叫做全局选项,存储 options : 选择全局选项的名称和选项...博客 支持一键将文章图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑添加下划线等按钮...格式文章 WordPress 实现真正的文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接的有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。

1.1K30
  • 【译】WordPress 的50个过滤器(2):先介绍10个过滤器

    > 重定向评论者的url到作者页面 WordPress 中发表评论后,你将停留在当前页面上——当然,本身这是个符合逻辑的方式,但如果你想在成功发表评论后将评论者的url 重定向到作者页面该怎么做...> 为标签添加自定义CSS WordPress 的body_class()函数是一个非常不错的函数。...> 过滤文章的文本内容 这个就不用多介绍了,用到的是the_content的函数,直接上例子: 例子:移除包裹在标签上的标签 WordPress 默认并不允许我们单独一个段落展示图片...> 过滤密码保护文章的表单提示 对于设置了密码保护的文章,在前端页面WordPress 会显示为一个密码填写的表单。...> 经过上面的代码作用,整个输入表单仅仅剩下三个单词,一个密码输入框跟提交按钮。怎样,够简洁吧?

    1.1K60

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

    文章目录[隐藏] 过滤标记 指示符示例 消息示例 当表单包含多个必填字段时,它们的标签可能带有一个带有图例的星号,以说明这些字段是必填的。...必填字段的标签使用wp_required_field_indicator()函数,它给出了包含必填星号的span标签添加了“required”名。翻译人员现在可以用他们语言中更合适的字形替换星号。...对于图例(legend),还使用wp_required_field_message()包裹“Required fields are marked *”的span元素添加一个“required-field-message...”名 。... WordPress 5.9 和 6.0 ,屏幕阅读器不会阅读评论表单的星号或必填字段消息文本,因为它们是视觉提示。 6.1 ,修订版恢复了这些项目,因此看到文本的屏幕阅读器用户也能听到它。

    68110

    5个最佳拖放式WordPress网页生成器比较(2018)

    只需通过从右侧边栏拖动元素并将其放在页面上即可看到所有更改。您可以单击页面的任何元素来编辑其属性。 它有几个基本和高级模块,几乎涵盖了您可能想要添加的任何内容。...它是一个实时页面生成器插件,这意味着您在使用Elementor进行编辑时可以看到您的页面。只需创建区域并选择每个区域的列数。 然后,您可以将小部件从左侧面板拖放到您的区域中。...从基本图像和文本小工具到高级手风琴、幻灯片、推荐、图标、社交媒体、标签等。每个小工具都有自己的设置。 Elementor还会让您添加其他WordPress插件创建的小部件。 不想构建自己的布局?...Elementor还附带有许多随时可用的模板,您可以将其插入到您的页面。您只需点击并单击即可编辑页面上的任何项目并将其替换为您自己的内容。 官方定价:从单站点许可证49美元起。...如果你不介意花一点钱开发商的支持下获得最好的市场份额,那么选择这两者的任何一个,你都不会后悔。 我们希望这篇文章能够帮助您找到最适合您的网站的WordPress拖放页面生成器插件。

    2.1K20

    屏蔽垃圾留言-Contact form 7和Elementor表单插件添加google验证方法

    wordpress网站添加了contact form 7或者其他联系表单的时候,经常会收到一些垃圾或者恶意留言评论,严重影响正常使用。...其实contact form 7这个联系表单是可以添加谷歌验证的,最早的v1版本用的是输入验证码的方式,v2版本用的是手动勾选“我不是机器人”的方式,目前最新的是v3版本,这个v3版本最大的特点就是不需要人工做任何操作.../recaptcha/admin/ 添加网站的相关信息,域名只需要填写不含www的一个域名即可。...4.申请成功之后,分别复制网站密钥和密钥到网站后台表单插件对应的位置 5.至此,针对contact form 7联系表单添加反垃圾评论留言的验证服务就算添加完了,添加完成之后去前台看不出任何变化,只有表单页面的右下角...,会多出一个google的图标(国内网络环境看不到) 如果网站使用的是Elementor可视化编辑器里自带的联系表单,直接从上面第3步开始操作,进入谷歌网站申请验证服务, 将申请好的两串密钥复制到elementor

    2.3K10

    WordPress安装后必做的18件事

    版本) 1、添加联系表单 互联网上的所有网站都需要联系表单。...可以WordPress启用评论审核,防止未经批准的情况下显示任何评论。但是,随着垃圾邮件数量的增加,将花费大量时间来审核评论。 要解决此问题,需要安装并激活Akismet插件。...10、设置WordPress评论 评论大多数博客扮演着重要角色,它们是用户参与度的良好指标,可以围绕博客构建社区。...要设置这些页面,只需转到 设置 阅读 页面,然后选择要用作首页和博客页面的页面。 14、上传Gravatar头像 WordPress使用Gravatar作者和WordPress评论显示用户头像。...17、更改WordPress电子邮件地址 安装WordPress时都会添加电子邮件地址,这意味着第一个用户个人资料和网站的电子邮件地址是相同的。

    3.8K50

    如何搭建 WordPress 博客

    添加内容并创建新的页面 安装主题后,您就可以开始创建内容了。 添加编辑页面 WordPress仪表板的侧边栏查找“页面->添加”。...点击WordPress仪表盘的外观->菜单。 找到您创建的页面,单击旁边的复选框,单击“添加到菜单”,将其添加到列表添加编辑帖子 如果您要在网站上搭建博客,那么您可能需要添加“帖子”的功能。...标语每个页面的标题末尾添加。要更改网站上的标题和标语,请转到“设置 - >常规”并填写表单。 禁用帖子和页面的评论 您可能不希望您的访问者对网页发表评论。...如果您没有自己选择静态页面,WordPress将收集您的最新帖子并开始您的主页上显示它们。 编辑侧栏 大多数WordPress主题在右侧有一个侧边栏(某些情况下,它在左侧)。...如果你想关闭侧边栏或编辑你不需要的项目,请按照如下指南进行操作: 到WordPress仪表板的“外观 - >窗口小部件”。 您可以使用拖放操作向侧边栏添加不同的“框”,或删除不需要的项目。

    7.5K3330

    WordPress程序文件功能介绍(WP程序开发必备)

    7.wp-cron.php 8.wp-comments-post.php:接收评论,并把其添加到数据库。 9.wp-commentsrss2.php:用来生成日志评论的RSS2信息聚合内容。...默认安装虽不包括它,但由于WordPress运行需要这一文件,因此,用户需要编辑这个文件以更改相关设置。 12.wp-feed.php:根据请求定义feed类型并其返回feed请求文件。...这个文件的URL通常被添加到cron任务,这样cron就会定期检索文件并接收邮件日志。 16.wp-pass.php:审核受密码保护文章的密码并显示被保护文章。...6.wp-includes/class-snoopy.php:Snoopy是一个PHP,用来模仿Web浏览器的功能,它能自动完成检索网页和发送表单的任务。...15.wp-includes/kses.php:用来渲染和过滤日志或评论的HTML。 16.wp-includes/links.php:用来管理和使用WordPress的链接功能。

    82440

    如何搭建 WordPress 博客

    添加内容并创建新的页面 安装主题后,您就可以开始创建内容了。 添加编辑页面 WordPress仪表板的侧边栏查找“页面->添加”。...点击WordPress仪表盘的外观->菜单。 找到您创建的页面,单击旁边的复选框,单击“添加到菜单”,将其添加到列表添加编辑帖子 如果您要在网站上搭建博客,那么您可能需要添加“帖子”的功能。...标语每个页面的标题末尾添加。要更改网站上的标题和标语,请转到“设置 - >常规”并填写表单。 禁用帖子和页面的评论 您可能不希望您的访问者对网页发表评论。...如果您没有自己选择静态页面,WordPress将收集您的最新帖子并开始您的主页上显示它们。 编辑侧栏 大多数WordPress主题在右侧有一个侧边栏(某些情况下,它在左侧)。...如果你想关闭侧边栏或编辑你不需要的项目,请按照如下指南进行操作: 到WordPress仪表板的“外观 - >窗口小部件”。 您可以使用拖放操作向侧边栏添加不同的“框”,或删除不需要的项目。

    1.8K40

    腾讯云服务器搭建WordPress博客

    添加内容并创建新的页面 安装主题后,您就可以开始创建内容了。 添加编辑页面 WordPress仪表板的侧边栏查找“页面->添加”。...点击WordPress仪表盘的外观->菜单。 找到您创建的页面,单击旁边的复选框,单击“添加到菜单”,将其添加到列表添加编辑帖子 如果您要在网站上搭建博客,那么您可能需要添加“帖子”的功能。...标语每个页面的标题末尾添加。要更改网站上的标题和标语,请转到“设置 - >常规”并填写表单。 禁用帖子和页面的评论 您可能不希望您的访问者对网页发表评论。...如果您没有自己选择静态页面,WordPress将收集您的最新帖子并开始您的主页上显示它们。 编辑侧栏 大多数WordPress主题在右侧有一个侧边栏(某些情况下,它在左侧)。...如果你想关闭侧边栏或编辑你不需要的项目,请按照如下指南进行操作: 到WordPress仪表板的“外观 - >窗口小部件”。 您可以使用拖放操作向侧边栏添加不同的“框”,或删除不需要的项目。

    4.8K40

    腾讯云服务器搭建WordPress博客

    添加内容并创建新的页面 安装主题后,您就可以开始创建内容了。 添加编辑页面 WordPress仪表板的侧边栏查找“页面->添加”。...点击WordPress仪表盘的外观->菜单。 找到您创建的页面,单击旁边的复选框,单击“添加到菜单”,将其添加到列表添加编辑帖子 如果您要在网站上搭建博客,那么您可能需要添加“帖子”的功能。...标语每个页面的标题末尾添加。要更改网站上的标题和标语,请转到“设置 - >常规”并填写表单。 禁用帖子和页面的评论 您可能不希望您的访问者对网页发表评论。...如果您没有自己选择静态页面,WordPress将收集您的最新帖子并开始您的主页上显示它们。 编辑侧栏 大多数WordPress主题在右侧有一个侧边栏(某些情况下,它在左侧)。...如果你想关闭侧边栏或编辑你不需要的项目,请按照如下指南进行操作: 到WordPress仪表板的“外观 - >窗口小部件”。 您可以使用拖放操作向侧边栏添加不同的“框”,或删除不需要的项目。

    4.3K50

    Contact Form 7插件添加表单教程

    作为一个网站所有者,你绝对应该学习如何添加一个联系表单WordPress。你的网站不是一个匿名实体。大多数人都想知道,偶尔也会和他们所读内容背后的人互动。你认为为什么会有作者简介和博客评论?...1.1 你还可能喜欢的文章: 为什么你要在你的WordPress网站上使用联系表单? 防止垃圾邮件——垃圾邮件是一种有害生物。当你有一个使用博客评论WordPress网站时,你会很快注意到它。...它包括一个示例表单,理论上,您可以立即使用。或者点击它开始编辑,或者点击屏幕顶部的添加新。两者都会让你到达这里: 开始时它看起来有点神秘,但是不用担心—您很快就会理解它的。...将表单添加到您的网站 配置好表单之后,就可以将其放到站点上了。您需要做的第一件事是通过同名按钮保存表单。 在此之前,您可能需要在顶部添加一个名称。这将使窗体创建多个窗体时更容易区分。...一旦你保存了你的表格,一个短代码将出现在屏幕上: 现在,您已经知道了自己的网站上添加表单所需的一切。我们希望这将带来巨大的机会和有趣的新接触。

    1.8K00

    WordPress 主题进行单元测试(Theme Unit Test)

    制作 WordPress 的过程,除了对整体的结构等进行排版布局等,还必须要对正文的内容和其他地方进行修饰和排版,例如正文中可能出现的 标题(h2、h3)、列表(ul、ol)、表格(table) 以及不同的文章类型效果等等...这就是 WordPress 主题的单元测试(Theme Unit Test)。 单元测试是比较复杂的工作,特别是添加测试数据。...WordPress 官方就为我们准备了这样一套单元测试流程和测试数据,我们只需要导入数据然后根据测试流程进行测试就可以了。下面我们来实际的操作一下。...,因为导入的图片数据等,都是 http://wpthemetestdata.wordpress.com/ 这个网站上的,这个网站在国外,可能会不太稳定导致无法导入附件等文件,然而图片等文件单元测试是非常重要的一部分...“编辑”链接 评论内容的 HTML 结构也需要进行修饰,特别是列表(list)和引用(blockquote)对象 当评论关闭的时候,评论表单不能显示 当评论关闭的时候,应该明确提示“评论已经关闭”

    1.9K10

    自定义 WordPress 评论表单和功能实现

    一些使用 WordPress 搭建的产品介绍、个人介绍、博客等类型的网站评论往往是必不可少的模块。...关于 WordPress 表单的基础知识 我们先来了解一下基础知识。 WordPress 主题中,使用 comment_form 函数来生成一个评论表单。...我们下面就通过修改这几个参数来实现自定义表单。 自定义 WordPress 评论表单的方法 增加、去掉评论表单的项目,需要使用 fields 参数。...为表单增加更多文本框 上面说了怎么去掉某个表单文本框,如果我觉得表单功能太弱,想要用户发表评论的时候填写更多的信息呢?我们仍然使用 fields 这个参数来传递。...具体代码请看之前写过的文章:WordPress 技巧:去掉评论模块的网站链接表单。其他的可以自行摸索,这样可以只 functions.php 修改方便管理。

    94410

    WordPress 初学者词汇表(术语解释)

    这可以是文本、表格、图像或您添加到站点的任何其他内容。它基本上是平面设计之外的所有信息。 Post Type(帖子类型) 帖子类型是一种您的网站上构建内容的方式。...WordPress 为撰写博客文章的作者、发表评论的读者、您的产品上发表评论的客户等使用头像。 可以 WordPress 仪表板的设置 > 讨论下启用头像。... WordPress ,小部件用于向Widget Areas(小部件区域)添加内容和功能,例如侧边栏、页脚或启用小部件的任何其他位置。... WordPress 博客,一些主题包含可用于格式化内容的简码,例如,添加按钮。而一些插件使用简码插入特殊内容,例如使用插件构建的联系表单。...Akismet已预先安装在您的 WordPress 博客,但您需要在设置站点时激活它。 Spam(垃圾邮件) WordPress 网站上的垃圾邮件通常以垃圾评论或联系表单提交的形式出现。

    7.2K20

    【译】WordPress 的50个过滤器(5):第31-40个过滤器

    > 保存评论者的ip地址 WordPress 在数据库中会保留每一个评论员的ip地址,如果你想修改之,可以使用这个pre_comment_user_ip过滤器。...> 添加文章CSS名 body_class这个过滤器WordPress 开发中常常用到,那么你知道有个post_class过滤器可以让你在文章内添加自定义的CSS 吗?...例子:循环中为第一篇文章添加特别标记的 <?...> 这样就为你的WordPress 网站的第一篇文章添加了.first-post 这个,之后开发你就可通过CSS 自定义.first-post 的样式而不用担心因为使用:first这个伪而产生的跨浏览器兼容问题了...附件增加自定义的输入WordPress ,附件大体上相当于一种额外的文章类型——仅仅有小小区别。

    1.1K70

    WPJAM「标题设置」:一键设置 WordPress 所有页面的页面标题

    页面标题是整个站点最重要的地方,如果页面被搜索引擎索引了,搜索结果显示的就是页面的标题。...博客 支持一键将文章图片下载到 WordPress 媒体库 搜索优化 支持限制和关闭搜索的 WordPress 插件 编辑器优化 优化 WordPress 传统的 TinyMCE 编辑添加下划线等按钮...评论增强 支持评论点赞,评论置顶和按照点赞数排序。 图片集 1. 给媒体创建个分类「图片集 | collection」 2. 图片分类限制为二级 3. 取消图片编辑入口 4. 附件页面直接图片链接。...让用户确认之后再跳转,并还支持添加 nofollow rel 属性。 话题标签 文章插入 #话题标签#。...格式文章 WordPress 实现真正的文章格式 草稿分享 一键生成草稿临时分享链接 并可设置分享链接的有效期 文章专题 设置文章专题,并在文章末尾显示一个文章专题列表。

    1.8K20
    领券