ワードプレスで計算機や計算プログラムを作りたいと思った時は、Javascriptファイルを作成してテーマファイルに読み込ませるか、テーマエディタで直接編集・・・といった感じになるかと思いますが、Javascriptを書き込まなくても計算機能をページに作りたい時に便利なプラグインが「Calculated Fields Form」です。
まずはプラグインをインストール
プラグインの検索から「Calculated Fields Form」のプラグインをインストールして有効化します。
そうすると、左側メニューに「Calculated Fields Form」のメニューが追加されます。
予め、５つのテンプレートが作成されています。
WEBページに埋め込む
右側の「Shortcode」を使ってWEBページに埋め込むことができます。
Simple Operations
Simple Operations（簡単な操作）
Calculation with Dates
Ideal Weight Calculator
Pregnancy Calculator
Lease Calculator
オリジナルの計算フォームを作成する
オリジナルのフォームを作成してみます。
下部の「New Form」にフォーム名称を入力して「Add」を押すと新しいフォームが作られます。
追加したら「Settings」からフォームをセッティングします。
そうすると、フォームの作成画面が表示されます！
Form Setting
フォーム全体のセッティングを行うことができます。初期設定では「enable autocompletion」にチェックが入ったままになっていますが、外すと、自動計算がOFFになります。
Field Setting
各フィールドのセッティングを行えます。
まとめ
「Calculated Fields Form」を使うと、ショートコードを貼り付けるだけで簡単に計算フォーム・計算プログラムのページを作ることができます！！
説明が長くなりそうでしたので、細かい設定については、また次回の記事でまとめてみたいと思います！
ご参考下さい😃
