[Wordperss]ストークでも動く!投稿画面に文字数カウンタを付ける方法!(プラグイン無し)

こんにちは!Takuya.B(@TB_IQ)です。

ブログ記事のタイトルの長さはSEO的に32字以内に収めるのが良いとされています。しかし、実際のところ数えるのが面倒くさくないですか?

できれば文字を入力するときにリアルタイムで文字数を把握したいですよね。

そこで、今回はプラグインを使わずにタイトルの文字数を数える『文字数カウンター』を作ります!

スポンサーリンク

文字数カウンターの完成図

ワードプレスのタイトルを入力するところは、デフォルトではこのようになっています。

それをこのように文字数をカウントするようにし、

最終的に32字を超えると赤く表示するようにします。

サンプルコード&解説

サンプルコードです。こちらは寝ログさんの記事を参考にさせて頂きました。

参考にした記事

サンプルコード

以下のコードをfunction.phpに貼り付けてください。

寝ログさんで公開されているコードを一部改良しました。

それが、9-13行目の条件分岐部分です。

SEO的に記事のタイトルは32字以内に収めるのが良いので、文字数が32字以上ならカウンターの数字を赤く表示するようif文で条件分けしました。

2017.10.09追記

有料テーマのストークでも動作確認をしましたが、万が一動かない場合は教えて頂けると幸いです。

スポンサーリンク

あとがき

文字色を変更しなくても、文字数をカウントするだけで十分に便利な機能です。

文字数を数えるのマジめんどくせーって感じてる人は是非おためしあれ!