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


Add characters counter to wordpress title and excerpt

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

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

打开函数.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');
?>

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

现在放置警报消息应该很容易。享受!