آموزش سفارشی سازی فرم های وردپرس

سفارشی سازی فرم های وردپرس

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

سفارشی سازی فرم های وردپرس

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

فرم ساده و پیش فرض

با سفارشی کردن فرم‌های خود، می‌توانید آنها را با موضوع وردپرس و برند خود مطابقت داده تا جذاب‌تر شوند. این موضوع می‌تواند منجر به تبدیل بیشتر شود زیرا فرم‌های سفارشی وردپرس برای پیمایش آسان‌تر بوده و می‌تواند کاربران بیشتری را تشویق کرده تا آنها را پر کنند.

فرم های سفارشی

آموزش سفارشی سازی فرم های وردپرس با WPForms

شما به راحتی می‌توانید فرم‌های وردپرس خود را با استفاده از WPForms سفارشی و استایل‌دهی کنید. در واقع بهترین افزونه فرم تماس وردپرس در بازار است که بیش از 6 میلیون نفر در وبسایت خود از آن استفاده می‌شود. WPForms با یک سازنده ارائه می‌شود که ایجاد هر نوع فرمی را امکانپذیر می‌کند. به علاوه، حتی گزینه‌های سفارشی‌سازی داخلی برای فرم شما دارد که نیازی به کدنویسی ندارد. ابتدا باید افزونه WPForms را نصب و فعال کنید. آموزش نصب و راه اندازی این افزونه را قبلا داخل سایت قرار دادیم.

پس از فعال‌سازی، باید از صفحه تنظیمات WPForms از نوار کناری مدیریت وردپرس دیدن کنید تا تنظیمات را مشاهده کنید. پس از انجام این کار، به WPForms » افزودن صفحه جدید از داشبورد وردپرس بروید. این بخش شما را به صفحه “انتخاب یک الگو” می‌برد، جایی که می‌توانید با تایپ یک نام برای فرم خود شروع کنید. پس از آن، می‌توانید هر قالبی را که می‌خواهید انتخاب کنید و روی دکمه «استفاده از الگو» در زیر آن کلیک کنید.

افزودن فرم تماس

با این کار، قالب موردنظر در فرم ساز WPForms راه اندازی می‌شود، جایی که پیش‌نمایش فرم را در سمت راست و فیلدهای فرم را در ستون سمت چپ مشاهده خواهید کرد. از اینجا می‌توانید هر فیلد فرمی را که انتخاب می‌کنید، به دلخواه خود روی فرم بکشید و رها کنید.

افزودن فرم

هنگامی که سفارشی کردن فرم خود را انجام دادید، به سادگی روی دکمه “ذخیره” در بالا کلیک کنید تا از فرم‌ساز خارج شوید. پس از آن، باید از صفحه تنظیمات WPForms از داشبورد وردپرس دیدن کنید و گزینه “Use Modern Markup” را علامت بزنید. اگر این کادر را علامت بزنید، تنظیمات سفارشی‌سازی WPForms در ویرایشگر بلوک در دسترس نخواهد بود. فراموش نکنید که برای ذخیره تنظیمات خود روی دکمه “ذخیره تغییرات” کلیک کنید.

  آموزش ساخت وبسایت آژانس مسافرتی در وردپرس (راهنمای قدم به قدم)

تنظیمات افزونه

در مرحله بعد، صفحه یا پستی را که می‌خواهید فرمی را که ایجاد کرده‌اید اضافه کنید، باز کنید. از اینجا، باید روی دکمه add block ‘+’ در گوشه سمت چپ بالای صفحه کلیک کنید تا منوی block باز شود و بلوک WPForms اضافه شود. هنگامی که بلوک را اضافه کردید، به سادگی فرمی را که می‌خواهید به سایت خود اضافه کنید، از منوی کشویی درون خود بلوک انتخاب کنید.

بلوک فرم

اکنون که فرم را اضافه کردید، زمان آن است که آن را سفارشی کنید و به آن استایل دهید. برای انجام این کار، باید پنل بلوک را در سمت راست صفحه باز کرده و به قسمت “Field Styles” بروید. از اینجا می‌توانید اندازه فیلدهای فرم خود را از منوی کشویی انتخاب کرده و حتی یک شعاع حاشیه برای آنها تعیین کنید.

سایز فرم

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

رنگ بندی فرم

پس از انجام این کار، به بخش «Label Styles» بروید، جایی که می‌توانید اندازه فونت برچسب‌ها را از منوی کشویی انتخاب کنید. پس از آن می‌توانید رنگ فونت برچسب‌ها، برچسب‌های فرعی و پیام‌های خطایی که در فرم شما نمایش داده می‌شود را نیز تغییر دهید.

برچسب ها

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

استایل دکمه ها

پس از تکمیل سفارشی کردن فرم، به سادگی روی دکمه “به روز رسانی” یا “انتشار” در بالا کلیک کنید تا تنظیمات شما ذخیره شود. اکنون می‌توانید برای مشاهده فرم استایل وردپرس در عمل به سایت خود مراجعه کنید.

فرم ساخته شده

جمع بندی

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

سوالات متداول

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

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

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