コピペでOK!記事タイトルの文字数カウンターを設置する方法




いらっしゃいませ三姉妹育児に奮闘中の主婦、あず(oyakocreate)です。

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」で使用できるものを中心に、カスタマイズ方法をたくさん紹介しています。

わたし

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

カテゴリー:WordPress

この記事はここまでです。もしお時間があれば、ぜひ他の記事も読んでいってくださいね。

あず(oyakocreate)でした

ブログのトップページへ

コメントはありません

宗氏

参考にさせていただきましたー!勉強なりましたッ。更新楽しみしてます!

宗氏

参考にさせていただきましたー!勉強なりましたッ。更新楽しみしてます!

現在コメントは受け付けておりません。