اگر قصد دارید در سایت وردپرسی خود فرم ورود اختصاصی طراحی کنید، استفاده از افزونههای فرمساز بهترین انتخاب است. یکی از معروفترین و کاربردیترین افزونهها در این زمینه، گرویتی فرم (Gravity Forms) است که با امکانات گستردهای که دارد میتواند به شما کمک کند انواع فرمهای دلخواه از جمله فرم ورود کاربران را ایجاد کنید. در این آموزش متخصصین الماس هاست قصد دارند. نحوه نصب و ساخت یک فرم ورود ساده با نسخه رایگان گرویتی فرم را مرحله به مرحله آموزش دهند.
نسخه رسمی گرویتی فرم رایگان نیست و برای استفاده از آن باید لایسنس قانونی را از وب سایت اصلی خریداری نمایید. اما یک نسخه غیررسمی و رایگان از این افزونه به صورت آزمایشی در گیت هاب منتشر شده که میتوانید برای یادگیری و تست از آن استفاده کنید. البته این نسخه فاقد پشتیبانی و امکان به روزرسانی است.
آموزش کامل ساخت فرم ورود در وردپرس با افزونه گرویتی فرم
دانلود افزونه گرویتی فرم از گیتهاب
برای شروع کار، باید ابتدا فایل زیپ افزونه را از گیت هاب دانلود کنید. برای این کار وارد لینک زیر شوید:
https://github.com/wp-premium/gravityforms
در صفحه باز شده، ابتدا روی گزینه Code کلیک کنید، سپس گزینه Download ZIP را بزنید تا فایل افزونه روی سیستم شما ذخیره شود. پس از دانلود فایل، مراحل نصب به شکل زیر است:
وارد پیشخوان وردپرس شوید. از منوی «افزونهها» گزینه «افزودن» را انتخاب کنید. سپس روی دکمه «بارگذاری افزونه» کلیک کرده و فایل ZIP را که از گیت هاب دانلود کردهاید، انتخاب نمایید. در نهایت، روی «هم اکنون نصب کن» کلیک کرده و پس از نصب، افزونه را فعال نمایید. بعد از فعالسازی، گزینهای به نام Forms به منوی مدیریت وردپرس شما اضافه میشود که مربوط به مدیریت فرم های گرویتی فرم است.
ساخت فرم جدید
برای ساخت فرم ورود به مسیر Forms > New Form بروید. یک عنوان برای فرم وارد کنید، مثلا «فرم ورود کاربران». در صورت نیاز میتوانید در بخش توضیحات، اطلاعات بیشتری در مورد کاربرد فرم بنویسید. روی دکمه «Create Form» کلیک کنید تا فرم ایجاد شود. برای ایجاد فرم ورود، به دو فیلد اصلی نیاز دارید:
- نام کاربری یا ایمیل
- رمز عبور
برای اضافه کردن این فیلدها از سمت چپ صفحه و از بخش فیلدهای استاندارد، گزینه «Single Line Text» را انتخاب کنید تا یک فیلد متنی ساده به فرم اضافه شود. این فیلد میتواند برای ورود نام کاربری یا ایمیل باشد.
نام دلخواهی برای این فیلد وارد کنید، مثلا «نام کاربری». گزینه «Required» را فعال کنید تا پر کردن این فیلد الزامی باشد. تنظیمات را ذخیره کنید. برای فیلد رمز عبور نیز به همین شکل عمل کنید، فقط در بخش تنظیمات:
نمایش فیلد را به صورت رمز (password) تغییر دهید. در صورت نیاز میتوانید محدودیت تعداد کاراکتر و مخفیسازی متن ورودی را فعال کنید.
پیش نمایش فرم
بعد از اینکه فیلد های مورد نیاز را به فرم اضافه کردید، میتوانید از بخش Preview فرم ساخته شده را مشاهده کنید. این امکان به شما اجازه میدهد ظاهر نهایی فرم را قبل از قرار دادن در سایت بررسی نمایید. برای نمایش فرم ورود یک برگه جدید بسازید یا برگه موجود را ویرایش کنید. شورتکد فرم ساخته شده را از بخش فرم ها کپی کنید. شورت کد چیزی شبیه به این خواهد بود:
شورت کد را در محتوای برگه جای گذاری کرده و صفحه را منتشر کنید. اکنون فرم ورود اختصاصی شما برای کاربران قابل مشاهده خواهد بود.
مشاهده اطلاعات فرم
برای مشاهده دادههای وارد شده توسط کاربران در فرم:
از منوی Forms وارد بخش Entries شوید. فرم مورد نظر را انتخاب کرده و اطلاعات ثبت شده را مشاهده نمایید. این قسمت مخصوص زمانی است که میخواهید عملکرد فرم را بررسی کنید یا اطلاعات کاربری را پیگیری نمایید.
نکات تکمیلی آموزش ساخت فرم ورود در وردپرس با افزونه گرویتی فرم
- نسخه رایگان برای تست و آموزش مناسب است، اما اگر قصد استفاده حرفهای دارید، توصیه میشود نسخه رسمی را تهیه کنید.
- ظاهر فرم را میتوانید با استفاده از CSS سفارشی یا ترکیب با قالب سایت بهبود دهید.
- برای ورود واقعی کاربران با فرم ساختهشده، باید کدهای ورود (Login) را با فرم خود پیوند دهید یا از افزونههای کمکی مثل User Registration Add-on استفاده کنید (موجود در نسخه حرفهای گرویتی فرم).
در نهایت
ایجاد فرم ورود با گرویتی فرم راهکاری منعطف برای ساخت فرم های سفارشی و حرفه ای در وردپرس است. اگرچه نسخه رایگان این افزونه محدودیت هایی دارد، اما برای شروع یادگیری و طراحی فرم های ساده مانند فرم ورود میتواند بسیار مفید باشد. با طی کردن مراحل بالا، میتوانید بدون نیاز به دانش ک نویسی، یک فرم ورود ساده و کاربردی را در سایت خود پیاده سازی کنید. در صورتی که نیاز به فرم های پیچیده تر یا اتصال مستقیم به سیستم عضویت وردپرس دارید، پیشنهاد میشود نسخه کامل گرویتی فرم را تهیه کرده و از افزونه های جانبی رسمی آن بهره مند شوید.