Loading…

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

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

本日の人気記事BEST10

所要時間目安:3


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

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


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

同じカテゴリーの記事一覧


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

同じカテゴリ人気記事

おすすめの記事一部広告

関連記事

血糖値のコントロールカーボカウント

伝えたいこと 備忘録 治療 糖尿病(1型)インスリンポンプ

糖尿病の新しい血糖値コントロール方法カーボカウントについて

これまでにもこれからも人間はある意味細菌などによる感染症や自己免疫疾患や悪性新生物(がん)など様々な病気と戦っていかなければならないと思われます。 そんな中で、 私のパートナーは小児糖尿病(小児型糖尿…

もっと読む

GoogleパブリックDNS

Android iPhone PC Windows10 インターネット スマホ セキュリティ ツール 伝えたいこと 備忘録 設定

iPhone、AndroidでもオススメなDNSサーバー子供や家族を海外サイトやマルウェアから守る

プロバイダによっては、時々DNSサーバーの不具合でインターネットにつながらない時が生じることがあります。その他にもフリーWi-Fiスポットなどではセキュリティーの問題もあります。セキュリティーを気にし…

もっと読む

新型コロナワクチン予診票ジェネレータ

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

新型コロナワクチンの予診票ジェネレーター。これは便利!?

今月に入り急激に新型コロナウイルス感染症のPCR検査陽性者が急激に激減しました。そして、政府(国)は、ワクチンの摂取を推奨してはいます。ワクチンはファイザー社製かモデルナ製の2択でしたが、アストラゼネ…

もっと読む

WordPress4.6.1バージョンアップ後jetpack有効化後に表示されるWarning

WordPress カスタマイズ テーマ 不具合 伝えたいこと 備忘録

Warning: Cannot modify header information - headers already sent by

WordPressをバージョンアップしたところ・・・・・・。 そしてjetpackを有効化したところ・・・・・・。 何やら警告メッセージがダッシュボードの一部分のみですが表示されるようになりました。 …

もっと読む

目次に戻る

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

おすすめ!!

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

おすすめ2

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

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



この記事が良かったら
いいね!お願いします(#^.^#)

WordPressデビュー津々浦々の
最新情報をお届けします

言えないことはTwitterで!!



目次に戻る

目次に戻る


コメントを閉じる

comment

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

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