添加字符计数器到wordpress标题和摘录

时间:2016-01-21 10:17:31

标签: php jquery html wordpress

我想在帖子标题和帖子摘录的字段底部创建一个计数器,但是当用户超出限制时,他应该只是一个警报("你放了更多字符然后推荐!&#34 ;),他可以决定忽略警报并继续输入。

没有在网络上找到符合我要求的任何解决方案。

2 个答案:

答案 0 :(得分:0)

在主题目录中打开functions.php文件,然后在下面粘贴代码:

<?php function my_title_count(){ ?>
<script>jQuery(document).ready(function(){
jQuery("#titlediv .inside").after("<div style=\"position:absolute;top:40px;right:-5px;\"><span>Max 70 characters:</span> <input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"title_counter\" readonly=\"\" style=\"background:none;border:none;box-shadow:none;font-weight:bold; text-align:right;\"></div>");
jQuery("#title_counter").val(jQuery("#title").val().length);
jQuery("#title").keyup( function() {
jQuery("#title_counter").val(jQuery("#title").val().length);
});
});
</script>
<? }
add_action( 'admin_head-post.php', 'my_title_count');
add_action( 'admin_head-post-new.php', 'my_title_count');
?>

<?php function my_excerpt_count(){ ?>
<script>jQuery(document).ready(function(){
jQuery("#postexcerpt .handlediv").after("<div style=\"position:absolute;top:4px;right:25px;\"><span>Max 156 characters:</span> <input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"excerpt_counter\" readonly=\"\" style=\"background:none;border:none;box-shadow:none;font-weight:bold; text-align:right;\"></div>");
jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
jQuery("#excerpt").keyup( function() {
jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
});
});
</script>
<? }
add_action( 'admin_head-post.php', 'my_excerpt_count');
add_action( 'admin_head-post-new.php', 'my_excerpt_count');
?>

答案 1 :(得分:0)

我找到了一个非常好的简单解决方案: http://www.passwordincorrect.com/add-character-count-to-title-and-excerpt-in-wordpress-post-editor/

现在提交警报信息应该很容易。 享受!