wpカスタマイズ 2015-02-08

WordPressの投稿画面タイトルに文字数カウンタを表示するカスタマイズ

post-title-mozi

今回は、WordPressの投稿編集画面のタイトルに文字数カウンタを表示させるカスマイズのご紹介です。

記事のタイトルの文字数など気にされる方にとっては、便利なカスマイズです。
タイトルの文字数なんて気にしないよって方は、あまり役に立たないカスマイズとなっていますので、スルーの方向でお願いします。

僕的には、いちいち自分で数えずにパッと見て記事のタイトルの文字数が把握出来るので、あってもいいのかなーとは思うのですが・・・・

編集画面のタイトルに文字数カウンタの実装方法

それでは、実装方法をご説明したいと思いますが、とても簡単です。www
下記コードをご利用の【WordPressテーマ内のfunctions.php】に貼り付けてください。

/*-------------------------------------------*/
/*	編集画面のタイトルに文字数カウンタを追加
/*-------------------------------------------*/
function excerpt_count_js(){
      echo '<script>jQuery(document).ready(function(){
jQuery("#titlewrap").after("<div style=\"position:absolute;top:5px;right:5px;color:#666;\"><small>文字数: </small><input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"title_counter\" readonly=\"\" style=\"background:#fff;\"></div>");
     jQuery("#title_counter").val(jQuery("#title").val().length);
     jQuery("#title").keyup( function() {
     jQuery("#title_counter").val(jQuery("#title").val().length);
   });
});</script>';
}
add_action( 'admin_head-post.php', 'excerpt_count_js');
add_action( 'admin_head-post-new.php', 'excerpt_count_js');

上記コードを貼り付け終えましたら、記事の編集画面のページに移動しますと、下記のようにタイトルを入力する場所に【文字数カウンタ】が表示されているはずです。

post-title-mozi-2

表示されれば、実装完了となります。
これで編集中にいつでも記事のタイトルの文字数が確認出来るようになりました。
目指せ【30文字タイトル】が、僕の目標です。www

こちらの記事をシェアする

こちらの記事があなたのお役にたちましたら、シェアしていただけますと大変嬉しく今後のブログ更新の糧となりますのでどうぞよろしくお願いします。(^^♪

About

Glow-Facotryでは、無料・有料のWPテーマを配布・販売サイトです。また、Web関連やWPの記事・日常的(ゲームも)なことをブログを利用して発信して行きたいと思っております。
よかったら下記のフォローをお気軽にお願いします。

関連記事

コメント

コメントをどうぞ

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

PREVIOUS website7

アニメーション効果を利用した海外Webサイト 10選

NEXT ticker

文字などを流れるニュースティッカー風に表示するjQuery-liScroll使い方