成航先森 成航先森

成都航院计算机系一个学生的个人博客

 

WordPress技巧

分段图

最新文章

WordPress技巧
当前位置: 首页 » 大学杂谈 » WordPress技巧 » 挺实用的一键填写WordPress评论中用户信息代码生成工具

挺实用的一键填写WordPress评论中用户信息代码生成工具

编辑:狂族晨曦 来源:WordPress技巧 日期:2016-06-24 阅读: 1,561 次 7 条评论 » 百度已收录

很早以前就在张戈博客那里看到了这么一个工具,当时觉得没有什么用,但后来才知道是自己不知道怎么用。

工具的用途是工具的价值体现。在正确的地方,使用正确的工具,就显得工具非常有实用价值。张哥发出这个工具是为了解决网站开启CDN后,评论者的用户信息不能被保存,每次都要重现填写的困境。因为是站在了巨人的肩膀上,所以先森很方便的用cookie的方法解决了用户信息不能被保存的问题,所以当时对这个工具不是很在意。但是先森在参加培训的时候的电脑都有还原卡,到各个博客去评论的时候都需要重新填写自己的信息,就算是复制粘贴也太麻烦了,所以就想起了这个工具。

工具介绍

这个工具很简单,只需要将自己的昵称、邮箱地址、站点信息在下面填写好后,点击生成代码,即可得到一串属于自己的代码。

一键填写WordPress评论中用户信息代码生成工具使用

一键填写WordPress评论中用户信息代码生成工具使用

然后将下面生成的链接拖到书签栏即可保存书签,使用的时候直接在需要填写的页面单击该书签即可。老版的浏览器可以右键链接保存为书签,或者直接Ctrl+D打开一个新建书签的页面,自定义书签名称,将生成的代码粘贴进网址栏即可。

昵称(必须):

邮箱地址(必须):

站点:

工具源码

如果你也想要在你的博客中添加这样一个工具,如果你也想弄一个这样的工具,只需要将以下代码粘贴到博客相应页面即可(TinyMCE编辑器需文本模式,UEditor编辑器需HTML模式):

<script type="text/javascript">
(function($){
	$(document).ready(function() {
		$('.code_result').hide();
		$('#generate_code').click(function(){
			var re = /^[0-9a-zA-Z]+([\.\-\_][0-9a-zA-Z]+)*@[0-9a-zA-Z]+([\.\-][0-9a-zA-Z]+)*.[a-zA-Z]+$/;
			if($('#commenter_author').val() == '') {
				$('#commenter_author').css('border', 'solid 1px #ff0000');
				$('#commenter_author').focus();
			} else if(!re.test($('#commenter_email').val())) {
				$('#commenter_email').css('border', 'solid 1px #ff0000');
				$('#commenter_email').focus();
			} else {
				var commenter_code = 'javascript:document.getElementById(\'author\').value = \''+$('#commenter_author').val()+'\'; document.getElementById(\'email\').value = \''+$('#commenter_email').val()+'\'; document.getElementById(\'url\').value = \''+$('#commenter_url').val()+'\'; void(0)';
				$('#wp_commenter_code').html(commenter_code);
				$('.code_result>a').attr('href', commenter_code);
				$('.code_result').show();
			}
		});
		$('#cheon_code_generator input').keyup(function() {
			$(this).css('border', 'solid 1px #000000');
		});
	});
})(jQuery);
</script>
<div id="cheon_code_generator" style="padding:10px;">
<p>昵称(必须):<br />
<input type="text" value="" name="commenter_author" id="commenter_author" style="border:solid 1px #000;"></p>
<p>邮箱地址(必须):<br />
<input type="text" value="" name="commenter_email" id="commenter_email" style="border:solid 1px #000;"></p>
<p>站点:<br />
<input type="text" value="" name="commenter_url" id="commenter_url" style="border:solid 1px #000;"></p>
<p><textarea cols="40" rows="10" name="wp_commenter_code" id="wp_commenter_code" style="border:solid 1px #000;"></textarea></p>
<p><input type="button" value="生成代码" id="generate_code" style="cursor: pointer;border:solid 1px #000;"></p>
<p class="code_result" style="display:none;">拖拽下面的链接到您的书签工具栏或者右键单击链接把它添加到您的收藏夹中可创建一个快速填写WP评论者信息的快捷方式。<br /><a href="#">快速填写WP评论信息</a></p>
</div>

注:该工具只适合于WordPress博客程序创建的网站。

如果要适用其他博客,需对JS代码中对应的ID进行修改。

历史上的今天:

标签:
除特别注明外,本站所有文章均为成航先森 www.capjsj.cn原创,本文共2822个字
转载请注明出处来自http://www.capjsj.cn/haoyong_pinglun.html
已有 7 位"计工"发布了激烈的评论,还有N多人围观笑而不语评论
转:一键补全wordpress评论表单用户信息 | 马洪飞博客的头像
欢迎发表评论
取消评论

表情
疑问调皮伤心抠鼻黑线微笑可爱奸笑震惊吓到了撇嘴大兵忍不住笑笑狂骂狂怒噢?鼓掌酷⊙﹏⊙b汗鄙视大哭嘿嘿

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. Koolight的头像

    好深奥,我说你怎么挖掘的这些代码的呢?

    2016-06-24 09:33 回复
  2. 烟气余热回收装置的头像

    来过,欢迎回访!

    2016-06-24 09:43 回复
  3. 闲鱼的头像

    确实方便,我也有做个关于评论信息的单页http://www.macrr.com/autoinfo.html

    2016-06-24 18:14 回复
  4. 女汉子的头像

    然后呢?我的可以用吗?

    2016-07-05 16:12 回复
  5. 女汉子的头像

    :grin:

    2016-07-05 16:13 回复
官方微信
发表评论 返回顶部