Loading…

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

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

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

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

所要時間目安:3

This session is using  IPv4  is established in

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

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

目次に行く・戻る

メルカリ招待コード:

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

あなたにおすすめ

カテゴリの人気記事一覧画像

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

カテゴリの人気記事を表示する方法

  記事を読んで頂いていて該当記事を読み終わった後に、同じカテゴリーに属する人気記事を表示する方法です。 せっかく訪問して頂いて記事を読んでもらった後に同じカテゴリー内で人気のある記事が表示…

もっと読む

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

ギャル語アイキャッチ

SNS Twitter インターネット 伝えたいこと 備忘録 時事ネタ

ギャル語最近の動向とトップ10を紹介します。いくつわかりますか?

もうギャル語と言えば多くの人達は言わずと知れたものかと思います。 そんなギャル語が登場したのは、 1990年代頃からかと記憶しています。言葉ってある意味生き物なので、 もっと前からあったかもしれません…

もっと読む

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

Search ConsoleURL変更ドメインとURLの場合

WordPress インターネット カスタマイズ 伝えたいこと 備忘録

Search ConsoleのリダイレクトやSSL化によるプロパティURL変更方法

Search Consoleは言わずと知れた旧ウェブマスターツールです。GoogleやYahoo!やBingなどの検索エンジンポータルサイトへの登録方法のひとつでもあります。昨今いくつかの無料サービス…

もっと読む

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

Windows10で使えなくなった筆ぐるめなどアプリケーションを使えるようにする

PC Windows10 不具合 伝えたいこと 備忘録 設定

Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)

Windows10が発売、リリースされてもう1年4ヶ月弱が経とうとしています。 その間に大幅なアップデートが2回ほどありました。 1回目は昨年2015年11月のth1511です。この時の大幅なアップデ…

もっと読む

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

つぶつぶ入りのスクラブ洗顔料

伝えたいこと 備忘録 時事ネタ

マイクロプラスチック・マイクロビーズがつぶつぶ入り洗顔料や歯磨き粉に…。環境汚染も

画像出典元:5 Gyres今年に入ってから、 インターネットニュースサイトやテレビのニュースなどでも報道されているマイクロプラスチック(もしくは、マイクロビーズ)というものがあります。このマイクロプラ…

もっと読む

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

googleカラーコード検索結果カラーピッカー

インターネット カスタマイズ カスタマイズ ツール 伝えたいこと 備忘録 時事ネタ

カラーコード検索をGoogleで簡単に確認する方法

ホームページやブログなどサイトのデザインには画像はもちろんですが、 その他にCSSやHTML(HTML5も含む)で色の付け方?などでカラーコードと呼ばれるものを使用すると思います。 (他にもRGBなど…

もっと読む

おすすめの記事一部広告

おすすめ!!

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

おすすめ2

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

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

Multiplex 広告

Total111


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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

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