限制WordPress文章标题输入字数

昨天群里有朋友询问如何限制WordPress文章标题输入字数，下面倡萌分享两种方法。

方法1：直接在的当前主题的 functions.php 文件添加下面的代码即可：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

//限制文章标题输入字数 From wpdaxue.com
function title_count_js(){
	echo '<script>jQuery(document).ready(function(){
	jQuery("#titlewrap").after("<div><small>标题字数: </small><input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"title_counter\" readonly=\"\" style=\"background:#fff;\"> <small>最大长度不得超过 46 个字</small></div>");
	jQuery("#title_counter").val(jQuery("#title").val().length);
	jQuery("#title").keyup( function() {
	jQuery("#title_counter").val(jQuery("#title").val().length);
	});
	jQuery("#titlewrap #title").keyup( function() {
	var $this = jQuery(this);
	if($this.val().length > 46)
	$this.val($this.val().substr(0, 46));
	});
});</script>';
}
add_action( 'admin_head-post.php', 'title_count_js');
add_action( 'admin_head-post-new.php', 'title_count_js');

//限制文章标题输入字数 From wpdaxue.com function title_count_js(){ echo ‘<script>jQuery(document).ready(function(){ jQuery(“#titlewrap”).after(“<div><small>标题字数: </small><input type=\”text\” value=\”0\” maxlength=\”3\” size=\”3\” id=\”title_counter\” readonly=\”\” style=\”background:#fff;\”> <small>最大长度不得超过 46 个字</small></div>”); jQuery(“#title_counter”).val(jQuery(“#title”).val().length); jQuery(“#title”).keyup( function() { jQuery(“#title_counter”).val(jQuery(“#title”).val().length); }); jQuery(“#titlewrap #title”).keyup( function() { var $this = jQuery(this); if($this.val().length > 46) $this.val($this.val().substr(0, 46)); }); });</script>’; } add_action( ‘admin_head-post.php’, ‘title_count_js’); add_action( ‘admin_head-post-new.php’, ‘title_count_js’);

上面的代码支持实时统计标题字数，并且超过字数后将会被截止，效果如本文配图所示。默认最大允许输入 46 个字，请根据自己的需求，修改代码中 3 处出现 46 的地方。

参考资料：http://www.rvwd.net/news/limit-length-of-an-input-and-display-count-php-jquer