グルトレ必要資金の計算機作成

グルトレ必要資金の計算機を作成してから、かなり時間が経過してしまいましたが、簡単に紹介します。計算機は、プラグイン「Calculated Fields Form」を利用しています。

メイン画面

Form List/Iteme Listに作成した計算機フォームのリストが表示されます。

フォームIDの1~5はサンプルとしてインストールされています。使い方の参考になります。

Form Builderフォーム編集画面

フィールドの追加、フィールド設定、フォーム設定を行います。

Add a Fieldフィールド追加

フィールド属性に従いフィールドを追加します。

①数値入力フィールド

②セパレータフィールド

③ボタンフィールド

④計算結果フィールド

マウスでドラッグして配置、位置の変更を行います。

Field Settingsフィールド設定

フィールド毎にフィールドのラベル、属性などを設定します。

Number数値入力

入力値に対しての最小値ー最大値等を指定してます。

Calculated Value計算結果

数値入力フィールド等を参照できるので、計算式をここで定義します。

Set Ecuationの記述

計算機のロジックを、javascriptで記述できます。以下は必要資金の計算ロジックです。

ただ、よくわかりませんがコメントを記述したら動作しなかったり?で、少しずつ記述&確認で面倒でした。なので、コメント等が無い読みづらいコードになってます。

Form Settingsフォーム設定

計算式フォームのタイトルや表示方法について設定できます。

数種類のテンプレートが用意されていますが、カスタマイズも可能です。

CSSのカスタマイズ

投稿の編集

フォームのIDを指定したショートコードを記述することで組み込めます。
作成した計算機は固定ページでメニューに登録してます。

グルトレ計算機 口座は、「円建て」 通貨は、「ドル円」「クロス円」のみ対応 1.必要資金計算 2.子本体レンジ幅計算