نحوه ایجاد فرم سفارشی در وردپرس

زهرا فنودی وردپرس 2020/12/28 102 0

نحوه ایجاد فرم سفارشی در وردپرس

How to create a custom form in WordPress?

اگر صاحب وبلاگ هستید ، باید اهمیت تعامل بین وبلاگ نویس و خوانندگان را بدانید.

اگرچه ، روشهای مختلفی برای برقراری ارتباط با خوانندگان وجود دارد ، اما یکی از ساده ترین و موثرترین راه ها ، ایجاد یک فرم تماس ساده از وردپرس است.

نحوه ایجاد فرم سفارشی در وردپرس

چندین پلاگین خوب و سرراست مانند فرم تماس 7 ،فرم تماس سریع و ایمن ، فرم تماس سفارشی برای ایجاد فرم در وردپرس موجود است.

برای ایجاد یک فرم تماس ساده با زمینه های مشترک مانند نام ، ایمیل ، پیام و غیره ، این افزونه ها برای انجام کار به اندازه کافی مناسب هستند.

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

در صورت داشتن دانش PHP ، ممکن است از یک راه حل ساخت فرم برتر مانند FormGet ، Gravity Forms استفاده کنید یا فرم دلخواه خود را ایجاد کنید.

در اینجا ، روندی را که به شما کمک می کند فرم های وردپرس سفارشی ایجاد کنید ، به شما نشان می دهم.

برای این منظور ، شما باید دانش زیر را داشته باشید :

آشنایی با وردپرس
دانش ابتدایی Html
آشنایی با جاوا اسکریپت
PHP
MySQL

مراحل ایجاد فرم وردپرس سفارشی:

یک فرم ساده وردپرس ممکن است 3 قسمت داشته باشد

1) طراحی فرم یعنی قسمت Front end

2) اسکریپت های سمت سرور یعنی Back end

3) صفحه موفقیت (Success page)

مرحله اول: طراحی فرم

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

با دنبال کردن این مراحل می توانید یک فرم در صفحه وردپرس ایجاد کنید:

در زیر داشبورد WordPress  به قسمت به Pages -> Add New  بروید.
عنوان صفحه مورد نظر خود را مانند “جزئیات مشتری” ارائه دهید.
اکنون برای نوشتن کد HTML به تب‘ HTML‘ بروید.
فرم مورد نظر خود را ایجاد کنید.

نحوه ایجاد فرم سفارشی در وردپرس

در حین ایجاد فرم ، نیازهای خود را بخاطر بسپارید.

من به سادگی زمینه هایی مانند نام مشتری ، ایمیل ، جنسیت و سن را با برخی از تأییدهای اساسی JavaScript انتخاب کرده ام.

یک <form> از روش “POST” اضافه کنید ، به آن یک نام “جزئیات مشتری” بگذارید
یک تابع “form_validation” را در ویژگی onsubmit اضافه کنید تا بعداً برخی اعتبارسنجی های JavaScript را اضافه کنید و عمل را انجام دهید.
Action فایل PHP است که هنگام ارسال فرم اجرا می شود.

اکنون ، برخی از زمینه ها را در فرم مانند نام ، ایمیل ، جنس ، سن و غیره اضافه کنید و فرم را ببندید. کد نهایی به صورت زیر خواهد بود:

پس از طراحی فرم ، زمان اعتبار سنجی فرم است.

هرگز به داده های کاربر اعتماد نکنید ، همیشه قبل از قرار دادن در پایگاه داده ، داده های جمع آوری شده از ارسال کاربر را تأیید کنید.

شما می توانید از دو روش frontend و backend اعتبار سنجی کنید ، من مثالی از اعتبار سنجی داده های frontend با استفاده از JavaScript آورده ام.

برچسب اسکریپت <script type = “text / javascript”> را باز کنید ، تابعی به نام “form_validation” را اضافه کنید که در ویژگی ارسال مجدد <form> ذکر کرده اید.

نحوه ایجاد فرم سفارشی در وردپرس

کد تأیید را بنویسید و اسکریپت را ببندید. بنابراین ، کد اعتبار سنجی به نظر می رسد:

با این کار نام مشتری و آدرس ایمیل بررسی می شود. این کد را بعد از </form> اضافه کنید. بنابراین ، کد کامل در وردپرس به نظر می رسد:

مرحله دوم: اسکریپت های سمت سرور

اکنون وقت برخی اقدامات است. action=”../customer-details.php” را که در فرم HTML اضافه کردیم به خاطر می آورید؟

نحوه ایجاد فرم سفارشی در وردپرس اکنون ما برای فعال سازی فرم ، customer-details.php را ایجاد خواهیم کرد.

Notepad یا ویرایشگر متن مورد علاقه خود را باز کنید و کدی را که در زیر توضیح داده شده بنویسید و فایل را با عنوان customer-details.php ذخیره کنید.

در ابتدا برخی از متغیرها را با نام $customer_name, $customer_email, $customer_sex, $customer_age اعلام کرده و و مقادیر را به فیلدهای مربوطه ارسال شده توسط فرم HTML اختصاص دهید.

به عنوان مثال. $customer_name = $_POST[“customer_name”] مقدار را از فرم HTML با استفاده از روش POST گرفته و آن را به متغیر $customer_name اختصاص می دهد.

با استفاده از mysqli_connect فایل PHP را به پایگاه داده متصل کنید.

اگر پیکربندی پایگاه داده را به خاطر ندارید ، می توانید این تنظیمات را از نصب وردپرس خود پیدا کنید.

wp-config.php را از وردپرس خود بارگیری کنید

wp-config.php را با استفاده از ویرایشگر متن مورد علاقه خود مانند Notepad باز کنید و تنظیمات پایگاه داده مورد نیاز را پیدا خواهید کرد.

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

یک مرحله اختیاری در این کد PHP وجود دارد.

اگر می خواهید پس از ارسال فرم ، برخی از پیام ها را به کاربر نشان دهید یا می خواهید کاربر را به صفحه دیگری هدایت کنید ، می توانید عنوان (“Location: “) را به کد اضافه کنید. بعداً باید یک صفحه موفقیت برای این کار ایجاد کنید.

بنابراین ، customer-details.php به نظر می رسد:

این پرونده customer-details.php را در پوشه قالب خود بارگذاری کنید

مرحله سوم: صفحه موفقیت

صفحه موفقیت صفحه ای است که می توانید برای نشان دادن پیام پس از ارسال فرم از آن استفاده کنید. برای این منظور می توانید از صفحه وردپرس استفاده کنید. یک صفحه وردپرس ایجاد کنید ، عنوانی مانند “صفحه موفقیت” به آن اختصاص دهید ، مطمئن شوید که slug صفحه را با “صفحه موفقیت” یا هر آنچه در عنوان (““Location””) آورده اید مطابقت دهید.

پیامی را که می خواهید مانند “با تشکر از همکاری شما” بنویسید. و آن را منتشر کنید.

نحوه ایجاد فرم سفارشی در وردپرس

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

در صورت داشتن هر گونه پرسش مرتبط با این موضوع می توانید آن را در بخش دیدگاه های همین پست مطرح کنید.

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

برچسب ها

برچسبی برای نمایش وجود ندارد

توجه

کلیک

اگر با این مشکل آشنا هستید خودتان انجام دهید ولی اگر نمی دانید که این کار را چطور انجام دهید می توانید هم اکنون در ناحیه کاربری ثبت نام کرده و اطلاعات سایت را تیکت کنید تا با اندک هزینه ای کار شما را انجام دهیم . اگر خواستید می توانید برای مشاوره با شماره های ۰۹۱۷۹۰۵۹۳۵۰ و یا ۰۹۳۹۸۶۹۵۲۳۸ با ما در ارتباط باشید.



نظرات ( 0 )

برای ارسال نظر باید وارد حساب کاربری خود شوید

کلیه حقوق برای وب سایت پنگاش محفوظ می باشد و هر گونه کپی برداری پیگرد قانونی دارد.
تماس