昨天 WordPress 5.9 发布，我第一时间就升级了测试站点到 WordPress 5.9，经过一天的观察，没有发现什么问题。 因为 WordPress 5.9 的更新主要还是围绕块编辑器。...，顺手做了一些简单的优化，在这些页面，全面的 AJAX操作被关闭，使得功能先不冲突。...这是因为 WordPress 5.9 在查询用户的时候，不建议使用 who 参数了，5.9 建议使用新的和权限相关的 capability，capability__in 和 capability__not_in...数据按钮支持多个按钮 WPJAM_List_Table 和 WPJAM_Page_Action 的提交按钮支持多个按钮， 比如我最新的小程序插件的「路径和二维码」的弹窗： 这样，我就把原来的「生成二维码...」和「提交到微信搜索」的按钮合二为一，文章列表页面更加简洁，我只需要保留批量操作里面的「提交到微信搜索」即可。
首先，让我来解释一下为什么我们觉得有必要再开发一个WordPress表单插件，以及为什么我们可以更好的满足需求。...原因非常简单，我们的目标就是为用户提供配置、管理WordPress网站所需的一切利器，显而易见，表单是其中非常重要的组成部分。...现在，我可以很有底气的大声宣布，这是目前最好用的免费WordPress表单插件， 希望能继续助力WordPress的推广和发展。 那就让我带你看一下我们的杰作吧！ Forminator是啥？...提交表单，检查表单结果 如果不能让用户轻松地查看、导出和分析数据，那么它就不配叫表单插件。通过Forminator的快速分析和定时导出，你不会错过任何一条数据。 ?...给自己立个Flag吧，打算有时间就研究研究这个插件再分享出来，做个系列文章，再把这个插件给汉化一下；还有他列出来那些第三方服务基本上在天朝没几个能用上的，可以集成一些接国内的第三方服务啥的（欢迎提供建议
这是保持 WordPress 网站安全的最基本且最有效的方法之一。 有了这么多可用的专用插件，确保您的网站安全，尤其是在黑客首先攻击的地方，比您想象的要简单。 什么是验证码？...如果检测到可疑活动，则不会出现那个简单的复选框——相反，更难的验证码（例如识别图像中的特定对象）会出现在其位置。 CAPTCHA 如何保护我的网站？...如何在 WordPress 中安装验证码 在 WordPress 网站上安装 CAPTCHA 的最快捷、最简单的方法是使用插件。...你基本上必须做三件事： 将 WordPress CAPTCHA 插件添加到您的站点。 获取 Google reCAPTCHA 密钥以与插件一起使用。 调整设置以保护站点上的表单和登录区域。 而已！...很少 安防措施 和 CAPTCHA 一样容易实现，更不用说免费了，而且考虑到它可以为黑客和垃圾邮件发送者提供很多保护，我们想不出不添加它的理由。 想要测试您正在提交的那些新表格吗？
大家好，我是早起。 经常在很多网站上都能看到类似的表单信息功能，用户只需要填写相关内容，点击提交按钮，就可以将表单内容发送到管理员邮箱。...恰好最近在折腾我的网站时，也想添加一个这样的功能，但是搜了一圈后，这样的功能要么是使用Wordpress构建的网站，后台有现成的功能，要么就是使用php或者C#作为后端实现的，而我的网站是基于原生H5写的...稍加思考后，就会发现，本质上就是要将点击按钮和发送邮件功能进行绑定，那么有没有什么简单的方法呢？...（可选）使用 Ajax 虽然我们的需求已经实现，但是在刚刚点完发送之后，会跳转到一个新的页面 为了页面不修改，我们需要使用AJAX提交表单，首先需要从下面的链接中下载对应的js文件到项目目录 https...（可选）添加感谢 如果你想在用户提交表单后发送一段感谢语，可以将下面的内容插入在form标签结束之前 <div style="display:none" class="thankyou_message"
整理自网络，有问题的地方可以及时提醒我修改 所有代码下载见文末网盘地址 ?...01.简单的键盘记录键盘 一个非常简单的键盘记录程序，可捕获击键并将其每秒发送到外部页面.JS和PHP代码在归档中提供的PHP。...只是一种简单的方式来利用新的HTML5功能… 20.CSRF令牌盗窃 该脚本首先执行对CSRF受保护页面的请求，获取反CSRF标记（存储在本示例的Web表单的“csrf_token”参数中），并将其发送回受损页面并更改值...然后调用“link”对象的click（）函数，然后……你去！ 23.截取密码 三种脚本展示了从Web表单中窃取密码的不同方式。...一个基本的脚本，它使用Javascript“form”对象的“onsubmit”属性来拦截和使用表单中设置的值。另一种是从自动完成中窃取密码并将数据提交给恶意网址。
WordPress Nonce 的主要工作流程： 首先使用一个唯一的标示符生成 nonce 将生成的 nonce 和链接或者表单中的其他数据一起传递给脚本 在做其他事情之前验证 nonce 首先可以使用...wp_verify_nonce($nonce, 'wpjam') ) { wp_die("非法操作"); } 所以整个过程还是非常简单的。...WordPress Nonce 函数 WordPress 还提供一些函数简化 nonce 在特殊场景下的使用。...比如在表单中，可以使用函数 wp_nonce_field() 输出一个值为 nonce 的隐藏输入框，可以在表单中任意位置插入： <?...果酱出品的所有插件的所有操作，都是严格遵守 Nonce 规则的，所有表单提交，列表页操作都是，所以可以放心使用，当然如有遗漏，也欢迎告诉我。
那么思路比较明确，我们在评论模块表单中，增加一个 select 下拉选项，然后输出网站的分类目录让用户可以选择，之后提交给 index.php 就可以了。...WordPress 已经提供了这样一个输出网站分类目录的函数 wp_dropdown_categories ，具体使用说明可以看一下官方文档，对于本例中，我们只需要使用下面一句代码即可输出目录： <?...注意：一定要把这个函数插入到搜索模块表单（form）里面，否则点击搜索按钮之后这个选项不会被提交出去。 这样，我们的按分类搜索模块已经完成了。...目前网上比较常用的有：包裹几层 div 然后遮盖一下三角、模拟出来一个下拉列表、用一些其他的离奇 JS 手法等等。 当然，直接模拟出来一个下拉列表这种做法是最方便最简单的了，而且可以高度自定义样式。...这个地方用 jQuery 获取对应的 select 的内容也是可以实现的，但是直接用 php 感觉比较好一点，用 jQuery 操作，在没有加载完 js 的时候是不会生效的。
我将用4个简单的步骤来解释这个问题。 该插件允许WP管理员在他们的网站上创建联系表格，访客可以在其中输入联系信息，如反馈或支持。...这个文件可以通过远程代码执行来访问或在服务器上执行。 ? 在这里，我将做一个WordPress的本地设置来展示概念验证的开发。...现在我们从侧边栏进入 "联系 "选项卡，点击 "添加新的 "按钮，创建一个新的表单。 3. 在本演示中，我们将创建一个 "工作申请表"，其中有一个文件上传栏，用于申请人的简历。 4....最后将这个表单添加到一个页面中，并发布。 攻击场景 现在我们访问新创建的页面，并在文件上传字段中提交一个文件名为exploit.php.jpg的表单。 ?...我们的恶意文件成功上传到了服务器上 点击 "提交"，我们会收到来自网络服务器的肯定答复，表明该文件已成功上传为 exploit.php。这个文件可以通过任意代码执行在服务器上被访问或执行。
在这篇文章中，我将向你展示如何利用Forminator API在WordPress中构建一个简单的插件。但是，这个插件不是本教程的重点，我的目标是通过这个插件的开发过程来教你如何开发自己的东西。...创建仪表板小部件的类 下面这段话引用自WordPress的codex： 你的插件中所有函数的名称都应该与现存的Wordpress Core函数，其他插件或主题的任何名称不同。...如果你想在你的网站上直接使用这个插件，我建议在GitHub上获取完整代码，而不是一点点的复制粘贴。 为了实例化插件类，你需要获取到类实例。...接下来我们将声明构造函数（它是空的，因为不需要先决条件），然后把仪表板小部件进行注册。 我们不希望所有WordPress用户都能看到这个小部件，因此可以添加user_allowed()用来鉴权。...我之前也并没有开发过wordpress插件，但是这个Forminator激起了我的兴趣来了，正好可以借此机会了解一下插件开发，不用完全从零开始。
为什么一次简单的图片上传行为，就会造成上百次的 SQL 请求呢？感觉有点不可思议，这是怎么造成的呢？...我们从源头说起，从 WordPress 后台上传图片的流程说起： WordPress 上传图片的流程 首先使用 wp_handle_upload 函数把图片上传到 WordPress 上传目录。...wp_insert_attachment 函数调用 wp_insert_post 插入到 WordPress 的 posts 数据库表。...如果长期上传的图片名字都是 1.jpg 的话，那么上传一张图，会造成数据库进行几十到上百次的 SQL 查询，下图我是在监控系统大量 SQL 请求时候记录下来的截图，这只是一部分，但是记录到1-999多，...给图片加上时间戳，防止重名 我们不可能让用户坚持不上传 1.jpg 这样太常用的图片名字，但是又要为了防止造成这个大量 SQL 这个问题，我们只能在源头就杜绝这个问题，应该在上传的时候把图片的名字更改了
2-1.单词拼写错误 举个例子 //提交表单（把 Form 写成了 From ） submitFrom(){...} 之前写文章也有说过，单词拼写正确可以说是一个底线了。...这样的命名看似简单，但实际上从这些命名里面读取不到任何信息，以后会可能会痛苦些。...//登录处理函数 let handleLogin=function(){} 5-1-2.大驼峰 在es6之前，js还没有class的概念，但是也组织不了开发者模拟class。...也是困扰着很多的开发者，包括我。该文章的命名方式，也是我在用的一种个人命名方式，希望能让大家有所收获。当然其中还有很多的瑕疵，希望大家多多指点，或者推荐下自己建议的命名方式。...所以命名的难点，我不认为是命名本身有难度，难度在于在项目上，面对各种需要命名的对象，坚持使用一套命名格式，正确的命每一个名。
我在《第一财经周刊》负责新媒体产品的策划推广，逐渐养成了遇到任何活动任何页面都不会放过产品曝光的好习惯。“哥们儿你听说过安利，噢不，一财吗？”...麦客免费就不说了，它还可以同时解决图片+文字+app下载链接+信息收集+分享传播于一体的问题。表单制作又很简单，这样的话工时也能大大缩短，我一个人就能搞定一个看似复杂的功能页面。...并且表单这种形式和我往常推广App的方式也不太一样，我希望能给用户带来新鲜感：表单够好看，一键点击就跳转，填信息也很方便，这对我的用户也是一次友好又有趣的体验尝试。 有了想法我就开始做表单。...但我还是断断续续花了一周多的时间才完成，因为我一直花时间和精力在研究细节：如何才能让用户更快捷地点击下载App；是直接用App Logo图还是二维码；图片该设计多大才能让整个页面好看；测试麦客上能对我这个活动起到帮助的功能...这个妙招也推荐给其他同样需要做App推广的朋友试试~ image.png 其实说实话，我有点“后悔”没有早点和麦客相遇，之前我们的活动表单都是一财团队自己制作，类似的工具我就没有在工作中太主动去接触
摘要：使用validate.js在前端实现表单数据提交前的验证 好久没写博客了，真的是罪过，以后不能这样了，只学习不思考，学的都是白搭，希望在博客园能记录下自己学习的点滴，虽然记录的都是些浅显的技术...今天想把之前学的表单验证的方法复习一遍，因为明天的工作中要用到，而且好久没复习了，都快忘记了。 ...现在是学的ASP.NET，关于表单验证，目前知道的，除了以前那种傻瓜式的每个表单选项都用一个函数去验证之外，有两种方法是比较方便的，今天先介绍一下第一种，在前端实现表单验证的方法——基于validate.js...这里为了待会的表单表现的好看一些，我引入了layui.css的样式文件。 2.建立表单 ? ? 3.使用validate.js实现表单数据的验证 同样，我们直接看代码截图： ?...这种验证方法还是非常简单和方便的，借助一个js插件，轻松搞定数据验证，希望这个简单的demo能帮到何我一样的菜鸡哦，先写到这里啦，要睡了，晚安哦！ 对了，差点忘了奉上完整代码了，请笑纳： 1 <!
P.S.样式问题是说在firefox下，容器的white-space: no-wrap会导致float-right子元素换行，猜测是firefox不合规范，具体见Demo P.S.另外，firefox57...和自己填的Token），随机生成EncodingAESKey，选择“明文模式”，提交 （提交成功后会返回上一页）启用服务器配置，面板状态会变成“服务器配置(已启用)” 到这里token就配置好了（双方已经按照既定...1 tag 1 内容 0.5 评论 0.3 都匹配的文章列表计算权重，再降序排列，就是我想要的结果，对应PHP代码如下： // from interface.php/getSearchPosts...，并加权（标题权重2，内容权重1），再降序排列，取前$re_count个查询结果 注意，这里用到了SQL中的简单case函数，很灵活的小技巧 四.源码 Github地址：https://github.com.../ayqy/wechat_subscribers 结构 wechat_subscribers/ css/ img/ js/ language/ # 多语言支持，WordPress插件惯用的pm
一个简单的HTML例子看看用户信息安全 标准的HTML语法中，支持在form表单中使用标签来创建一个HTTP提交的属性，现代的WEB登录中，常见的是下面这样的表单： <form...例如我的账号是user1，密码是123456，那么我在提交登录的时候会给后台发送的HTTP请求如下（Chrome或者FireFox开发者工具捕获，需开启Preserve log）： ?...总结 看似非常简单的WEB登录，其实里面也存在着非常多的安全隐患。...补充1：JS加密函数存在被破解 感谢园友mysgk指出完整性检验中关于JS加密函数存在被破解的问题： 问题描述： 如果黑客通过阅读前端js源码,发现加密算法,是否意味他可以构造可以 被服务端解密的checkCode...我想了下，应该也是很多网站也在采取的策略： 摘要或加密JS算法不直接以静态文件的形式存在浏览器中，而是让WEB端去请求Server，服务器可以根据随机令牌token值决定返回一个相应随机的加密策略，以JS
个人网站:【海拥】【摸鱼游戏】【神级源码资源网站】 前端学习课程：【28个案例趣学前端】【400个JS面试题】 免费且实用的 前端刷题（面经大全）网站：点击跳转到网站 假设我们有一个 WordPress...通过 3 个步骤创建联系表： 第 1 步：在 WordPress 中安装一个有助于创建表单的插件。因此，要安装插件，请转到你的 WordPress 仪表板。 单击仪表板的插件选项。...在搜索框中搜索 Ninja forms。你可以选择任何联系人插件。 单击安装，然后在搜索到的插件上激活。 最后，插件已安装。 新选项将在你的仪表板上显示为 Ninja Forms。...将创建一个简单的联系表单，其中包含名称、电子邮件、消息和提交按钮等字段。 你可以通过在Ninja Forms插件选项中选择空白表单选项来根据需要添加更多字段。...最后，查看你的联系我们页面。你的表格可以使用了。 这就是你在 WordPress 中创建联系表单的方法。
昨天在csdn上看到一个人提出来了一种分页的需求，大致是分页控件只负责绘制总页数、上一页、下一页等信息，然后在用户翻页的时候可以触发一个js函数，然后自己实现这个js函数。...并不需要提交表单，他想用ajax的方式来获取数据，但是又不想使用微软的ajax。 大概的需求就是这样的（至少我的理解是这样的），不知道吴旗娃的分页控件是不是支持这种需求。...想了一下，比较简单，只要继承PageUI类，写一个UI_JS子类，在这个子类里面override几个函数就可以了。好先试一下。大约半个小时之后，ok。达到了自己想要的目的。 ...分页控件在这种方式下负责的事情：绘制总记录数，总页数，第几页，首页，末页，上一页，下一页，还有在翻页的时候触发一个js函数，不会触发表单提交。...然后需要在aspx页面里面写一个js函数来实现提取数据的代码，这个就要自己实现了。
PHP+HTML表单上传文件 在讲这个之前，需要先了解一下php的文件上传方式，上传分两个部分 先通过html创建表单，在表单中添加 <input type='file' name='xxx' 的文件上传标签...PHP+HTML表单上传文件 2. webuploader上传原理 使用php+html表单上传可以完成文件的上传工作，但是有缺点， 上传文件时必须提交整个页面，这样页面会被刷新 上传图片是没办法进行图片预览...webuploader解决了这两个问题，webuploader使用ajax技术提交表单，上传的时候不需要提交页面，可以利用事件监听机制监听上传的结果，在页面中做出反馈，而且还能做图片预览。...文件夹是在github上整个搬运下来的，然后我还用到了jquery来增强页面的体验。...2 上传的文件夹记得设置好权限，linux可以利用chmod来修改文件夹权限，否则会导致上传失败。 我这里的处理方式比较简单，有什么问题可以给我留言。 upload_img.php <?
即使错误不直接影响功能，也会迫使您编写更好的代码并开发出更好的编码习惯。这发生在我身上 这也将确保您开发的插件或主题在任何WordPress安装中都不会生成PHP错误。...Git创建了改变的记录，并允许开发人员在同一个WordPress项目上一起工作，或者当网站出现问题时，轻松地恢复到以前的版本。...虽然初学者尤其对于初级开发人员来说可能是吓人的，但是了解Git将是值得的，Git GUI软件如SourceTree（我最喜欢的一个）将简单地与您的Git存储库进行交互，从而使整个学习曲线更加愉快。...使用Nonces：如WordPress 文档中所述，随机数是一个“使用一次的数字”，用于帮助保护URL和表单免受某些类型的滥用，恶意或其他类型的滥用。...2.虽然代码执行其工作，但它可能包含不需要实现的任务的无效函数。如果代码没有进行优化，那么这种“复制粘贴”的实践可能会导致维护网站的速度变慢，尤其是在项目的不同位置使用了多个代码片段。
领取专属 10元无门槛券
手把手带您无忧上云
