WordPressではデフォルトで記事の文字数は記事を書くエリアの左下に表示されています。しかし、タイトルの文字数はカウントされていません。そんな時にタイトルを入力したのと同時に自動的に文字数を表示させる方法です。半角は0.5文字としてカウントする方法が良く公開されていますが全角半角の区別をなくしての方法も記載しておきます。
WordPress管理画面タイトル文字数カウントを自動的にする方法
2025年8月16日 (土曜日)本日の人気記事トップ10
- カーメイトのエンジンスターターでエラー15表示と対処方法11
- アイドリングストップシステム異常警告灯表示対処方法9
- エクストレイルT32マイナーチェンジ後ステアリング外し方6
- アルミテープチューン貼る場所で燃費向上と走行性能アップTOYOTAの特許を試してみた3
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく3
- ノートPCファンの異音でLIFEBOOKAH77/E分解3
- シガーライターがない車にシガーライターソケットの付け方と増設方法3
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法3
- キッチンシンク下がドブ臭い下水臭い原因と解決方法3
- ハザードランプのスイッチ増設方法2
所要時間目安: 約 3 分
今日は2025年8月16日です。
この記事は2017年10月22日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年8月16日 (土曜日)↓における週間月間人気記事トップ3は?↓
- 本日
- 週間
- 月間
計測データがありません。
計測データがありません。
計測データがありません。
全角半角どちらとも1文字としてカウントする方法
以下のコードをfunction.phpに追記します。
//Wordpress投稿画面のタイトル文字数をカウントする
function count_title_characters() {?>
<script type="text/javascript">
jQuery(document).ready(function($){
//in_selの文字数をカウントしてout_selに出力する
function count_characters(in_sel, out_sel) {
$(out_sel).html( $(in_sel).val().length );
}
//ページ表示に表示エリアを出力
$('#titlewrap').after('<div style="position:absolute;top:-24px;right:0;color:#666;background-color:#f7f7f7;padding:1px 2px;border-radius:5px;border:1px solid #ccc;">文字数<span class="wp-title-count" style="margin-left:5px;">0</span></div>');
//ページ表示時に数える
count_characters('#title', '.wp-title-count');
//入力フォーム変更時に数える
$('#title').bind("keydown keyup keypress change",function(){
count_characters('#title', '.wp-title-count');
});
});
</script><?php
}
add_action( 'admin_head-post-new.php', 'count_title_characters' );
add_action( 'admin_head-post.php', 'count_title_characters' );
全角は1文字、半角は0.5文字としてカウントする方法
こちらも同様に、以下のコードをfunction.phpに追記します。
//Wordpress投稿画面のタイトル文字数をカウントする
function count_title_characters() {?>
<script type="text/javascript">
jQuery(document).ready(function($){
//全角を1、半角を0.5として数える
function count_zen_han_characters(str) {
len = 0;
str = escape(str);
for (i=0;i<str.length;i++,len++) {
if (str.charAt(i) == "%") {
if (str.charAt(++i) == "u") {
i += 3;
len++;
}
i++;
}
}
return len / 2;
}
//in_selの文字数をカウントしてout_selに出力する
function count_characters(in_sel, out_sel) {
$(out_sel).html( count_zen_han_characters($(in_sel).val()) );
}
//ページ表示に表示エリアを出力
$('#titlewrap').after('<div style="position:absolute;top:-24px;right:0;color:#666;background-color:#f7f7f7;padding:1px 2px;border-radius:5px;border:1px solid #ccc;">文字数<span class="wp-title-count" style="margin-left:5px;">0</span></div>');
//ページ表示時に数える
count_characters('#title', '.wp-title-count');
//入力フォーム変更時に数える
$('#title').bind("keydown keyup keypress change",function(){
count_characters('#title', '.wp-title-count');
});
});
</script><?php
}
add_action( 'admin_head-post-new.php', 'count_title_characters' );
add_action( 'admin_head-post.php', 'count_title_characters' );
半角を0.5文字としてカウントした場合は以下のような感じになります。
まとめです。
一応、全角と半角は私の場合分けない方を今のところずっと6ヶ月間くらい使っています。
なぜか?
それは、できるだけタイトル文字数を完結にするように心がけたいためです。
でも、
半角は0.5文字としてカウントされるのが通常なのでお好きな方を選ぶのが良いのかなぁ。と…。
すでに、採用されていらっしゃる方もおられるようですが、
お好きな方をどうぞ(*^^)
全角半角区別なくした場合はこんな感じになります。
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
あなたにおすすめ
Important notice for administrators
先月にWordPressのプラグインで有名な人気記事などを表示することが簡単にできるWordPress Popular Postsにて、以下のようなエラーメッセージが表示されるようになりました。 エラ...
トヨタもホンダも「アイドリングストップ機能」廃止へ
アイドリングストップ機能が、TOYOTAとホンダで廃止され始めました。そもそもアイドリングストップ機能は、信号待ち中などの停止時間にガソリンの消費を少しでも抑えようという発想(考え)から生まれた技術だ...
ページ表示速度が遅いのでphotonが使いたくてJetpackプラグインをインストールしてみた…。
ここのところ、サイト(ブログ)のページ表示速度が気になってしまいます。以前に運営していたBloggerブログでも同様のことを考えたりしていました。ですが、サイトのページ表示速度が少しくらい遅くても時代...
無料おすすめな画像編集オンラインソフトPixlr(ピクセラ)がすごいっ
画像編集ソフトと言えばフォトショップ(Photoshop)が超メジャーなアプリケーションかと思われます。他にもオススメとしてはGIMPや名前は今回紹介するタイトルと同じですが、ちょっと違うたしかピクセ...
風呂枕、バスピローおすすめはニトリ製品
先日、お風呂の枕ことバスピローについて書きました。 テレビの女神のマルシェで何年か前にバスピローについて紹介されていたので、 まずはイトーヨーカドーに行ってみましたが、すでに商品はなく…。 その後、い...
Multiplex 広告

あなたが訪問してから
⏰ 0 秒経過 🎉入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ10
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 41件の PV
アイドリングストップシステム異常警告灯表示対処方法 28件の PV
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 25件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 19件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法 18件の PV
エクストレイルT32マイナーチェンジ後ステアリング外し方 16件の PV
アルミテープチューン貼る場所で燃費向上と走行性能アップTOYOTAの特許を試してみた 14件の PV
TOYOTAラクティスにWAKO'SRECSエンジン内部洗浄 14件の PV
広告について広告である程度の景気がわかるような気がする 13件の PV
プッシュスイッチでブレーキを踏まずにエンジンをかける方法 8件の PV
おすすめの記事一部広告
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法139
- カーメイトのエンジンスターターでエラー15表示と対処方法87
- アイドリングストップシステム異常警告灯表示対処方法84
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ80
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく68
- エクストレイルT32マイナーチェンジ後ステアリング外し方65
- 車のキーナンバー確認方法。キーレス紛失や壊れた時61
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)38
- アルミテープチューン貼る場所で燃費向上と走行性能アップTOYOTAの特許を試してみた37
- エクストレイルT32ヘッドライト光軸調整方法32
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
新着コメント