【WordPress】タイトルの文字数をjQueryでカウントする方法

  投稿日:2014年10月17日   更新日:  - 開発, jQuery

count

はじめに

どうもこんにちは、ゴエです。
ところで皆さん、記事のタイトルって気にしてますか?

やっぱりブログをやってく上で結構タイトルって重要何ですよねw
いろんな人にブログを読んで貰いたいけど、タイトルにインパクトが無いと
アクセスしてもらいないですよね(自分今まさにそうorz)

それに最近Googleではタイトルの文字数を32文字まで表示して残りは「…」で表示するようになっていますねー。

つまり32文字以内にしたタイトルだとGoogleでは「…」と表示れないわけです。

なのでタイトルをつける時は32文字以内にすればいいんですが、
WordPressだと文字数のカウントが出来ないので自分で数えないと行けないんです・・・・・

すげぇメンドクセェ!!!

どうにかならんかと思って探した所ありました!!!
WordPressのプラグインじゃなくてjQueryでやっている人がいました!!

早速やってみた

今回参考にさせて頂いたサイトはこちら

【WordPress】投稿画面でタイトル文字数を全角カウントする方法!jQueryで|ゆめぴょんの知恵

WordPressの投稿画面にリアルタイムでタイトル文字数を表示させる方法 | studio9 personal

使い方は下のソースコードを「functions.php」に追加するだけ。
最初管理画面の「functions.php」かと思って追加したらエラーで表示されなくなったっていうのは内緒

これだけでWordPressの投稿画面のタイトルに文字数が表示されるようになりましたー!
全角文字は1文字、半角文字は0.5文字としてカウントされます。
しかも「TITLE_COUNTER_MAX_LENGTH 」で設定した文字数になると赤く表示されます。

まとめ

タイトルの文字数を自分でカウントしなくて済むのですごく便利。
また、プラグインじゃないので大量にプラグインを入れてしまった場合の
動作が重くなるという現象も無いから安心。

SEOとかにすごく重宝しそうなjQueryです。

-開発, jQuery,


  コメント

コメント

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

*

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

関連記事

【What Font】気になったフォントを調べる

どうも、こんちは3回目の更新です (・ω・)ノ 最近、WordPressのデザインをいじるのが楽しくなってきましたw ところで皆さん、こんな事はありませんか? ふと見たサイトのフォントが気に入ったけど …

【Stinger8】ブログのデザインをリニューアルした!

どうもお久しぶりですゴエです。 年末に左肘骨折して入院してましたw さて、話は変わってこのブログで今まで「Stinger5」というテンプレートを利用していましたが、「Stinger8」と新しいバージョ …

【Stinger3】メニューをドロップダウンメニューにしてみた

どうも!、ブログ初めてから初投稿です。 ブログを作るにあたってメジャーな「WordPress」を初めて使ってみましたw その「WordPress」のデザイン(テンプレート)で「Stinger3」という …

【メモ】PHPでWebAPIを自作する際にXMLで詰まった話

どうも、ゴエです。 今回は「XMLかなんかでPOSTして処理するWebAPIを自作すればいいじゃん」っと かるーい考えで作ろうとしたら詰まった話です。 目次1 ことの発端2 簡易プログラムの作成~そし …

【PHP STORM】ちょっといじってみた

いつもPHPの開発でお世話になってる方から、教えて頂いた開発環境「PHP storm」を使い始めたのだが、 ソースのヘッダーに記述するデフォルトのコメントが気に入らなかったので編集したので忘れないよう …