柔軟な計算フォームを作成できるWordPressプラグインをご紹介します。
プラグインの可能性について簡単に:
テキストブロック-任意のテキスト。HTMLを使用できます。
ドロップダウンリスト-SELECTリスト。
チェックボックス-チェックボックスリスト。
ラジオボタン-RADIO-BUTTONSリスト。
入力フィールド-デジタル値を入力できるテキストフィールド。
非表示フィールド-非表示フィールド。
SESSIONフィールド-配列から計算機を計算した結果。
デザイン-計算機のデザインを選択する機能。
設定-計算機の設定。
1つのサイトに複数の計算機を作成できます。
フィールドの原則:
フィールドは次の形式の式を形成します。
field1 +(フィールド3 *(フィールド2 +フィールド4))
フィールドごとに、その前後に実行するアクションを指定できます。
算術演算はどのようなものでもかまいませんが、すべてはあなたの想像力と基本的な数学の知識のレベルに依存します。
数式を作成するための記号の例を次に示します。
(カッコ) :($ a + $ b)* $ c
+追加:$ a + $ b
- $ a-$ bを引く
*乗算$ a * $ b
/部門$ a / $ b
モジュロ除算 ($ aを$ bで除算した整数の余り)-$ a%$ b
利息の計算方法:($ percent_number * $ amount / 100)
各分野の能力を順番に分析します。
テキストブロック
表示されるテキスト -任意のテキスト。HTMLを使用することができ、これにより、計算機フォームで任意のデザインを受け入れることができます。 バージョン2.5以降では、$ _SESSION配列から値を直接テキストに出力できます。 セッションについては、セクション$ _SESSIONを参照してください。
順序 -数式内のフィールドを並べ替える数値の順序。最小から最大の順序で並べ替えます(ASC)。
CSSはこのブロックのクラスです。 クラスの名前のみを指定する必要があります(例:myclass)。クラスのルールは、トピックのファイルまたは計算機設定を介して接続された* .cssファイルで指定します。 電卓がCSSとHTMLをどのように形成するかは、少し低く表示できます。
ドロップダウンリスト。
フィールド名 -このフィールドに入力したテキストは、ドロップダウンリストの上に表示されます。
Before-ここでは、このドロップダウンリストの前にアクションを設定する算術記号を指定する必要があります。
後 -ここで、ドロップダウンリストの後にアクションを設定する算術符号を指定する必要があります。
順序 -数式内のフィールドを並べ替える数値の順序。最小から最大の順序で並べ替えます(ASC)。
リストの値 -ドロップダウンリストを作成するには、特定のルールに従ってデータを作成する必要があります! 例:[価格]:名前; [500]:ウィンドウのインストール; [0]:ゼロ;
必然的にそのような標識の間[価格]:名前;
少なくとも1つスキップすると、フィールドは正しく機能しません。
ps入力は、str_replaceを介した置換メソッドによって構築されます。
CSSはこのブロックのクラスです。 クラスの名前のみを指定する必要があります(例:myclass)。クラスのルールは、トピックのファイルまたは計算機設定を介して接続された* .cssファイルで指定します。 電卓がCSSをどのように形成するかを以下に示します。
チェックボックス。
フィールド名 -このフィールドに入力されたテキストは、チェックボックスのブロックの上に表示されます。
前 -ここでは、チェックボックスのグループの前にアクションを設定する算術記号を指定する必要があります。
後 -ここで、チェックボックスのグループの後にアクションを設定する算術記号を指定する必要があります。
順序 -数式内のフィールドを並べ替える数値の順序。最小から最大の順序で並べ替えます(ASC)。
リストの値 -チェックボックスのリストを作成するには、特定のルールに従ってデータを作成する必要があります! 例:[価格]:名前; [500]:ウィンドウのインストール; [0]:ゼロ;
必然的にそのような標識の間[価格]:名前;
ps入力は、str_replaceを介した置換メソッドによって構築されます。
アクション -チェックボックスが次のリストで構成される場合、選択されたチェックボックス間のアクション。たとえば、乗算アクションを設定します:[500]:サイトの作成; [200]:レイアウト開発;
次の行が形成されます(500 * 200)。
CSSはこのブロックのクラスです。 クラスの名前のみを指定する必要があります(例:myclass)。クラスのルールは、トピックのファイルまたは計算機設定を介して接続された* .cssファイルで指定します。 電卓がCSSをどのように形成するかを以下に示します。
ラジオボタン。
フィールド名 -このフィールドに入力されたテキストは、ラジオボタンのグループの上に表示されます。
宛先 -ここでは、このラジオボタンのブロックの前にアクションを設定する算術記号を指定する必要があります。
後 -ここで、ラジオボタンのブロックの後にアクションを設定する算術記号を指定する必要があります。
順序 -数式内のフィールドを並べ替える数値の順序。最小から最大の順序で並べ替えます(ASC)。
リストの値 -ラジオボタンのグループを形成するには、特定のルールに従ってデータをフォーマットする必要があります! 例:[価格]:名前; [500]:ウィンドウのインストール; [0]:ゼロ;
必然的にそのような標識の間[価格]:名前;
ps入力は、str_replaceを介した置換メソッドによって構築されます。
CSSはこのブロックのクラスです。 クラスの名前のみを指定する必要があります(例:myclass)。クラスのルールは、トピックのファイルまたは計算機設定を介して接続された* .cssファイルで指定します。 電卓がCSSをどのように形成するかを以下に示します。
入力フィールド。
フィールド名 -このフィールドに入力されたテキストは、テキストフィールドの上に表示されます。
宛先 -ここでは、このテキストフィールドの前にアクションを設定する算術記号を指定する必要があります。
後 -ここでは、テキストフィールドの後にアクションを設定する算術記号を指定する必要があります。
順序 -数式内のフィールドを並べ替える数値の順序。最小から最大の順序で並べ替えます(ASC)。
価格 -フィールドの値、入力された価格は、ユーザーが入力したデータを少し低くしたアクションで説明します。
アクション -このアクションは、サイト訪問者が入力したデータを使用して何をするかを意味します。
CSSはこのブロックのクラスです。 クラスの名前のみを指定する必要があります(例:myclass)。クラスのルールは、トピックのファイルまたは計算機設定を介して接続された* .cssファイルで指定します。 電卓がCSSをどのように形成するかを以下に示します。
隠しフィールド。
宛先 -ここでは、このフィールドの前にアクションを設定する算術記号を指定する必要があります。
後 -ここでは、非表示フィールドの後にアクションを設定する算術符号を指定する必要があります。
順序 -数式内のフィールドを並べ替える数値の順序。最小から最大の順序で並べ替えます(ASC)。
価格 -非表示フィールドの値。
SESSIONフィールド。
Before-ここでは、この選択されたセッションの前にアクションを設定する算術記号を指定する必要があります。
後 -ここでは、選択したセッションの後にアクションを設定する算術符号を指定する必要があります。
順序 -数式内のフィールドを並べ替える数値の順序。最小から最大の順序で並べ替えます(ASC)。
どの計算機のID-セッションからデータを取得する必要があるかを作成した計算機を示します。
計算機のフィールドIDまたはSUM-目的のフィールド結果のソートID、または計算機の合計金額を示します;金額を取得するには、SUMを入力します。
セッション自体は、ユーザーが「計算」ボタンをクリックした後にのみ作成されます。 連想配列は次のようになります。
Array
(
[wpcalculator-1] => Array
(
[2] => 8000
[sum] => 727600
[4] => 399
[5] => 600
[6] => 3
[3] => 1400
)
)
ここで、wpcalculator-1は数字1が計算機のIDを意味し、埋め込みデータの場合、配列キーは合計キーを除くソート順を意味し、これは計算の総コストです。
テキストブロックでセッションを呼び出すには、BBCodeを作成する必要があります。次のようになります。
[セッションID = "calc_id"] id_keyまたはsum [/セッション]。
たとえば、電卓1からキー5の値を取得したい場合、テキストブロックで次のコードを生成する必要があります。 [session id = "1"] 5 [/ session]。
wpcalculator-1配列が存在し、キー5の行がある場合、結果として600を取得します。
同様に、計算機の合計を取得する必要がある場合は、5の代わりにsum [session id = "1"] sum [/ session]で5を置き換える必要があります。
配列のデータをさらに取得することで、PHPの単純なIf演算子とElse演算子だけに制限しながら、Webサイトで複雑な計算を既に作成できると基本的に仮定します。
セッションは、ユーザーがブラウザを閉じるまで存在します。
デザイン -WP Creator Calculatorの新機能、電卓デザインの選択。 デフォルトでは、スキンは選択されていません。 テンプレートは時間とともに補充されます。 支援したい場合は、テンプレートをe-amil zetrider@bk.ruに送信できます。
設定 -このセクションには、2つ以上の計算機が関係する複雑な計算式を作成するために必要な簡単な設定と複雑な設定があります。
ボタンの名前は計算ボタンであり、デフォルトではCalculateです。 各計算機を個別にカスタマイズできます。
合計するテキスト-合計金額の前にテキストが表示されます(例:合計)。 各計算機を個別にカスタマイズできます。
金額の後のテキスト - 金額の後に表示されます。例:摩擦。 各計算機を個別にカスタマイズできます。
ポストアクション -このフィールドにWebアドレスを指定し、ボタンをクリックした後、選択した計算機を計算すると、指定したアドレスに移動します。 各計算機を個別にカスタマイズできます。
CSS -Cssファイルへの完全なWebアドレス。 計算機に個別のスタイルシートを指定できます。 または、空白のままにして、すべてのスタイルをテーマのcssファイルに入力できます。 デザインでテーマを選択した場合、選択したテンプレートのcssファイルがこのフィールドに自動的に書き込まれます。
WP Creator CalculatorでのCSSの動作。
.wp_calculate{} /* div - */
.wp_calculateID_CALC{} /* div - c ID */
.wp_calculate_form {} /* form - */
.wp_calculate_formID_CALC {} /* form - c ID */
.wp_calculate_text {} /* div - */
.wp_calculate_textID_ROW {} /* div - ID */
.wp_calculate_description {} /* div - */
.wp_calculate_descriptionID_ROW {} /* div - ID */
.wp_calculate_select {} /* select - */
.wp_calculate_selectID_ROW {} /* select - ID */
.wp_calculate_checkbox {} /* input - */
.wp_calculate_checkboxID_ROW {} /* input - ID */
.wp_calculate_radio {} /* input - */
.wp_calculate_radioID_ROW {} /* input - ID */
.wp_calculate_inputtext {} /* input - */
.wp_calculate_inputtextID_ROW {} /* input - ID */
.wp_calculate_submit {} /* input - */
.wp_calculate_submitID_CALC {} /* input - c ID */
.wpcalculator_price {} /* div - */
.wpcalculator_priceID_CALC {} /* div - c ID */
ここで:
ID_CALC =計算機のID
ID_ROW =フィールドID(ソートなし)、およびMYSQLからのフィールドID
WP Creator CalculatorでのHTMLの動作(単純な数式の例):
<div class="wp_calculate wp_calculate1"><br>
<form method="POST" action="#calculate1" class="wp_calculate_form
wp_calculate_form1" name="calculateform1"><br>
<div class="wp_calculate_text wp_calculate_text1 ">
</div><br>
<div class="wp_calculate_description wp_calculate_description2">
</div><br>
<select name="calculateprice[12]" class="wp_calculate_select
wp_calculate_select2 "><br>
<option value="8000+"> </option><br>
<option value="2000+"> </option><br>
<option value="1000+"> </option><br>
</select><br>
<br /><br>
<div class="wp_calculate_description wp_calculate_description3">
</div><br>
<input type="checkbox" name="calculatepricecheckbox[][13]" value="600"
class="wp_calculate_checkbox wp_calculate_checkbox3 "> <br>
<br /><br>
<input type="checkbox" name="calculatepricecheckbox[][13]" value="800"
class="wp_calculate_checkbox wp_calculate_checkbox3 ">
<br>
<br /><br>
<input type="hidden" name="calculatepricecheckboxid[3]" value="13" ><br>
<div class="wp_calculate_description wp_calculate_description4">
? </div><br>
<input type="radio" name="calculateprice[14]" value="((0*"
class="wp_calculate_radio wp_calculate_radio4 "> <br>
<br /><br>
<input type="radio" name="calculateprice[14]" value="((399*"
class="wp_calculate_radio wp_calculate_radio4 "> <br>
<br /><br>
<input type="hidden" name="calculateprice[15]" value="600)" ><br>
<div class="wp_calculate_description wp_calculate_description6">
?</div><br>
<input type="text" name="calculatepricetext[16]" value=""
class="wp_calculate_inputtext wp_calculate_inputtext6 "><br>
<br /><br>
<input type="hidden" value="calculate1" name="calc_id_post"><br>
<input type="submit" value="" class="wp_calculate_submit
wp_calculate_submit1" name="calculate1"><br>
</form><br>
<br style="clear:both;"><br>
</div><br>
<br>
<br style="clear:both;"><br>
<div class="wpcalculator_price wpcalculator_price1" id="calculate1"> 488200
.</div><br>
<br style="clear:both;">
すべての算術がVALUE分野を通して直接伝えられる時から見られるように。
数式を編集する方法。
計算機にフィールドを追加すると、次の名前のブロックが表示されます。
スクリーンショットを見るとわかるように、各ブロックのすべてのデータが順番に並べられています。混乱している場合は、わかりにくいフィールドにマウスを合わせると、ポップアップウィンドウに短いヒントが表示されます。
数式 、追加したすべてのフィールドの表示、編集が必要な場合は、必要なデータを入力し、右側のキーボタンを押します。削除する必要がある場合は、×をクリックします
スクリーンショットにもエラーが表示されますが、ソートフィールドが同じであるために発生しました。 数式が正しく作成されない可能性があるため、これは許可されません。 結局のところ、どのような種類の値が相互接続されるかは、ソートフィールドによって異なります。
ブロックはスクリーンショットにも表示されます:テキスト形式の式、この行を分析します:12 + 13 +((14 * 15)* 16)
並べ替えフィールドはここに示されており、BeforeおよびAfterの値から、式のナビゲートとエラーの発見が容易になります。
サイトに電卓を挿入する方法。
テーマファイルのコード: <?Php echo do_shortcode( '[wpcalculator idcalc = "1"]'); ?>
ページと投稿のショートコード: [wpcalculator idcalc = "1"]
ここで、1は表示される計算機のIDです。
計算機によって送信されたデータの高度な分析。
計算機では、ショートコードは、計算のより詳細な分析を表示するための呼び出しを持っています。 詳細な分析を表示するには、次のようなショートコードが必要です。
[wpcalculator idcalc = "ID" show_result = "true"]。
次のものを受け取ります。
送信データ(算術符号付きのすべての数値を文字列として):
8000+(600 + 800)+((399 * 600)*(2 * 1))
およびセッションリスト:
Array
(
[wpcalculator-1] => Array
(
[2] => 8000
[sum] => 727600
[4] => 399
[5] => 600
[6] => 3
[3] => 1400
)
)
インストール:
1. プラグインをダウンロードします-http ://wordpress.org/extend/plugins/wp-creator-calculator/
2. wp-content / plugins /をサイトのpluginsフォルダーにアップロードします
3.プラグインを有効にします
4.管理パネルの左側のメニューで、WP Calculatorのアイテムを選択します
5.計算機をセットアップします。
質問がありますか? コメントでお願いします!
upd。:
プラグインがバージョン1.1に更新されました:
簡素化されたプラグインコード
デフォルトの言語は英語です(外国人は誓います)
ロシア語の翻訳があります
設定の合計金額の後にテキストを設定する機能が追加されました
修正された小さなバグ
プラグインがバージョン2.0に更新されました:
これで、サイトに複数の電卓を作成できます。
マイナーなバグが修正されました。
プラグインがバージョン2.1に更新されました:
チェックボックスが修正され、正しく動作するようになりました(!注意!選択した値の間のアクションをチェックボックスに追加しました);
送信されたデータの完全な計算を表示する機能が追加されました。 表示するには、ショートコードに新しいパラメーターを追加する必要があります:[wpcalculator idcalc = "ID" show_result = "true"]
バージョン2.5の新機能:
1. 1ページに複数の計算機を配置できます。
2.同じソート値の複製禁止のチェックを追加。
3.計算機に$ _SESSION配列を追加しました。すべての値はセッションで記憶されます。 引き出して、計算ブロックまたはテキストブロックに置き換えることができます。
4.利用可能なセッションのリストを表示する機能を追加しました。
5.電卓のスタイルを追加。
6.各計算機にアクションを設定する機能が追加されました。
プラグインの新しいバージョンがリリースされました! バージョン3.5。