WordPressではデフォルトで記事の文字数は記事を書くエリアの左下に表示されています。しかし、タイトルの文字数はカウントされていません。そんな時にタイトルを入力したのと同時に自動的に文字数を表示させる方法です。半角は0.5文字としてカウントする方法が良く公開されていますが全角半角の区別をなくしての方法も記載しておきます。
WordPress管理画面タイトル文字数カウントを自動的にする方法
所要時間目安:約3分
この記事は2017年10月22日のものです。現在は状況が異なる可能性がありますのでご注意ください。
全角半角どちらとも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文字としてカウントされるのが通常なのでお好きな方を選ぶのが良いのかなぁ。と…。
すでに、採用されていらっしゃる方もおられるようですが、
お好きな方をどうぞ(*^^)
全角半角区別なくした場合はこんな感じになります。
あなたにおすすめ
確定申告医療費控除申請のインターネット手続き方法とやり方
残すところ1週間で確定申告の時期が終わります。 しかし、医療費控除の申告は特に確定申告の時期ではなくてもできるのを知っていましたか? 年中いつでも担当箇所の税務署がやっている平日であればできるのです。…
インフィード広告アドセンス
Windows10スタートアッププログラムの登録方法
Windowsのバージョンが昨年7月29日に最新版のWindows10がリリースされました。その頃は、まだまだバグなどの不具合が多くWindows7やWindows8(8.1)からアップグレードする方…
インフィード広告アドセンス
芦田愛菜ちゃん有名私立中学合格!!慶應義塾か女子学院は栄東か!?
もう言わずもがな知られた超有名子役の(だった)芦田愛菜ちゃんです。そんな超有名子役の芦田愛菜ちゃんも来年度からはもう中学生のようです。有名私立中学に合格したことはすでに知られていますが、どこの有名私立…
インフィード広告アドセンス
PC Windows10 不具合 伝えたいこと 備忘録 設定
Windows10でGoogle日本語入力が使えない時使えるようにする方法
Windows10がリリースされて早いもので約1年4ヶ月が経とうとしています。 そんな中Windows10がリリースされた直後は日本語入力のIMEがマイクロフト社製の生粋のMicrosoftIMEしか…
インフィード広告アドセンス
Stinger6 Stinger7 WordPress カスタマイズ テーマ 伝えたいこと 備忘録
Stinger6、Stinger7でバイラルメディア風ボタン設置方法
ここのところ、よくブログサイトや大手企業のニュースサイトなどの記事の下に、 上記の画像のようなバイラルメディア風のSNSボタンが設置されているのをよく見かけると思います。 これまでは、とくに気にしなか…
インフィード広告アドセンス
SNS終わりの始まり…。それは何なのか。ソーシャルとは何なのか。
SNS(ソーシャル・ネットワーキング・サービス)・・・。 個人情報保護法・・・。 個人情報保護法ができたはずなのに、SNSというソーシャル・ネットワーキング・サービスと横文字を連ねたことにより比較的抵…
おすすめの記事一部広告
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法22
- アイドリングストップ車おすすめバッテリーS115/A4Panasonicブルーバッテリーカオスと安心サポート17
- 車のキーナンバー確認方法。キーレス紛失や壊れた時13
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ12
- エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー12
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく10
- TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号)9
- Panasonicカオスバッテリー通称ブルーバッテリーはメンテナンスフリーバッテリーではない9
- 洗濯機乾燥機が乾かないのはなぜだったのか7
- シートベルトがきついのでシートベルト延長(バックル延長)7
おすすめ!!
世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!
Multiplex 広告
Googleニュース
-
インドネシアで現地勢と新市場争奪 二輪の王者・ホンダ、電動化でも先を走る - 日経ビジネス
2024-04-19
単に電動車を売り出すだけでなく、メンテナンスアプリによる健全な中古車市場の育成やバッテリー交換ステーションの整備など、大きなエコシステムを構築 ...
-
もっと「アバルト595」で運転を楽しもう! 車高調からペダルの「ポッティングデカール」に ...
2024-04-18
コンパクトカー · チューニング · メンテナンス · 「織り目がない!?」AKNドライカーボンとは? アバルト「595」の注目カスタムパーツを3つ紹介します · review ...
-
低床車のメリットとは? いすゞギガは2024年問題の救世主となるか - WEB CARTOP
2024-04-18
車両コストやメンテナンスコストを低減 大型トラックは一般的に積載量10t以上トラックを指すが、同車は低床車であることもあり、約14tの荷物を積むことができる ...
-
[新型ランドクルーザー250]KINTOなら納期は5~8カ月で月額5万710円から! モデリスタやJAOS ...
2024-04-18
そもそもKINTOのサブスクは、自動車保険(任意保険)や自動車税、メンテナンスなど、必要な諸費用を含めた月々定額の利用料を支払うもの。販売店だけでなく ...
-
ランドクルーザー"250"の取扱いを開始 - サカエ経済新聞
2024-04-18
KINTOのサブスクリプションサービスは、自動車保険(任意保険)や自動車税、メンテナンスなど、カーライフにかかる諸費用を含めた月々定額の利用料をお支払い ...
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
- X
Deprecated: Automatic conversion of false to array is deprecated in /home/variouspress/infovarious.com/public_html/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2924
Twitter - Share
Deprecated: Automatic conversion of false to array is deprecated in /home/variouspress/infovarious.com/public_html/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2921
Share - Pocket
Deprecated: Automatic conversion of false to array is deprecated in /home/variouspress/infovarious.com/public_html/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2921
Pocket - Hatena
Deprecated: Automatic conversion of false to array is deprecated in /home/variouspress/infovarious.com/public_html/wp-content/plugins/sns-count-cache/sns-count-cache.php on line 2921
Hatena
このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。
comment