現在テーマ変更に伴う修正作業中です。一部表示崩れがありご不便をおかけしています。

コピペで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)でした!


広告
>WordPressテーマはTHE・THOR(ザ・トール)がおすすめ

WordPressテーマはTHE・THOR(ザ・トール)がおすすめ

当ブログで使用しているWordPressテーマは「THE THOR(ザ・トール)」です。

THE THOR(ザ・トール)」は機能が豊富で、記事を書く効率が格段にアップ。税込15,984円で何個のサイト・ブログで使用してもOK。

カスタマイズ知識がなくても、設定項目を1つずつ進めていくだけでおしゃれなブログ・サイトが作成できます。

無料・無期限・無制限でのアフターフォローが受けられるので、安心して使用できるイチオシの有料テーマです。

CTR IMG