挺實用的一鍵填寫WordPress評論中用戶信息代碼生成工具

編輯：狂族晨曦 來源：WordPress技巧 日期：2016-06-24 閱讀： 3,907 次 7 條評論 » 百度已收錄

很早以前就在張戈博客那里看到了這么一個工具，當時覺得沒有什么用，但后來才知道是自己不知道怎么用。

工具的用途是工具的價值體現。在正確的地方，使用正確的工具，就顯得工具非常有實用價值。張哥發出這個工具是為了解決網站開啟CDN后，評論者的用戶信息不能被保存，每次都要重現填寫的困境。因為是站在了巨人的肩膀上，所以先森很方便的用cookie的方法解決了用戶信息不能被保存的問題，所以當時對這個工具不是很在意。但是先森在參加培訓的時候的電腦都有還原卡，到各個博客去評論的時候都需要重新填寫自己的信息，就算是復制粘貼也太麻煩了，所以就想起了這個工具。

工具介紹

這個工具很簡單，只需要將自己的昵稱、郵箱地址、站點信息在下面填寫好后，點擊生成代碼，即可得到一串屬于自己的代碼。

一鍵填寫WordPress評論中用戶信息代碼生成工具使用

然后將下面生成的鏈接拖到書簽欄即可保存書簽，使用的時候直接在需要填寫的頁面單擊該書簽即可。老版的瀏覽器可以右鍵鏈接保存為書簽，或者直接Ctrl+D打開一個新建書簽的頁面，自定義書簽名稱，將生成的代碼粘貼進網址欄即可。

昵稱(必須)：

郵箱地址(必須)：

站點：

拖拽下面的鏈接到您的書簽工具欄或者右鍵單擊鏈接把它添加到您的收藏夾中可創建一個快速填寫WP評論者信息的快捷方式。
快速填寫WP評論信息

工具源碼

如果你也想要在你的博客中添加這樣一個工具，如果你也想弄一個這樣的工具，只需要將以下代碼粘貼到博客相應頁面即可（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進行修改。

歷史上的今天:

• 2017:  中國移動MM應用商場送530M國內流量(2)
• 2015:  成都航空職業技術學院學分制學籍管理實施細則(0)
• 2015:  [分享]高效會議管理(0)
• 2015:  計算機工程系2014年發展黨員會議(0)
• 2015:  計算機工程系自律社“走進黨·了解黨”活動(0)