ساخت ماشین حساب داینامیک با Calculated Fields Form

ساخت ماشین حساب داینامیک با Calculated Fields Form

سلام؛

تا به امروز برای ایجاد فرم های تماس، فرم های عضویت و ورود از فیلدهای مختلفی استفاده کردیم. امروز هم قصد داریم از فیلدهای دیگری استفاده نماییم اما اینبار کاملا متفاوت و جالب!

آیا تا به حال به این فکر بوده اید که از یک محاسبه گر پویا در سایت خود استفاده نمایید؟ من فکر میکنم حتما به این مورد احتیاج داشتید مخصوصا سایت هایی که در حوزه ی آموزش های محاسباتی فعالیت می کنند. امروز میخواهیم فرمی بسازیم تا به صورت یک ماشین حساب عمل کند و به صورت اتوماتیک محاسبات ما را انجام دهد.

افزونه ی Calculated Fields Form

calculated fields form hamyarwp

فرم محاسباتی یک نوع افزونه ای است که فرم داینامیکی را ایجاد کرده و نتیجه ی آن را در وبسایت شما نمایش می دهد و به راحتی می توانید محاسبات خود را انجام دهید. اگر موافق باشید به سراغ عملکرد افزونه می رویم…

پس از نصب و فعال سازی افزونه می توانید از بخش تنظیمات، نام افزونه را مشاهده نمایید و برای تنظیمات اقدام نمایید.

plugin setting hamyarwp

همانطور که ملاحظه می کنید پنج نوع مختلف از ماشین حساب رو برای شما مشخص کرده که میتونید وارد تنظیمات بشید و به دلخواه خود تغییراتی ایجاد کنید. و در پایان شورت کدی را که در رو به روی هر آیتم مشاهده می کنید می توانید در ویرایشگر وردپرسی قرار دهید تا ماشین حساب نمایش داده شود.
ما برای مثال از ماشین حساب اول استفاده میکنیم.

بر روی گزینه ی setting کلیک می کنید تا تنظیمات آن را مشاهده نماییم!

setting hamyarwp

همانطور که ملاحظه می کنید چنین تنظیماتی دارد. دارای سه تب برای افزودن فیلد، تنظیمات هر فیلد و تنظیمات فرم می باشد. فرمی که ایجاد شده به صورت تصویر سمت راست می باشد! جمع دو عدد را محاسبه می کند. با کلیک روی هر فیلد می توانید آن را به صورت جداگانه تنظیم نمایید. مثلا الان من می توانم زبان هر فیلد را به فارسی برگردان کنم.به شرطی که از utf-8 پشتیبانی کند. یا اینکه اندازه ی هر فیلد را مشخص میکنیم.

  آموزش تبدیل فرمت HEIC به JPG در تصاویر وردپرس

change setting hamyarwp

به همین شکل باقی فیلد ها را می توان تغییر داد!

در پایین صفحه تنظیمات دیگری وجود دارد که به آنها می پردازیم.

Define texts

define text hamyarwp

همانطور که میبینید در این بخش می توانید برچسب دکمه های قبل و بعد را مشخص کنید. که من به فارسی برگردان کردم.

Validation setting

validation setting hamyarwp

 

این بخش از تنظیمات کاراکترها را مشخص می کند که تمامی آنها را به فارسی برگردان کردم. عملیاتی که باید در ماشین حساب صورت بگیرند را مشخص می نماید.

اگر نوشته های فارسی شما پس از ذخیره شدن به صورت کاراکتر ؟؟؟ نمایش داده شد، باید تنظیمات Utf-8 را انجام دهید.

حال برای نمایش فرم در نوشته ها یا برگه ها، به بخش افزودن نوشته جدید می رویم. در اینجا با آیکون مورد نظر فرم رو به رو خواهیم شد.

calculate icon hamyarwp

با کلیک بر روی آیکون مشخص شده شورت کدی برای افزونه ایجاد می شود و می توان آن را با این شورت کد نمایش داد.

result form hamyarwp

عملیات جمع را به راحتی انجام خواهد داد. اما متاسفانه فرم های زیبایی دارد که باید برای ایجاد آنها با استایل زیبا نسخه ی پرمیوم تهیه شود.

calculate form hamyarwp

پایدار باشید

دانلود صفحه افزونه اسکرین شات
آیا این مقاله برای شما مفید بود؟
تقریبا
خیر

دیدگاهتان را بنویسید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.