現在の接続環境は
です

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

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

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

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

メルカリ招待コード:

所要時間目安: 3

This session is using  IPv4  is established in

今日は2025年9月6日です。

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

目次に行く・戻る

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

  • 本日
  • 週間
  • 月間
  1. スキャンしたデータを保存できませんでした。応急代替スキャン方法 1PV

    以前にBrother iPrint&Scanスキャンしたデータを保存できませんでしたというタイトルにて、Brother iPrint&Scanにてスキャンデータが保存できませんでした。…

    もっと読む

  1. 燃費改善にエアフィルター交換エアーエレメント交換

    車の燃費が悪い原因を改善し良くする一つの方法オススメのエアフィルター交換 2PV

    最近の車ではプリウスをはじめとしたハイブリッドカーが多くなってきています。しかし、どんな車でも吸気系統と排気系統はあります。 両方大事ですが、排気系統はマフラーを交換するくらいしかありません。またマフ…

    もっと読む

  2. PHPコードウィジェットをプラグイン使わずにウィジェット作成方法 2PV

    WordPressの管理画面の外観にてウィジェットを選択すると、テーマによりですがどこにウィジェットを追加可能なのかがわかります。WordPressのデフォルトであるウィジェットやテーマ独自のウィジェ…

    もっと読む

  3. 純国産ブラウザKinza

    国産Webブラウザ「Kinza3.2.0」の最新版リリースでMacにも対応 2PV

    2年くらい前に純国産ブラウザにとても安心できる「Kinza」というweb(ウェブ)ブラウザがあることを知りました。その後、順調に進化し続けて6月15日に最新版の「Kinza」がリリースされたようです。…

    もっと読む

  1. PHPコードウィジェットをプラグイン使わずにウィジェット作成方法 2PV

    WordPressの管理画面の外観にてウィジェットを選択すると、テーマによりですがどこにウィジェットを追加可能なのかがわかります。WordPressのデフォルトであるウィジェットやテーマ独自のウィジェ…

    もっと読む

  2. 純国産ブラウザKinza

    国産Webブラウザ「Kinza3.2.0」の最新版リリースでMacにも対応 2PV

    2年くらい前に純国産ブラウザにとても安心できる「Kinza」というweb(ウェブ)ブラウザがあることを知りました。その後、順調に進化し続けて6月15日に最新版の「Kinza」がリリースされたようです。…

    もっと読む

  3. エクストレイルT32オススメなPIAA製PN82エアエレメント交換 2PV

    これまでにいくつかの車のメンテナンスに関するものを投稿してきました。ほぼ車のメンテナンスに関するものがほとんどなのですが・・・。 エアコンフィルター交換。 プラグ交換。 その他のカスタマイズ。 LED…

    もっと読む

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管理画面タイトル文字数カウント表示

あなたにおすすめ


Multiplex 広告

あなたが訪問してから

0 秒経過 🎉

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

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

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


カウントダウンタイマー

おすすめの記事一部広告

Total529


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを表示(0)

コメントを書く

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


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

新着コメント