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

如何自定义WordPress评论提交按钮

自定义WordPress评论提交按钮可以通过以下几种方法实现:

  1. 使用WordPress插件:

有许多插件可以帮助您自定义评论提交按钮,例如:

  • Comment Submit Button Customizer:这个插件允许您更改评论提交按钮的文本、颜色和样式。
  • Custom Comments Submit Button:这个插件可以让您自定义评论提交按钮的文本、颜色、字体和背景颜色。
  1. 使用CSS样式表:

您可以通过在WordPress主题的样式表中添加自定义CSS代码来更改评论提交按钮的样式。例如,以下代码可以更改评论提交按钮的背景颜色和文本颜色:

代码语言:css
复制
input[type="submit"] {
  background-color: #FF0000; /* 设置按钮背景颜色 */
  color: #FFFFFF; /* 设置按钮文本颜色 */
}
  1. 使用JavaScript代码:

您还可以使用JavaScript代码来自定义评论提交按钮。例如,以下代码可以更改评论提交按钮的文本:

代码语言:javascript
复制
document.getElementById("submit").value = "提交评论";

请注意,以上代码仅适用于具有ID为“submit”的评论提交按钮。您可能需要根据您的主题或插件的实际情况进行调整。

总之,自定义WordPress评论提交按钮有多种方法,您可以根据自己的需求和技能选择合适的方法。

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

相关·内容

解决 WordPress 提交评论前台超时发送失败,后台正常接收评论的问题

由 ChatGPT 生成的文章摘要 博主在使用WordPress博客中出现了提交评论前台超时发送失败,但后台还能正常接收评论的问题,尝试了多种方法都不能解决。...解决 WordPress 提交评论前台超时发送失败,后台正常接收评论的问题 问题引入 大概是一两个月前,我将博客接入了腾讯云 CDN,也自从那个时候开始,我的博客开始出现一些奇奇怪怪的问题,他们大多数都是因为缓存策略导致的...,后来也七七八八的修复了,但唯独有一个问题一直没有得到解决:提交评论一直显示提交中,直到超时显示提交失败,但是后台可以正常收到评论。...起初我觉得是腾讯云 CDN 的缓存问题,经过查询发现提交评论是向 wp-admin/admin-ajax.php 发送了 POST 请求,遂添加了额外的缓存策略,但是并没有得到解决。...问题解决 昨天晚上心血来潮,又去查了一下这个问题,然后偶然间看到了 WordPress 回复评论卡顿、无法发送邮件问题解决办法 这篇文章,其中表示回复评论卡顿很可能是由于邮件发送不出去导致的。

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

    WordPress 是一个可以高度自定义的平台,它提供了很多接口等方便开发者根据自己的需求来自定义功能和外表。...关于 WordPress 表单的基础知识 我们先来了解一下基础知识。在 WordPress 主题中,使用 comment_form 函数来生成一个评论表单。...title_reply - 这个参数改变评论表单标题,默认是:Leave a Reply。 label_submit - 这个参数改变评论表单提交按钮文字,默认是:Post Comment。...我们下面就通过修改这几个参数来实现自定义表单。 自定义 WordPress 评论表单的方法 增加、去掉评论表单中的项目,需要使用 fields 参数。...具体插入到 wp_commentmeta 这个表中,你提交了信息之后,会在这个表中发现对应内容 仅仅存到了数据库中当然不行了,我们还要取出来在评论内容中显示。

    94510

    WordPress Ajax 异步加载 自定义评论表情

    最近为了考试都复习成狗熊样啦~~我要缓缓折腾折腾WordPress 先。今天带来本人最新的折腾成果: Ajax异步加载自定义评论表情。...image.png 熟悉的知道,WordPress评论表情如果在评论框那里Show出来的话,每次都要加载这20+个评论表情图片,对于主机不给力的朋友来说简直是灾难。...WordPress Ajax 异步加载 自定义评论表情效果 直接在点击下面的评论框效果就出来了,有兴趣的可以用开发者工具看看是不是异步加载。 效果图示: ? ?...注意: 在开始本教程前请确保你已经看过《WordPress中添加自定义评论表情包的方法(附三套表情包下载)》原文并在你的主题上实现该功能,要求下载的smilies[devework.com].zip文件在这里有用...WordPress Ajax 异步加载 自定义评论表情教程: 一、删除你主题上来自于《WordPress中添加自定义评论表情包的方法(附三套表情包下载)》一文的所有代码(重要!)

    1.7K91

    WordPress的主题添加AJAX无刷新提交评论功能

    有时主题在提交评论后会刷新整个网页才可获取资源,别人家的都不是这样的,以下可以改善评论后无刷新即可获取资源。 在function.php文件加入以下代码 <?...ajax_comment",             type: jQuery(this).attr('method'),             beforeSend: faAjax.createButterbar("提交中...// your comments wrapper                     }                 }                 t.createButterbar("提交成功...    display:inline-block;     font-size:14px;     margin-bottom:0;     padding:12px 25px 新建文件夹Ajax的评论...将文件夹Ajax的评论放在主题根目录。 其中布局需要根据自身主题进行微调。

    1.7K40

    WordPress发布更新文章、提交审核评论自动清理VeryCloud缓存

    上一篇文章分享了WordPress 发布文章评论自动刷新腾讯云 CDN 的教程,而博客现在还用到了 VeryCloud 的 CDN,正好有朋友在文章后面留言说 VC 也有刷新缓存的 API,于是就利用中午的时间折腾了下.../** * WordPress 发布/更新文章、提交/审核评论自动清理VeryCloud CDN缓存(首页、分类以及当前文章) By 张戈博客 * 文章地址:https://zhangge.net/5090...**/ //发布、更新文章刷新缓存 add_action('publish_post', 'refresh_By_Publish', 0); //提交评论刷新缓存 add_action('comment_post...homeurl; } $data = array( 'type' => 'file', 'urls' => $url ); refresh($data); } //提交评论刷新当前文章...部署好了之后,可以去更新文章或提交评论,然后登陆 VeryCloud 云分发后台,即可看到提交记录: ? 至此,说明你已部署成功。

    835101

    WordPress评论滑动拉链解锁myQaptcha修改为自动提交的方法

    原理很简单:先用 css 隐藏评论提交按钮,然后将评论提交动作绑定到滑动解锁上即可。 好吧,张戈好人做到底,整理一下详细的做法(发现很多朋友都喜欢看张戈罗里吧嗦。。。)...一、下载代码 为了省去如何修改代码洋洋洒洒的几百字,张戈决定直接将修改好的代码打包分享出来: 下载地址 下载解压后,将得到的 myqaptcha 文件夹整体上传到 WordPress 主题目录下备用。...php 之后添加如下代码保存即可: include("myqaptcha/myQaptcha.php"); 三、修改代码 ①、评论框 为了配合这个自动提交,我们必须修改一下评论框的提交按钮代码。...> Ps:每个主题写的代码可能会不一样,但是评论提交按钮代码是类似的(submit),这也不会找的话建议不要折腾这个花哨的功能了。...③、不动脑筋 自动提交的原理很简单,说白了就是将原有的提交按钮用 css 样式隐藏掉,然后在滑动动作绑定一个点击隐藏的提交按钮的机制,这样用户滑动模块,就会自动点击那个隐藏的提交按钮了,从而实现自动提交

    1.4K50

    教你如何屏蔽WordPress垃圾评论的方法

    WordPress去掉多说评论之后,经常有各种垃圾评论出现在后台。不堪其扰,于是去找了一些办法来解决这个问题。一般都是说加一些屏蔽过滤的函数之类的。其实都差不多。...第一种 禁止非法词汇评论提交到数据库 把下边的代码放到当前主题的 functions.php 里,然后在后台“讨论”中设置你的黑名单即可。...//全百科网http://www.quanbaike.com/ //禁止垃圾评论提交到数据库 function Banfuckspam($comment) { if( is_user_logged_in...、评论者名称、URL、电子邮件或IP地址中包含其中任何关键字时,系统将会禁止提交到数据库。...第二种 限制WordPress评论字数 首先把下边的代码放到当前主题的 functions.php 里,注意修改最小字数: //全百科网http://www.quanbaike.com/ //限制WordPress

    1.1K00

    WordPress 主题 C7V5 评论框添加插入图片按钮

    对于评论中是否需要加上图片这个问题,我还是一直在考虑的 一个技术博客,评论区的讨论难免会有一些需要发截图的地方,但是如果不能直接发图片的话,就只能发我邮箱了 同时为了确保上传的图片不会死链,还要搞一个图床来...加上腾讯云的鉴黄等服务,人工定期查询一下图片,并开启防盗链 2、使用新浪微博等图床 我偏向于后者,但是万一哪天渣浪不给开放外链图片引用,会存在多少死链… 想好了在搞吧,先来说一下对本站使用主题 C7V5 的评论框添加插入图片按钮的操作...> 然后目前只让点击的时候,自动填入一个 img 的标签,所以在主题自定义 js 代码中添加如下代码 function addimg() { document.getElementById("comment...optimizeLegibility; -webkit-font-feature-settings: "liga"; font-feature-settings: "liga"; } 同样,添加在主题的自定义...css 代码中,有 CDN 缓存的刷新一下 js 和 css 的缓存,然后查看评论框 这样,给 WordPress 主题 C7V5 评论框添加插入图片按钮就算完成了 目前已经选择了新浪微博的图床。。。

    79630

    记录如何提交WordPress插件到WordPress官方插件平台流程

    WordPress插件做好之后功能也符合我的需求,但是在提交官方的时候出现各种问题,经过多次的回炉修改,终于得以通过,这里就准备将如何投递插件至WordPress官方插件平台的过程记录下来。...第二、提交WordPress插件 地址:https://wordpress.org/plugins/developers/add/ 这里我们将制作的插件打包然后提交进来。...== Description == 基于WordPress程序,可以选择本地+OSS存储静态资源或者单独使用OSS存储,可以自定义域名或者是使用阿里云自带的Bucket域名。...* 3.支持HTTPS以及自定义域名。...当然我们一旦提交,是不可以再重新提交,必须在此名称下修改。 未经允许不得转载:老部落 » 记录如何提交WordPress插件到WordPress官方插件平台流程

    1.5K50

    WordPress发布更新文章、提交审核评论自动清理腾讯云CDN缓存

    完整的 php 代码如下: /** * WordPress 发布/更新文章、提交/审核评论自动清理腾讯云CDN缓存(首页和当前文章) By 张戈博客 * 文章地址:https://zhangge.net...secretId = '此处填写SECRET_ID'; //更新或发布文章清理本文和首页CDN缓存 add_action('publish_post', 'Clean_By_Publish', 0); //提交评论更新本文...CreateRequest($HttpUrl,$HttpMethod,$COMMON_PARAMS,$secretKey, $PRIVATE_PARAMS, $isHttps); } //提交评论清理文章...secretKey */ $secretKey = 'ABCD123CSDFSBSDFDSF'; $secretId = 'CDAABBBSDFA683N23423N4'; 最后,将修改后的 PHP 代码添加到 WordPress...三、其他啰嗦 部署后,博客发布或更新文章、评论提交或审核都会调用 API 去清理 CDN 缓存,其中文章和评论提交可能会比没有部署略微卡一点,评论的审核是异步提交,所以感知不到什么。

    1.9K100

    WordPress评论不用填邮箱的方法&&WordPress评论栏的“邮箱”和“站点”两项如何删掉?

    WordPress评论不用填邮箱的方法 网站开启评论后,默认需要用户填写用户名和邮箱地址才能评论。 那么怎么不用填邮箱地址也可以发表评论呢?...不过开启网站评论系统可能会碰到很多的垃圾评论,你可以安装一个评论验证插件,例如下面这个: 11款好用的WordPress验证插件_Captcha验证码 滑动解锁提交评论插件_一招屏蔽WordPress垃圾评论...WordPress评论栏的“邮箱”和“站点”两项如何删掉?...'; return $comment_form_html_arr; } 上面的代码,在function.php中加入即可移除表单及邮箱 未经允许不得转载:肥猫博客 » WordPress评论不用填邮箱的方法...&&WordPress评论栏的“邮箱”和“站点”两项如何删掉?

    73920

    如何WordPress 中获取最新被评论的文章列表

    我之前的「WordPress 文章查询教程6:如何使用排序相关的参数」中详细介绍了文章查询的排序参数,其中介绍可以通过评论数进行排序: $query = new WP_Query( array(...'orderby' => 'comment_count' ) ); 但是需求总是不停的变化,现在又有了新需求,获取最新被评论的文章列表,意思就是某篇文章刚被评论,它就排到最前面,在某些社交需求的网站可能需要用到...orderby'] = "cid {$order}"; } return $clauses; }, 10, 2); 上面的代码简单解释一下,就是通过 posts_clauses 接口实现文章表和评论表连表...,然后通过评论时间进行排序获取最新被评论的文章列表。...当然你也可以不需要了解和使用上面的代码,因为 WPJAM Basic 已经整合,你只需要知道最后可以通过下面简单的方式就能够获取最新被评论的文章列表: $query = new WP_Query( array

    1.5K30

    实现WordPress提交评论的时删除该页面的WP-Super-Cache缓存的方法

    这篇文章依然是围绕缓存问题展开的,lnmp 环境下的 WordPress 使用 WP-Super-Cache 插件,若要开启 mod_rewrite 缓存模式,需要在 nginx 里面加入一些特定的规则...用过 WP-Super-Cache 插件的应该都知道,在高级设置里面有一项【当某页面有新评论时,只刷新该页面的缓存】的功能,从字面上来说,就是当有人在某篇文章发起评论时,将删除该页面的缓存。...但是,经过我仔细测试发现,这个功能在我的博客并没有生效,个人猜测失败的原因可能是使用了 ajax 无刷新评论导致的。...也就是采用 ajax 评论的方式,可能无法触发 WP-Super-Cache 的删除机制,从而导致这个功能的失效!总之,不管怎么样,反正在我的博客失效了,现在就要想办法解决这个问题。...rmdir($cache_sd); } if (file_exists($cache_p)) {     unlink($cache_p);     rmdir($cache_pd);     } 现在有人提交评论

    839120

    WordPress 文章查询教程11:如何使用搜索和评论相关参数

    WordPress 中,使用 WP_Query 进行文章查询是最常见的操作,学习好这方面的操作, WordPress 开发基本就学会了一半。...「WordPress果酱」将通过一系列教程讲解如何使用 WP_Query 进行 WordPress 文章查询。...我写这一系列文章的目的也是为了方便自己使用这些参数的时候方便查询,所以如果你也是经常进行 WordPress 二次开发的话,建议收藏本文。...第11讲关于搜索和评论的参数: 搜索参数 搜索参数可以根据关键字搜索获取文章。 s (string) – 搜索关键词。...评论参数 可以根据评论数来获取文章,支持数字和数组: comment_count (int) – 获取评论数必须是该数字的文章,相当于下面比较参数为:=。

    88120
    领券