コピペでOK!記事タイトルの文字数カウンターを設置する方法
▼ どこよりもわかりやすいブログの育て方
▼ シンプルライフに憧れるあなたへ

こんにちは
主婦ブロガーのあず(yuuki_azusa )です。

WordPressでは、記事の本文は文字数のカウントが表示されていますが、記事のタイトルは数えてくれないですよね。

一般的に、記事のタイトルは32文字までが良いとされていますが、毎回数えるのは面倒ではないでしょうか?

そこで、今回はWordPressの管理画面から記事を書くときに、タイトルの文字数を自動でカウントできるようにするカスタマイズ方法をご紹介します。

スポンサーリンク

記事のタイトルの文字数を自動で数える

実際の使用例がこんな感じになります。

実際に数えてもらうとわかりますが、この記事のタイトルは29文字なので、正確にカウントされていますね。

タイトル文字数カウンターを設置する方法

注意
phpファイルを触ります。必ずバックアップをとって作業してください。

子テーマのfunction.phpに以下のコードをそのままコピペしてください。

/* 投稿画面のタイトルに文字カウンター */
function excerpt_count_js(){
echo '<script>jQuery(document).ready(function(){
jQuery("#titlewrap").after("<div style=\"position:absolute;top:43px;right:5px;color:#666;\"><small>タイトル文字数: </small><input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"title_counter\" readonly=\"\" style=\"background:#fff;\"></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', 'excerpt_count_js');
add_action( 'admin_head-post-new.php', 'excerpt_count_js');

コードを追記したら確認

コピペでfunction.phpにコードを追加したら、実際に投稿画面で確認してみましょう。

カウンターが設置されていればOKです。

管理画面はカスタマイズでもっと便利になる

WordPressの管理画面での執筆は、デフォルトのままでは何かと痒いところに手が届かなかったりします。

でも、カスタマイズ次第でいくらでも便利にすることができるのも、WordPressのいいところです。

当ブログ「裏あずさんち」では、WordPressテーマ「SANGO」「STORK」で使用できるものを中心に、カスタマイズ方法をたくさん紹介しています。

ぜひ、他の記事もご覧ください。

 

最後まで読んでいただき、ありがとうございましたあず(yuuki_azusa ) でした。
投資に興味がある方はコチラも ▼
スポンサーリンク