کیوان صفری
کیوان صفری
خواندن ۲ دقیقه·۲ سال پیش

ساخت فرم تماس با صفحه سازها؛ المنتور و ویژوال کامپوزر

امروزه بساری از افراد برای طراحی سایت وردپرسی شان ترجیح می دهند از صفحه سازها استفاده کنند. با توجه به اینکه صفحه ساز وردپرس المان های متنوعی دارند می توانید به راحتی هر امکاناتی را به سایت خود اضافه کنید. یکی از امکاناتی که در سایت های وردپرسی ضروری است ساخت فرم است. با ساخت فرم تماس در المنتور دیگر نیازی به فرم سازها نخواهید داشت و در عرض چند دقیقه می توانید هر نوع فرم جذاب را در سایت خود طراحی کنید.

نحوه ساخت فرم تماس با المنتور

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

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

  • در بخش Name: یک نام برای فرم خود وارد کنید.
  • روی Name که کادر اول است کلیک نمایید و لیبل – Label و placeholder آن را تغییر بدهید.
  • گزینه های Email و Massage را هم مانند گزینه قبلی تنظیم کنید.

نکته : با غیر فعال کردن گزینه Label لیبل ها مخفی می شوند و با فعال کردن گزینه Required علامت ستاره مبنی بر ضروری بودن کادر نمایش داده می شود و با فعال کردن گزینه Required تکمیل کادر مربوطه ضروری می شود.

  • روی گزینه Submit Button کلیک کرده و با تغییر عبارت درج شده در کادر Required متن روی دکمه ارسال را تغییر بدهید .اندازه، عرض چینش و آیکون آن را هم با استفاده از گزینه های بعدی می توانید تغییر بدهید.
    Actions After Submit به صورت پیش فرض روی حالت ایمیل قرار دارد می توانید از این مرحله عبور کنید.

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

https://www.gooyait.com/1401/04/15/%D8%B3%D8%A7%D8%AE%D8%AA-%D9%81%D8%B1%D9%85-%D8%AA%D9%85%D8%A7%D8%B3-%D8%AF%D8%B1-%D8%A7%D9%84%D9%85%D9%86%D8%AA%D9%88%D8%B1-%D9%88-%D9%88%DB%8C%DA%98%D9%88%D8%A7%D9%84-%DA%A9%D8%A7%D9%85%D9%BE%D9%88.html/


ساخت فرم تماس در المنتورساخت فرم تماس با ویژوال کامپوزرساخت فرم تماس در وردپرسساخت فرم با المنتورراست چین
شاید از این پست‌ها خوشتان بیاید