エグウェブ.JP@オンライン/WEB講座・セミナー・WEB分析

WEB分析・ホームページ・WEBサイト作成・WordPress、Googleアナリティクス、LINEスタンプ、Photshop・illustrator、Excelの講座やオンラインセミナーを開催中!

【WordPress】 Calculated Fields Form|ワードプレスで計算フォーム・計算プログラムのページを作りたい時に便利なプラグイン

time 2020/10/13

ワードプレスで計算機や計算プログラムを作りたいと思った時は、Javascriptファイルを作成してテーマファイルに読み込ませるか、テーマエディタで直接編集・・・といった感じになるかと思いますが、Javascriptを書き込まなくても計算機能をページに作りたい時に便利なプラグインが「Calculated Fields Form」です。

まずはプラグインをインストール

プラグインの検索から「Calculated Fields Form」のプラグインをインストールして有効化します。

そうすると、左側メニューに「Calculated Fields Form」のメニューが追加されます。

予め、5つのテンプレートが作成されています。

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」を使うと、ショートコードを貼り付けるだけで簡単に計算フォーム・計算プログラムのページを作ることができます!!

説明が長くなりそうでしたので、細かい設定については、また次回の記事でまとめてみたいと思います!

ご参考下さい😃

download(ダウンロード)

プロフィール

EGUWEB

EGUWEB

【皆さまの人生に最良のファーストステップを】WEBサイトを作りたい!WEB分析を学びたいけど分からない。とりあえず色々と知りたい!皆様の悩みを解決できるように頑張ります。 [詳細]

カテゴリー