現在の接続環境は
です

記事内にプロモーションが含まれています。

プロモーションを含みます

WordPress カスタマイズ 伝えたいこと

WordPress管理画面タイトル文字数カウント表示

WordPress管理画面タイトル文字数カウントを自動的にする方法

所要時間目安:3

This session is using  IPv4  is established in

この記事は2017年10月22日のものです。現在は状況が異なる可能性がありますのでご注意ください。

目次に行く・戻る

2025年4月1日 (火曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. 間違いメールと迷惑メールとフィッシング詐欺メール判断方法

    コンタクトフォーム 1PV

    お問い合わせは以下よりお願いします。 お問い合わせメールフォーム お問い合わせメールフォーム お問い合わせ IPアドレスは上記ページ訪問にて記録されます。 もしくは以下よりお願いします。 お問い合わせ…

    もっと読む

  2. 2025年4月1日から「車庫証明ステッカー」廃止、交付手続きは従来通り 1PV

    これまで1991年に導入された車庫証明の車の貼り付ける車庫証明ステッカーシールは廃止されます。車のナンバーから車庫証明の有無が確認できるようになったためのようです。ただし、新車購入時や中古車購入時など…

    もっと読む

  3. プラリシート補修前ステアリングエクストレイルV字部分全体

    車の内装インパネ破損修理にプラリペアとプラリシートがおすすめ 1PV

    車の内装インパネやあバンパーなどFRP樹脂やABS樹脂などのプラスチック製品の破損時に簡単に接着剤よりも強力にくっつく補修剤があることを知りませんでした。よく内装のインパネなどを剥がして配線処理などを…

    もっと読む

  1. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 34PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  2. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 20PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  3. アイドリングストップシステム異常警告灯表示対処方法 19PV

    2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に(自動的に)アイド…

    もっと読む

  1. 間違いメールと迷惑メールとフィッシング詐欺メール判断方法

    コンタクトフォーム 1PV

    お問い合わせは以下よりお願いします。 お問い合わせメールフォーム お問い合わせメールフォーム お問い合わせ IPアドレスは上記ページ訪問にて記録されます。 もしくは以下よりお願いします。 お問い合わせ…

    もっと読む

  2. 2025年4月1日から「車庫証明ステッカー」廃止、交付手続きは従来通り 1PV

    これまで1991年に導入された車庫証明の車の貼り付ける車庫証明ステッカーシールは廃止されます。車のナンバーから車庫証明の有無が確認できるようになったためのようです。ただし、新車購入時や中古車購入時など…

    もっと読む

  3. プラリシート補修前ステアリングエクストレイルV字部分全体

    車の内装インパネ破損修理にプラリペアとプラリシートがおすすめ 1PV

    車の内装インパネやあバンパーなどFRP樹脂やABS樹脂などのプラスチック製品の破損時に簡単に接着剤よりも強力にくっつく補修剤があることを知りませんでした。よく内装のインパネなどを剥がして配線処理などを…

    もっと読む

今日は2025年4月1日です。

メルカリ招待コード:

WordPressではデフォルトで記事の文字数は記事を書くエリアの左下に表示されています。しかし、タイトルの文字数はカウントされていません。そんな時にタイトルを入力したのと同時に自動的に文字数を表示させる方法です。半角は0.5文字としてカウントする方法が良く公開されていますが全角半角の区別をなくしての方法も記載しておきます。

アドセンス336pxPC閲覧記事下表示1つ目コード

この記事を読む方へのオススメ


全角半角どちらとも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文字としてカウントした場合は以下のような感じになります。

WordPress管理画面タイトル文字数カウント表示半角版

まとめです。

一応、全角と半角は私の場合分けない方を今のところずっと6ヶ月間くらい使っています。

なぜか?

それは、できるだけタイトル文字数を完結にするように心がけたいためです。

でも、
半角は0.5文字としてカウントされるのが通常なのでお好きな方を選ぶのが良いのかなぁ。と…。

すでに、採用されていらっしゃる方もおられるようですが、

お好きな方をどうぞ(*^^)

全角半角区別なくした場合はこんな感じになります。

WordPress管理画面タイトル文字数カウント表示

【AmazonスマイルSALE】!


3/28(金)9時から4月1日(火)23時59分まで、「AmazonスマイルSALE」開催予定

3月28日(金曜日) ~ 2025年4月1日(火曜日) 23:59まで

Windows10サポート終了まで

あなたにおすすめな関連記事

アドセンス新コード遅延読み込みモバイルでページスピード最高値

AdSense WordPress カスタマイズ 伝えたいこと 備忘録

AdSense(アドセンス)新コードの遅延読み込み2つの方法

Googleのサービスを利用されている方々は多いと思います。さまざまサービスがありますが、今回はグーグルアドセンス(Google AdSense)の新しいコードの遅延読み込みコードの2種類の方法につい…

もっと読む

インフィード広告アドセンス

ありがとう。感謝。

WordPress アップグレード カスタマイズ 不具合 伝えたいこと 備忘録 時事ネタ

WordPress4.7が12月6日にリリースされるけれど、不具合とか大丈夫かなぁ。

ついこの間WordPress自体のバージョンアップを新しい4.6.1が公開されてから行ったばかりなのに・・・・・・。こう今月の12月6日には新しいWordPress4.7バージョンが公開されるようです…

もっと読む

インフィード広告アドセンス

スマホでのピンチアウト操作方法

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

スマホでピンチアウトできないStinger6、Stinger7、StingerPLUS+でのピンチアウト方法

WordPressでのテーマとして超有名でかつ、カスタマイズ性に優れたStingerシリーズがあります。 そのStingerシリーズ(micataシリーズとAFFINGERシリーズ)では、最近(昨今流…

もっと読む

インフィード広告アドセンス

セキュリティ セキュリティ 伝えたいこと 備忘録 時事ネタ

バイトテロなどという行為や誹謗中傷など

ここ10年以内にSNSというツールがまかり通ってきて、ある意味で匿名性があったものの数多くに人が利用するようになり通常では考えられないような行為がネット上にあらわになってきたことも現実かと思います。 …

もっと読む

インフィード広告アドセンス

健康

伝えたいこと 備忘録 治療

健康の意味と元気で安寧な日々を過ごしていきたい!!

健康とは何か? それ相応の年齢になったり、医療従事者であればそんなことに考えをはせることもあることがあると思います。

インフィード広告アドセンス

RSSフィード画像

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

RSSにアイキャッチ画像を出力する方法Stinger6、Stinger7、StingerPLUS+版

以前、RSSにアイキャッチ画像を出力する方法という記事を書きました。     普通の?RSSフィードに(PINGOOなど)にはアイキャッチがちゃんと表示されていました。 ですが、B…

もっと読む

あなたが訪問してから

0 秒経過 🎉

WordPress, カスタマイズ, 伝えたいこと」の人気記事

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

ブログサービスが始まってから:


カウントダウンタイマー

おすすめの記事一部広告

お小遣い稼ぎにアンケート。

Multiplex 広告

Total345


アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る

よろしかったらシェアよろしくお願いします。

-WordPress, カスタマイズ, 伝えたいこと

目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


This site uses Akismet to reduce spam. Learn how your comment data is processed.