设为首页
收藏本站
开启辅助访问
综合门户
Portal
TOP云服务器
企业级云服务器、云数据库、裸金属服务器、智能云建站服务
技术社区
云计算与站长技术交流BBS社区
模板下载
网站模板、APP模板、小程序模板下载
IT考试
阿里云ACP考试、华为云认证等IT考试题在线练习
IT云问答
本版
文章
帖子
群组
用户
QQ登录
微信登录
忘记密码?
注册
登录
云服务器
物理服务器
云虚拟主机
智能建站/小程序
IT云问答
IT考试
[云服务器优惠活动]
一些性价比高值得推荐的云服务器和物理服务
[云服务器优惠活动]
模板建站、自助建站,我推荐百度智能建站!
[IT综合技术交流]
如何搭建Socks5代理?云服务器搭建sk5教程
[建站技术分享]
wordpress主题模板开发制作教程
[云服务器优惠活动]
腾讯云特邀VIP会员享全场云产品5折优惠!
[云服务器优惠活动]
天翼云618年中钜惠优惠活动 云服务器16元起
如何搭建Socks5代理?
腾讯云特邀VIP会员享
百度智能云特邀请VIP
天翼云特邀VIP会员注
云服务器交流社区
»
技术社区
›
开发者技术交流
›
建站技术分享
›
WordPress Ajax 评论提交
返回列表
发布主题
[WordPress技术]
WordPress Ajax 评论提交
[复制链接]
查看:
399
|
回复:
0
dickhunt
dickhunt
当前离线
积分
60
窥视卡
雷达卡
16
主题
16
帖子
60
积分
注册会员
注册会员, 积分 60, 距离下一级还需 140 积分
注册会员, 积分 60, 距离下一级还需 140 积分
积分
60
收听TA
发消息
发表于 2021-1-7 10:14:06
|
显示全部楼层
|
阅读模式
云服务器2核2G 5M 1个IP 90G硬盘 20G独享防御 37元/月,安全稳定、续费同价,点击了解>>>
5.1+ 新版本
新版本重构addComment 对象使原来的代码失效了,于是移除了脚本里集成的addComment 对象,并载入官方文档。
只要是4.4+ 版本即可使用。下载地址:
4.4+ 新版本
查看源码发现4.4新增了一个函数wp_handle_comment_submission
这个函数可以看作是wp_new_comment的升级版,用这个函数将大大减少了AJAX回调函数的代码量,简单的说就是由原来的几十行代码变成一行,而且过滤条件更加全面,非常之方便。 :idea:
本教程必须为4.4或以上版本,低版本直接使用会报错。
使用方法
下载压缩包里的文件,解压后将文件夹上传到主题根目录下,注意是加压后的文件夹,不是文件件中的文件。
下载地址:
然后在functions.php中使用如下代码调用
require('ajax-comment/main.php');
复制代码
配置适应主题
app.js第四行调整评论列表class
__list = 'comment-list';
复制代码
main.php 中formpostion参数为评论表单位置
回调函数中的评论样式可根据你的主题自行调整,但不要使用回复按钮,会报错。
代码已经过默认主题twentysixteen测试,没有任何问题。
旧版本
2015/11/17 更新
解决了当评论倒序排列时新评论无法出现在顶部的bug
增加了一个评论表单位置参数
编辑do.php,找到formpostion参数(约第9行),默认为bottom,如果你的表单在顶部则设置为top。
ajax提交评论不但可以提升交互体验而且可以防止垃圾评论,一般垃圾评论都是通过表单机器人提交的,如果使用了ajax评论提交我们就可以禁用wordpress的表单提交,也就是删除或者清空wp根目录下的wp-comment-post.php这个文件。
默认代码兼容wordpress 默认主题2015。
实现方法
下载压缩包,解压后把文件夹放到自己的主题目录中,在functions.php中加入如下代码即可。
require get_template_directory() . '/ajax-comment/do.php';
复制代码
注意是把解压得到的文件夹放到主题目录下,不是文件夹中的文件。
兼容处理
由于主题结构的不同,可能出现的结果是虽然你成功提交了评论,但是刷新之前显示不正常,那么我们需要对相关函数进行处理
1.评论样式不一致
需要修改文件夹中的do.php,修改其中的评论结构使之和你的一致即可
2.不显示新评论
这是因为包裹评论的容器和JS中的不一致,打开comments.php,看看你的容器名,然后修改ajax-comment.js中标注的位置即可,具体代码如下
__list = 'comment-list';//your comment wrapprer
复制代码
3.注意你的评论结构使用的是ul还是ol,js中也要保持一直
4.修改文字提示样式需要修改压缩包内的css文件
5.如无文字提示则检查你的评论框textarea是否有id="#comment"
文件下载:
wordpress教程
相关帖子
•
[wordpress一步一步建站教程]30分钟内建好你的个人博客
•
wordpress快速仿站视频教程
•
WordPress入门到精通教程
•
解决 WordPress“正在执行例行维护,请一分钟后回来”
•
无需插件实现拦截无中文或有日文垃圾评论
•
直接拒绝 WordPress 黑名单评论的发表
•
WordPress 如何有效应对垃圾评论?
•
如何批量快速删除WordPress所有文章
•
wordpress如何快速批量清空草稿和回收站的文章
•
wordpress模板主题仿站functions.php常用功能与常用插件
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
如何搭建Socks5代理?云服务器搭建sk5教程
近期有比较多的小伙伴在问如何搭建Socks5代理实现游戏加速,这里就给大家放出一个详细
王建军
腾讯云特邀VIP会员享全场云产品5折优惠!
腾讯云特邀VIP会员享全场云产品5折优惠! 点击这里申请腾讯云特邀VIP会员,享全场云
不败天使
百度智能云特邀请VIP会员1元体验活动,40款
百度智能云特邀请VIP会员1元体验活动,40款云产品邀你体验 点击这里立即申请百度智
卧是大春绿
天翼云特邀VIP会员注册,享天翼云产品终身
天翼云十周年有哪些优惠套餐呢? 云主机1核2G低至2.4元/月 29元/年 通用型云主机
仁寿艺影
快速回复
返回顶部
返回列表