آموزش کار با فرم رزرو در وردپرس

این آموزش به شما نشون میده که چطور روی فرم رزرو که با برخی از قالب‌های وردپرس ارائه میشن، کار کنین.

این فرم شامل فیلدهایی برای نام، ایمیل، تلفن و پیام، لیست انتخاب، تعداد انتخاب، دو انتخاب‌گر تاریخ و یک دکمه ارسال هست. اگر الگوی شما دارای فرم رزرو هست و می‌خواهین برخی از گزینه‌هاش رو تغییر بدین:

وارد پنل مدیریت وردپرس بشین. به منوی سمت چپ Appearance -> Theme Options برین.

روی تب Booking Form در بالا کلیک کنین.

اونجا لیستی از گزینه‌های self-explanatory رو میبینین:

Title به شما امکان میده نام فرم رو تعریف کنین، به عنوان مثال، رزرو اتاق:
Display ‘Name’ Field? با گزینه‌های بله/خیر به شما امکان میده تا فیلد نا م رو خاموش و روشن کنین.
Text for ‘Name’ Field به شما امکان میده متن رو برای فیلد وارد کنین، به عنوان مثال، اسمتون
Display ‘Email’ Field? به شما امکان میده فیلد ایمیل رو روشن و خاموش کنین.
Text for ‘Email’ Field به شما امکان میده متن رو برای این فیلد وارد کنین، مثلا: ایمیل
Display ‘Phone’ Field? به شما امکان میده فیلد تلفن رو روشن و خاموش کنین.
Text for ‘Phone’ Field به شما امکان میده متنی رو برای این فیلد وارد کنین، مثلا: تلفن
Default Text for Select Element به شما امکان میده متنی رو برای مورد انتخابی وارد کنین، به عنوان مثال: نوع اتاق رو انتخاب کنین
Display Count Select? به شما امکان میده تعداد انتخاب رو روشن و خاموش کنین
Text for Count Select به شما امکان میده متنی رو برای انتخاب تعداد وارد کنین، به عنوان مثال: تعداد اتاق‌ها
Number of Items in Count Select به شما امکان میده تعداد موارد انتخابی رو (از 1 تا 10) وارد کنین، مثلا: 5
Date Format به شما امکان میده قالب تاریخ رو برای موارد datepicker انتخاب کنین، به عنوان مثال: پیش‌فرض: ماه/روز/سال
Display Datepickers 1? به شما امکان میده Datepickers-1 رو روشن و خاموش کنین.
Include Timepicker to Datepickers 1? به شما امکان میده زمان‌سنج رو در Datepickers-1 روشن یا خاموش کنین.
Default Text for Datepicker 1 امکان وارد کردن متنی رو برای datapicker-1 به شما میده، مثلا: رزرو کنین
Display Datepickers 2? امکان خاموش یا روشن کردن Datepickers-2 رو میده.
Include Timepicker to Datepickers 2? به شما امکان میده زمان‌سنج رو در Datepickers-2 روشن یا خاموش کنین.
Default Text for Datepicker 2 امکان وارد کردن متنی رو برای datapicker-2 به شما میده، مثلا: رزرو کنین
Display ‘Message’ Field? به شما امکان خاموش یا روشن کردن فیلد پیام رو میده.
Default Text for ‘Message’ Field به شما امکان میده متنی رو برای فیلد پیام وارد کنین، مثلا: نظرات
Text for Submit Button به شما امکان میده متن رو برای دکمه ارسال وارد کنین، مثلا: ارسال

پست پیشنهادی : آموزش قرار دادن ویدیو در پست وردپرس

برای ذخیره تغییرات روی Save Options در پایین و برای دوباره تنظیم کردن گزینه‌ها روی Restore Defaults کلیک کنین.

صفحه حاوی فرم رزرو رو باز کنین تا گزینه‌هایی که ذخیره کردین رو بررسی کنین.

برای فعال کردن فرم رزرو در صفحه‌تون، مطمئن شین که پلاگین‌های Contact Form 7 و Contact Form 7 – Dynamic Text Extension رو در منوی Plugins –> Installed Plugins نصب و فعال کرده باشین.

به منوی سمت چپ Contact برین. اگر قالب رو با داده‌های نمونه نصب کردین، باید فرم‌های رزرو رو قبلا اضافه کرده باشین. اگر نه، بیاین اونها رو با کلیک کردن روی Add New اضافه کنیم.

به عنوان مثال فرم رزرو 1 (ستون اول) ممکنه در قسمت فرم دارای موارد زیر باشه:

<div class="reservation-form-user"><br>
  <p><label>First Name:</label>[text* your_name]</p><br>
  <p><label>Last Name:</label>[text* your_surname]</p><br>
  <p><label>E-mail:</label>[email* your_email]</p><br>
  <p><label>Phone:</label>[text* your_phone]</p><br>
  <p><label>Fax:</label>[text your_fax]</p><br>
  <p class="area"><label>Special Requirements:</label>[textarea your_requirements]</p><br>
  <p class="submit">[submit "Send"]</p><br>
  </div>

<label>First Name:</label>[text* your_name]

<label>Last Name:</label>[text* your_surname]

<label>E-mail:</label>[email* your_email]

<label>Phone:</label>[text* your_phone]

<label>Fax:</label>[text your_fax]

<label>Special Requirements:</label>[textarea your_requirements]

[submit "Send"]

</div>

پست پیشنهادی : آموزش کار با پلاگین TM Photo Gallery در وردپرس

و فرم رزرو 2 (ستون دوم) ممکنه موارد زیر رو در قسمت Form داشته باشه:

<div class="reservation-form-user"><br>
<p><label>First Name:</label>[text* your_name]</p><br>
<p><label>Last Name:</label>[text* your_surname]</p><br>
<p><label>E-mail:</label>[email* your_email]</p><br>
<p><label>Phone:</label>[text* your_phone]</p><br>
<p><label>Fax:</label>[text your_fax]</p><br>
<p class="area"><label>Special Requirements:</label>[textarea your_requirements]</p><br>
<p class="submit">[submit "Send"]</p><br>
</div>