WordPress 摘要添加字数统计功能
WordPress 后台默认的编辑是有提供“Word Count”字数统计功能,能够非常方便的让作者知道当前文…
WordPress 后台默认的编辑是有提供“Word Count”字数统计功能,能够非常方便的让作者知道当前文章内容的字数,然而子凡作为一个力求极致的人来说,同时也为了在后台更好的编辑和控制熊掌号专业问答的“acceptedAnswer”字段的答案内容描述。
为了丰富熊掌号专业问答的操作和更有利的使用,子凡在上周还推出了“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 的摘要功能。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 wper_net@163.com 删除。
还没有任何评论,赶紧来占个楼吧!