WordPress 后台默认的编辑是有提供“Word Count”字数统计功能,能够非常方便的让作者知道当前文章内容的字数,然而子凡作为一个力求极致的人来说,同时也为了在后台更好的编辑和控制熊掌号专业问答的“acceptedAnswer”字段的答案内容描述。

WordPress 摘要字数统计

为了丰富熊掌号专业问答的操作和更有利的使用,子凡在上周还推出了“Fanly Submit Pro 插件”,针对熊掌号专业推送,这也是因为子凡在运营泪雪熊掌号专业问答后拓展而来,而今天子凡给大家分享的就是给 WordPress 摘要添加一个字数统计功能,方便控制专业问答的长度。

直接将以下代码添加至当前 WordPress 主题的 functions.php 文件中即可(根据自己 WordPress 版本选择哟):

1
2
3
4
5
6
7
8
9
10
11
12
//WordPress 摘要字数统计(兼容 WordPress5.5 版本及以上)
add_action( 'admin_head-post.php', 'fanly_excerpt_word_count');
add_action( 'admin_head-post-new.php', 'fanly_excerpt_word_count');
function fanly_excerpt_word_count() {
	echo '<script>jQuery(document).ready(function(){
	jQuery("#postexcerpt h2").append("<span style=\"flex:auto;font-size:12px;font-weight:normal;padding-left:10px\">字数统计:<span class=\"excerpt-word-count\"></span></span>");
	jQuery(".excerpt-word-count").html(jQuery("#excerpt").val().length);
	jQuery("#excerpt").keyup( function() {
		jQuery(".excerpt-word-count").html(jQuery("#excerpt").val().length);
	 });
});</script>';
}

兼容 WordPress5.5 版本以前:

1
2
3
4
5
6
7
8
9
10
11
12
//WordPress 摘要字数统计(兼容 WordPress5.5 版本以前)
add_action( 'admin_head-post.php', 'fanly_excerpt_word_count');
add_action( 'admin_head-post-new.php', 'fanly_excerpt_word_count');
function fanly_excerpt_word_count() {
	echo '<script>jQuery(document).ready(function(){
	jQuery("#postexcerpt h2 span").after("<span style=\"font-size:12px;font-weight:normal;padding-left:10px\">字数统计:<span class=\"excerpt-word-count\"></span></span>");
	jQuery(".excerpt-word-count").html(jQuery("#excerpt").val().length);
	jQuery("#excerpt").keyup( function() {
		jQuery(".excerpt-word-count").html(jQuery("#excerpt").val().length);
	 });
});</script>';
}

代码很简单,原理就只是利用了 jQuery 来统计摘要框中的字符串长度而已,当然如果你愿意折腾,你还可以利用 js 来控制具体的输入字数,或者当摘要为空的时候还可以有弹框提示之类的功能,这里子凡就只是提供了一个字数统计功能。

最后子凡觉得有必要补充一点,我知道有很多的主题或者优化插件之类的可以完全的自定义优化 TKD,甚至有些人会利用新增自定义栏目来实现功能,但其实都并没有充分的利用 WordPress 本身拥有的功能,那就是 WordPress 文章摘要,与其说是摘要,不如唤作 SEOer 的说法这更适合用来做描述内容的优化,当然前提需要你的主题要适配 WordPress 的摘要功能。

泪雪博客原创文章:https://zhangzifan.com/wordpress-excerpt-word-count.html

发表评论
登录后参与评论
专注 WordPress 网站优化解决方案! 加入我们