Last Updated on 2025年3月05日 by ワードプレスの学校 学長 柳内郁文
お問い合わせフォームに文字数制限をつけるフォームはありますが、文字数カウンターを追加する場合、複雑な設定をするか、追加のプラグインをインストールしなければならないことが一般的です。そこで、今回はすべてが一つで完結するJetFormBuilderの設定方法をご紹介いたします。
文字数カウンターの設定方法
JetFormBuilderでは、Calculated Fieldを使って文字数カウントを実装します。以下の手順で設定できます。
- JetFormBuilder独自のマクロを使う
文字数をカウントするために、JetFormBuilderのマクロを使用します。
以下のコードを入力します：
%textarea|length% ここで、textareaの部分には文字数をカウントしたいフィールド名を入力します。
- Value Typeの変更
設定画面で「Value type」の項目をプルダウンメニューから「as String」に変更します。
アウトプットのカスタマイズ
設定は以上です。
次に、アウトプット方法をカスタマイズします。デフォルトでは数字のみが表示されるため、前後に文字を追加したい場合は、以下の手順で設定します。
- 「’」で囲む 例えば、「’文字数カウント：’」のように、前後にカスタムテキストを追加します。
まとめ
冒頭で触れたように、JetFormBuilderだけで文字数カウントの設定が完結するので、方法を覚えておけば問題ありません。
もし忘れてしまった場合は、いつでもこのブログに戻ってきてください。
