WordPressではデフォルトで記事の文字数は記事を書くエリアの左下に表示されています。しかし、タイトルの文字数はカウントされていません。そんな時にタイトルを入力したのと同時に自動的に文字数を表示させる方法です。半角は0.5文字としてカウントする方法が良く公開されていますが全角半角の区別をなくしての方法も記載しておきます。
プロモーションを含みます
WordPress管理画面タイトル文字数カウントを自動的にする方法
WordPress カスタマイズ 伝えたいこと所要時間目安:約3分
今日は2025年5月12日です。
この記事は2017年10月22日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年5月12日 (月曜日)本日の人気記事トップ10
- キッチンシンク下がドブ臭い下水臭い原因と解決方法20
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ8
- プラグイン不要アイキャッチ画像自動生成コード5
- Google推奨のJSON-LD形式で出力する構造化データのパンくずリストをトップページにもJSON-LDの構造化データを出力4
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法4
- 2025年4月(先月)のETCトラブルNEXCO中日本が方針転換で後払いでの料金請求しない4
- プラグイン使わずアイキャッチ画像自動生成しサイトのURLとカテゴリを自動的に追加する方法3
- ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に3
- 車のキーナンバー確認方法。キーレス紛失や壊れた時2
- スロットルポジションセンサー調整で不安定なアイドリング調整2
2025年5月12日 (月曜日)↓における週間月間人気記事トップ3は?↓
- 本日
- 週間
- 月間
-
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 1PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
-
月間アクセスランキング 1PV
自分でも、 各パラメーターを用いてどの記事が、 どのくらい読まれているのか、 アクセス数があるのか、 週間アクセス数がどのくらいあるのか、 月間アクセス数がどのくらいあるのか、 WordPress P…
-
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
-
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 29PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
-
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
-
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
-
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 29PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
-
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
-
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
全角半角どちらとも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文字としてカウントされるのが通常なのでお好きな方を選ぶのが良いのかなぁ。と…。
すでに、採用されていらっしゃる方もおられるようですが、
お好きな方をどうぞ(*^^)
全角半角区別なくした場合はこんな感じになります。
Multiplex 広告
あなたにおすすめな関連記事
-
喪中はがきや年賀状の挨拶文書き方と例文オススメのサイトなど。
この時期になりますと、年賀状の準備や年賀状の支度はもちろんですが、年内に身内の方が亡くなってしまった方々は喪中はがきを作成することになると思われます。そういう私もそうなのですが、以前に(3年前だったか…
インフィード広告アドセンス
-
プラグイン使わずアイキャッチ画像自動生成しサイトのURLとカテゴリを自動的に追加する方法
以前にもアイキャッチ画像に関することは記載済みですが、アイキャッチ画像は作成したり著作権だったり肖像権だったりといろいろと面倒ですよね。最近では大手サイトでもアイキャッチ画像は芸能人などのスキャンダル…
インフィード広告アドセンス
-
Stinger6 Stinger7 WordPress カスタマイズ
カエレバ・ヨメレバをCSSでカスタマイズする方法
アフィリエイトリンクを作成してくれるカエレバブックマークレットやヨメレバブックマークレットを使用している方々は多いと思います。 私は、 カエレバ。というサイト?を知りはじめは意味がわかり…
インフィード広告アドセンス
-
WordPressプラグイン使わずサイトマップ作成方法
WordPressにおいてのGoogleやBingやYahooなどの検索サイトへのサイトマップ作成をするのに、有名所がGoogle XML SitemapsプラグインやXML Sitemap &…
インフィード広告アドセンス
-
YouTube動画編集中が終わらない場合の対処方法
もうすでにYouTubeというGoogleの無料動画サービスは周知の事実です。私は、 最近始めてみたのですが…。そんなにアップロードするものはないのですが トホホ・・。画像での説明などで足りないなぁ。…
インフィード広告アドセンス
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」


あなたが訪問してから
⏰ 0 秒経過 🎉
入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ10
キッチンシンク下がドブ臭い下水臭い原因と解決方法 153件の PV
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 28件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法 18件の PV
車のキーナンバー確認方法。キーレス紛失や壊れた時 16件の PV
Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法 15件の PV
2025年4月(先月)のETCトラブルNEXCO中日本が方針転換で後払いでの料金請求しない 12件の PV
アイドリングストップシステム異常警告灯表示対処方法 11件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 11件の PV
プラグイン使わずにアイキャッチ画像自動生成コード 9件の PV
スロットルポジションセンサー調整で不安定なアイドリング調整 7件の PV
おすすめの記事一部広告
- キッチンシンク下がドブ臭い下水臭い原因と解決方法221
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ83
- 車のキーナンバー確認方法。キーレス紛失や壊れた時77
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法68
- アイドリングストップシステム異常警告灯表示対処方法53
- エクストレイルT32マイナーチェンジ後ステアリング外し方48
- カーメイトのエンジンスターターでエラー15表示と対処方法45
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく45
- エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー43
- 多要素認証を楽天証券、SBI証券、松井証券などのネット系証券会社やSMBC日興証券など30
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
This site uses Akismet to reduce spam. Learn how your comment data is processed.
comment