- تمام فیلدهای فرم (برچسب ها)
- چگونه یکی از فیلدها را اجباری کنیم: پست یا تلفن
- فیلدهای مشروط برای افزونه فرم تماس 7
- فرم تماس 7 افزونه اعتبار سنجی سفارشی
در مقاله قبلی با افزونه فرم تماس ۷ و تنظیمات آن آشنا شدیم. و در اینجا، تمام انواع فیلدهای پشتیبانی شده (برچسب های قالب فرم) و پارامترهای هر یک از آنها و همچنین سبک ها (کلاس های CSS) عناصر فرم به تفصیل مورد بحث قرار خواهند گرفت. این اسناد غیر رسمی برای همه تگهای قالب فرم تماس ۷ است.
نوع فیلد نوع عنصر فرم HTML را تعیین می کند: متن، "رادیو"، "انتخاب". نوع فیلد در نام تگ قالب فرم مشخص شده است.
نمونهای از تگ فیلد متنی و کد HTML که خروجی آن است:
همچنین هر تگ (فیلد) گزینه های خاص خود را دارد (ویژگی های برچسب). گزینه های برچسب بعد از عنوان و نام فیلد مشخص می شوند. به عنوان مثال، بیایید یک ویژگی کلاس برای فیلد متن قبلی اضافه کنیم:
نحو تگ قالب فرم (فیلد):
ویژگی های (فیلد) را تگ کنید
شما می توانید از همان ویژگی ها (گزینه ها) در تگ های فرم های مختلف استفاده کنید. بنابراین برای اینکه توضیح هر صفت برای هر فیلد فرم تکرار نشود، توضیحات آنها را در قسمتی جداگانه قرار می دهیم.
ویژگی هایی که فقط می توانند برای یک تگ فرم خاص اعمال شوند، به طور جداگانه برای هر تگ فهرست می شوند.
* بلافاصله بعد از نوع فیلد، فیلد را اجباری می کند.
مثال: شناسه (خط)نام شناسه شناسه ویژگی css که برای طراحی فیلد استفاده می شود.
مثال: id:foo class (خط)نام کلاس. ویژگی کلاس css که برای طراحی فیلد استفاده می شود.
مثال: class:bar
شما می توانید چندین کلاس را مشخص کنید: minlength و maxlength (عدد)
اینها ویژگی های HTML5 هستند که ورودی کاراکترها را در یک فیلد، هم با یک آستانه پایین (حداقل) و هم یک آستانه بالا (حداکثر) محدود می کنند. کاربر نمی تواند نویسه های کمتر (minlength) یا نویسه های بیشتر (maxlength) را در فیلد وارد کند که توسط این مقادیر مشخص شده است.
برای minlength، اگر متن وارد شده کمتر از این مقدار باشد، کاربر اخطار "فیلد خیلی کوتاه است" دریافت می کند. و بالعکس برای حداکثر طول.
مثال ها:
حداقل طول: 10 -
حداکثر طول: 90 -
هر دو در یک زمان -
در نتیجه یک فیلد متنی دریافت می کنیم که اخطار می دهد و اگر کمتر از 10 یا بیشتر از 140 کاراکتر در آن وارد شود نامه ارسال نمی شود.
این پارامترها از انواع فیلدهای زیر پشتیبانی می کنند: متن، متن، ایمیل، آدرس اینترنتی، تلفن، مسابقه.
یک ورودی قدیمی برای این پارامترها وجود دارد:
پارامتر maxlength به صراحت اولویت دارد، بنابراین اگر maxlength:150 را اضافه کنید، 140 به 150 بازنویسی می شود.
اندازه (عدد)عرض فیلد متنی که با تعداد کاراکترهای یک فونت monospace تعیین می شود. می توان در سبک های CSS با استفاده از ویژگی width لغو شد.
مثال: اندازه: 50 -
پیشفرض: 40 پیشفرض (رشته/عدد)
مقدار فیلد پیش فرض
مثال: پیشفرض: مقدار.
اگر کاربری که فرم را پر می کند مجاز است، به طور پیش فرض می توانید مقدار گرفته شده از داده های نمایه او را جایگزین کنید. به عنوان مثال، اگر ویژگی default:user_email - را مشخص کنید، فیلد به طور خودکار با مقدار - "ایمیل کاربر فعلی" که در حال مشاهده فرم است پر می شود...
سایر فیلدهای ویژه ویژگی پیش فرض:
پیش فرض:post_meta- مقدار متافیلدی که کلید آن برابر با نام فیلد خواهد بود را دریافت می کند. به عنوان مثال: فیلد فرمی را نمایش می دهد که مقدار آن با مقدار post metafield mymeta_key تنظیم می شود
پیش فرض: دریافت- مقدار پارامتر GET را با کلید برابر با نام فیلد تنظیم می کند: - http://example.com/?mykey=value
پیش فرض: ارسال- مقدار پارامتر POST را با کلید برابر با نام فیلد تنظیم می کند: - در POST داده mykey=value را ارسال می کنیم.
پیش فرض: shortcode_attr- مقدار ویژگی shortcode را با کلید برابر با نام فیلد تنظیم می کند. به عنوان مثال، تگ قالب فرم عبارت است از:، سپس در شورت کد خود فرم، هنگام فراخوانی در محتوای پست، ویژگی mykey را مشخص می کنیم: . ادامه مطلب را در زیر بخوانید.
همچنین، باید نام ویژگی کد کوتاه وردپرس را به لیست سفید اضافه کنید (زیرا وردپرس تمام ویژگیهای کد کوتاه ناشناخته را حذف میکند...). این کار از طریق فیلتر انجام می شود:
Add_filter("shortcode_atts_wpcf7"، "my_shortcode_atts_wpcf7"، 10, 3); تابع my_shortcode_atts_wpcf7($out، $pairs، $atts)( if(isset($atts["mykey"])) $out["mykey"] = $atts["mykey"]؛ بازگشت $out؛ )
برای چک باکس، رادیو و انتخاب کنید:
- پیش فرض: عدد - پیش فرض: 2- عنصر دوم لیست را انتخاب می کند...
- پیش فرض: number_number - پیش فرض: 2_3- عنصر دوم و سوم لیست (برای چند انتخاب و چک باکس) را انتخاب می کند...
بیشتر بخوانید در مورد پیش فرضو گزینه های آن را در انتهای مقاله بخوانید.
مکان یا واترمارک (خط)
متنی که در ویژگی placeholder نشان داده خواهد شد.
این گزینه باید در انتهای همه گزینه های برچسب الگو استفاده شود: و نه
می تواند به کار رود واترمارکبه جای مکان نگهدار، این مترادف (نام مستعار) ویژگی است.
Akismet (خط)
حفاظت از هرزنامه نیاز به نصب و فعال سازی افزونه Akismet دارد.
- akismet:نویسنده -
- akismet:author_email -
- akismet:author_url -
چگونه کار می کند؟ هنگام ارسال داده ها، مقادیر فیلدهای مشخص شده در سرور akismet پردازش می شود و در صورت عدم موفقیت، نامه ارسال نمی شود و کاربر خطا را مشاهده می کند:
وقتی روی هر یک از فیلدها تمرکز کنید، پیام ناپدید می شود.
تگ های قالب فرم (فیلدها)
در زیر تمام تگ های افزونه ای که می توانید در قالب فرم خود استفاده کنید آمده است. این تگ ها به ورودی HTML، ناحیه متنی و عناصر انتخابی تبدیل می شوند.
فیلدهای متنی شامل انواع زیر است: متن، ایمیل، آدرس اینترنتی، تلفن، ناحیه متنی و تگ شمارش ارتباط نزدیکی با فیلدهای متنی دارد.
دو نوع فیلد عددی وجود دارد: عدد و محدوده. اینها فیلدهای HTML5 هستند، بنابراین مرورگرهای قدیمی از آنها پشتیبانی نمی کنند و در عوض یک فیلد متنی را نمایش می دهند.
متن
فیلد متنی یک خطی
گزینه های پشتیبانی شده (ویژگی ها):
- کلاس
- Minlengthو بیشترین طول
- اندازه
- نگهدارنده مکان
- پیش فرض- می توانید از: user_login، user_first_name، user_last_name، user_nickname، user_display_name استفاده کنید
- akismet:نویسنده
پست الکترونیک
فیلد برای وارد کردن ایمیل در نظر گرفته شده است.
ویژگی های پشتیبانی شده:
- کلاس
- Minlengthو بیشترین طول
- اندازه
- نگهدارنده مکان
- akismet:author_email
- پیش فرض:user_emailیا پیش فرض: [email protected]
آدرس اینترنتی
فیلد برای وارد کردن آدرس اینترنتی (URL).
ویژگی های پشتیبانی شده:
- کلاس
- Minlengthو بیشترین طول
- اندازه
- نگهدارنده مکان
- akismet:author_url
- پیش فرض:user_urlیا مقدار پیش فرض
تلفن
فیلد برای وارد کردن شماره تلفن.
ویژگی های پشتیبانی شده:
- کلاس
- Minlengthو بیشترین طول
- اندازه
- نگهدارنده مکان
ناحیه متنی
فیلد برای وارد کردن متن چند خطی.
ویژگی های پشتیبانی شده:
- کلاس
- Minlengthو بیشترین طول
- نگهدارنده مکان
- (cols)x (ردیف)- که در آن cols عرض فیلد بر حسب کاراکتر و ردیف ها ارتفاع فیلد در خطوط متن است. دارای 3 فرمت: (cols)x(rows)، (cols)x و x(rows).
برای textarea، مقدار فیلد را می توان به دو صورت تعیین کرد:
- متن پیش فرض...
اگر ناحیه متنی حاوی تگ های html باشد، پس از ارسال فرم ممکن است یک خطای سرور 500 دریافت کنید!
شمارش (شمارشمار کاراکتر)
تگ count به شما امکان می دهد زمانی که می خواهید به کاربر نشان دهید چند کاراکتر وارد شده است یا چند کاراکتر تا حداکثر مقدار باقی مانده است (اگر پارامتر حداکثر طول باشد) یک شمارنده تنظیم کنید.
برای فعال کردن شمارنده، باید یک تگ شمارنده را در قالب فرم وارد کنید که نام فیلد متنی را که برای آن کاراکترها شمارش میکند، نشان دهد.
تگ شمارنده را می توان در هر جایی از قالب فرم استفاده کرد.
به عنوان مثال، ما یک فیلد متنی برای یک پیام داریم:
سپس این کار را انجام می دهیم:
این فیلد به حداقل 10 و حداکثر 140 کاراکتر محدود شده است. در این حالت شمارنده نشان می دهد که چند کاراکتر وارد شده است.
گاهی اوقات نشان دادن تعداد کاراکترهای باقی مانده برای وارد کردن راحت تر است، زیرا کاربر از حداکثر محدودیت اطلاعی ندارد. برای این کار باید گزینه down - را در تگ مشخص کنید.
عدد
فیلد برای وارد کردن شماره وقتی فیلد فوکوس دارد، با چرخاندن چرخ ماوس می توان مقادیر را تغییر داد.
از ویژگی ها پشتیبانی می کند:
- کلاس
- نگهدارنده مکان
- دقیقه
- حداکثر
دامنه
لغزنده برای انتخاب اعداد در محدوده مشخص شده.
از ویژگی ها پشتیبانی می کند:
- کلاس
- نگهدارنده مکان- فقط در مرورگرهایی نمایش داده می شوند که از این نوع فیلد پشتیبانی نمی کنند و به جای آن یک فیلد متنی نمایش می دهند.
- دقیقه- مقدار کمتر را برای وارد کردن یک عدد تنظیم می کند: min:20
- حداکثر- مقدار بالایی را برای وارد کردن یک عدد تنظیم می کند: min:100
- گام- مرحله تغییر شماره را برای لغزنده ها و فیلدهای ورودی اعداد تنظیم می کند: min:5
چک باکس و رادیو
- دکمه های رادیویی- اینها سوئیچ هایی هستند که به شما امکان می دهند از بین چندین گزینه فقط یک گزینه را انتخاب کنید.
- چک باکس ها- اینها چک باکس هایی هستند که به شما امکان می دهند چندین گزینه را همزمان انتخاب کنید.
ویژگی های پشتیبانی شده:
پیش فرض- مقدار پیش فرض فیلد به عنوان مثال default:2 به این معنی است که وقتی فیلد نمایش داده می شود گزینه دوم پاسخ از قبل انتخاب شده است. برای چک باکس ها می توانید چندین مقدار را مانند این پیش فرض تعیین کنید: 1_2_3
first_as_label- به طور پیش فرض، ابتدا چک باکس (دکمه رادیویی) و سپس کتیبه (او) می آید. با گذراندن این پارامتر، آنها را تعویض خواهید کرد.
use_label_element- یک چک باکس یا دکمه رادیویی را در یک برچسب قرار می دهد که به شما امکان می دهد یک عنصر را با کلیک بر روی نام آن انتخاب کنید.
انحصاری- با تعیین این پارامتر فقط 1 عنصر را می توان از چک باکس انتخاب کرد. این قابلیت مبتنی بر جاوا اسکریپت است. دکمه های رادیویی به دلیل ماهیت خاص خود از این گزینه پشتیبانی نمی کنند.
متن آزاد- به شما امکان می دهد یک فیلد متنی را به آخرین عنصر اضافه کنید. هنگامی که آخرین عنصر انتخاب شود و کاربر بتواند پاسخ خود را تکمیل کند، برای تکمیل در دسترس می شود.
- داده ها- مقداری را از برگه ای با کشورهای جهان به عنوان مثال data:countries دریافت می کند.
چین هند سن مارینو
انتخاب کنید
به شما امکان می دهد گزینه های پاسخ را از یک لیست کشویی انتخاب کنید. به دو صورت قابل استفاده است:
ویژگی های:
- کلاس
- پیش فرض- پیش فرض: 2 یا پیش فرض: 2_3_4
- چندگانه- به شما امکان می دهد چندین گزینه پاسخ را انتخاب کنید
- شامل_خالی- خط "- - -" را به عنوان اولین گزینه پاسخ اضافه کنید
- first_as_label
- داده ها
- موارد- گزینه های پاسخ
تاریخ
فیلد برای انتخاب تاریخ تقویم. این یک نوع HTML5 است و توسط مرورگرهای قدیمی پشتیبانی نمی شود.
ویژگی های:
- کلاس
- نگهدارنده مکان
- دقیقه- مقدار کمتر تاریخ ممکن، به عنوان مثال min:2016-01-01 . قالب تاریخ نسبی پشتیبانی می شود، به عنوان مثال امروز + 10 روز، امروز - 2 هفته و غیره.
- حداکثر- مقدار بالای یک تاریخ ممکن، به عنوان مثال min:2017-01-01 . فرمت تاریخ نسبی پشتیبانی می شود، درست مانند دقیقه.
- گام- مرحله تغییر تاریخ به روز، به عنوان مثال مرحله: 3. اگر مقدار پایین 2016-01-01 و مرحله 3 باشد، در مرحله بعدی تاریخ 2016-01-04 و غیره نمایش داده می شود.
هنگامی که یک برچسب را در یک الگوی نامه درج می کنید، تاریخ را در نامه به فرمت YYYY-MM-DD (2016-12-25) دریافت خواهید کرد - این مشخص نیست. بنابراین، میتوانید یک الگوی بصریتر مشخص کنید؛ برای این کار، از ساختار [_format_(نام فیلد) «(قالب تاریخ)»] استفاده کنید.
[_format_your-date "D, d M y"]
reCAPTCHA (محافظت از هرزنامه)
فرم تماس 7، با شروع از نسخه 4.3، در ارتباط با سرویس reCAPTCHA، به شما امکان می دهد با هرزنامه ها مبارزه کنید. برای استفاده از reCAPTCHA باید یک حساب Google داشته باشید، جایی که می توانید کلیدهای استفاده از سرویس API را دریافت کنید.
برای دریافت این کلیدها نیاز دارید:
- رفتن به پنل مدیریت reCAPTCHA.
- ثبت سایت
- یک کلید سایت و یک کلید مخفی دریافت کنید (اینها دو کلید متفاوت هستند: یک کلید سایت می تواند وجود داشته باشد، اما کلیدهای مخفی زیادی وجود دارد).
ویژگی های:
- کلاس
- موضوع- طرح رنگ ویجت. می تواند تیره یا روشن (پیش فرض) باشد.
- اندازه- اندازه ویجت می تواند فشرده (فشرده) یا معمولی (پیش فرض) باشد.
حالا در قالب فرم از تگ استفاده کنید.
آزمون (پرسش و پاسخ)
در این قسمت از کاربر سوالی پرسیده می شود و باید به آن پاسخ دهد در غیر این صورت نامه ارسال نخواهد شد. این فیلد زمانی ظاهر شد که با استفاده از حروف کپچا با هرزنامه مبارزه شد (هنوز هیچ reCAPTCHA وجود نداشت). استفاده از حروف کپچا محدودیت هایی را هم بر روی سرور (کتابخانه های گرافیکی مورد نیاز) و هم برای شخص (خطاهای درک بصری) اعمال کرد. این روش این نواقص را برطرف کرد.
ویژگی های:
- کلاس
- اندازه- اندازه و طول میدان ممکن است یکی از مقادیر حذف شود.
مثال نشان می دهد که پرسش و پاسخ با علامت | از هم جدا شده اند . پرسش و پاسخ را می توان به هر شکلی نوشت، به عنوان مثال ریاضی:
میتوانید چندین جفت پرسش و پاسخ را مشخص کنید؛ هر بار که فرم نمایش داده میشود، سؤال بهطور تصادفی انتخاب میشود:
برای این فیلد می توانید پارامترهای minlength و maxlength را مشخص کنید:
هنگام ایجاد یک برچسب مسابقه با چندین سوال با استفاده از یک ژنراتور، هر جفت سوال و پاسخ را در یک خط جدید بنویسید.
پنهان شده است
فیلد پنهان - برای کاربر قابل مشاهده نیست. می تواند اطلاعات ارزشمند را ذخیره کند. اطلاعات را می توان با استفاده از جاوا اسکریپت اضافه کرد یا با استفاده از گزینه پیش فرض ایجاد کرد.
ویژگی های:
- کلاس
- پیش فرض- می توانید پارامتری را در اینجا ارسال کنید که طبق یک قانون خاص تبدیل می شود. در توضیحات ویژگی (گزینه های ابتدای مقاله) بیشتر بخوانید.
ارسال
دکمه ارسال اطلاعات فرم (ارسال). وقتی روی این دکمه کلیک می کنید، تمام داده های فرم به سرور ارسال می شود.
ویژگی های:
- کلاس
می توانید متن دکمه را مشخص کنید:
نمونه ای از استفاده از تمام پارامترهای پشتیبانی شده:
آژاکس لودر
لطفا توجه داشته باشید که برچسب که در آن آیکون دانلود بارگذاری می شود اگر روی ارسال فرم کلیک کنید به همراه دکمه ارسال یا بهتر است بگوییم بعد از آن اضافه می شود.
بنابراین، برای مثال، اگر برچسب را با یک دکمه HTML آماده جایگزین کنید. گاهی اوقات زمانی که چیدمان دکمه مناسب نیست به این کار نیاز است. به عنوان مثال، اگر می خواهید دکمه ارسال به شکل زیر باشد:
در این صورت ما تگ را از دست خواهیم داد ، زیرا از طریق JS، پس از یک عنصر با کلاس wpcf7-submit اضافه می شود - معمولاً دکمه استاندارد ارسال دارای چنین کلاسی است.
برای دور زدن این محدودیت، می توانیم به سادگی این کلاس را به کد HTML دکمه خود اضافه کنیم:
همه. حالا تگ کنید اضافه خواهد شد و همانطور که باید کار می کند.
یا می توانید یک برچسب اضافه کنید مستقیماً در قالب فرم.
پذیرش (من شرایط شما را قبول دارم)
تنها در صورتی میتوانید به کاربران اجازه ارسال دادهها را بدهید که شرایط خاصی را بپذیرند.
ویژگی های:
- کلاس
- معکوس کردن- پارامتری که بلافاصله با یک چک باکس یک چک باکس ایجاد می کند، اما برای ارسال فرم به کاربر باید آن را حذف کنید.
- پیش فرض- به طور پیشفرض یک چک باکس با یک چک باکس ایجاد میکند اگر روی , به عنوان مثال default:on , default default:off است.
- اختیاری- فیلد اختیاری می شود.
من به شما اجازه می دهم از نام من در نظرات استفاده کنید.
من به شما اجازه می دهم از نام من در نظرات استفاده کنید.
این فیلد یک چک باکس است که با استفاده از جاوا اسکریپت به صورت زیر پردازش می شود:
This.find(".wpcf7-acceptance").click(function() ($(this).closest("form").wpcf7ToggleSubmit(); ));
ابتدا در دکمه ارسال فرم ویژگی disabled="disabled" وجود دارد. آن ها اگر چک باکس فعال نیست، دکمه ارسال فرم نیز غیرفعال است، یعنی نمی توان آن را ارسال کرد. هنگامی که یک چک باکس علامت زده می شود، اسکریپت این ویژگی را حذف می کند و دکمه فعال می شود.
منطق این فیلد قابل تغییر است تا تنها پس از تلاش برای ارسال فرم بررسی شود. برای این کار کد زیر را در تب تنظیمات افزونه «تنظیمات پیشرفته» وارد کنید:
Acceptance_as_validation: در
بنابراین، اگر کاربر کادر را علامت نزند، یک اعلان دریافت می کند:
فایل (آپلود فایل ها)
با استفاده از این فیلد می توانید به کاربران اجازه دهید فایل های خود را به پیام پیوست کنند.
افزودن چنین قابلیتی شامل دو مرحله است:
مرحله 1 - افزودن فیلدهایی برای آپلود فایل ها به فرم
ویژگی های:
انواع فایل- نوع فایل مجاز برای دانلود، به عنوان مثال pdf، jpg و غیره (لیست کامل در زیر)، از طریق جداکننده مشخص شده | (خط مستقیم) اگر نیاز به تعیین چندین نوع دارید.
- حد- فایل دانلود شده را بر اساس اندازه محدود کنید، به عنوان مثال: limit:1048576، limit:1024kb، limit:1mb. می توانید از kb (کیلو بایت) یا mb (مگابایت) استفاده کنید.
انواع فایل های پذیرفته شده: jpg، jpeg، png، gif، pdf، doc، docx، ppt، pptx، odt، avi، ogg، m4a، mov، mp3، mp4، mpg، wav، و wmv.
حداکثر حجم فایل پیش فرض: 1 مگابایت (1048576 بایت).
مرحله 2 - اضافه کردن یک برچسب به الگوی نامه
در مرحله 1، فیلدی ایجاد شد که نامی دارد - your-file. اکنون از یک تگ با این نام در قالب حرف استفاده می کنیم، اما نه در قسمت معمولی "Letter body"، بلکه در قسمت "فایل های پیوست شده".
در قسمت «فایلهای پیوست»، فقط برچسبی را با نام فیلد از قالب فرم وارد کنید.
- - درست
- - اشتباه
اگر چندین فیلد برای آپلود فایلها وجود دارد، در قسمت «فایلهای پیوست»، آنها را یکی پس از دیگری بدون جداکننده فهرست کنید: .
پیوست های محلی
فرم تماس 7 که با نسخه 3.5 شروع می شود، از انتقال فایل های محلی به ایمیل پشتیبانی می کند. برای انجام این کار، همراه با درج تگ ها در فیلد پیوست فایل، باید مسیر فایل خود را نیز عبور دهید:
/home/you/dir/dir/dir/fantasticpicture.jpg uploads/2013/08/08/boringguide.pdf
اگر یک مسیر غیر مطلق مشخص شده باشد، یک مسیر نسبی از پوشه wp-content در نظر گرفته می شود.
مدیریت آپلود فایل
پس از اینکه کاربر یک فایل را از طریق فرم تماس آپلود کرد، فرم تماس 7 موارد زیر را بررسی می کند:
- چه خطاهای PHP رخ داده است.
- نوع فایل و اندازه فایل
اگر بررسی موفقیت آمیز بود، افزونه:
- فایل دانلود شده را به یک پوشه موقت منتقل می کند.
- فایل را به نامه پیوست می کند و ارسال می کند.
- یک فایل را از یک پوشه موقت حذف می کند.
به طور پیش فرض، پوشه با فایل های موقت در اینجا قرار دارد: wp-content/uploads/wpcf7_uploads. اگر مسیر پوشه آپلود تغییر کند ممکن است متفاوت باشد.
پوشه wpcf7_uploads به طور خودکار ایجاد می شود. اما مواردی وجود دارد که این امکان پذیر نیست - پوشه بارگذاری والدین مجوز نوشتن ندارد. سپس شما نیاز دارید:
- مجوزهای پوشه آپلود را تغییر دهید.
- پوشه wpcf7_uploads را به صورت دستی از طریق ftp و غیره ایجاد کنید.
همچنین، به طور کلی می توانید مسیر پوشه موقت افزونه را تغییر دهید. برای انجام این کار، فایل wp-config.php را در ریشه سایت باز کنید و ثابت WPCF7_UPLOADS_TMP_DIR را اضافه کنید، که در آن مسیر کامل پوشه با فایل های موقت را مشخص کنید:
Define("WPCF7_UPLOADS_TMP_DIR"، "/your/file/path");
هنگام تعیین یک مسیر سفارشی به یک پوشه با فایل های موقت، مطمئن شوید که وجود دارد و دارای مجوزهای نوشتن (755) است. در غیر این صورت آپلود فایل ها کار نمی کند، یعنی به نامه ضمیمه نمی شوند.
واکنش
این یک فیلد نیست، بلکه یک برچسب فرم است که به شما امکان می دهد موقعیت پیام های خطا و اعلان ها را هنگام ارسال فرم تغییر دهید. به طور پیش فرض، اعلان های مربوط به ارسال فرم ها یا خطاها در انتهای فیلدهای فرم نمایش داده می شوند.
برای تغییر این موقعیت، برچسب را در مکانی در قالب فرم که اعلانها باید باشد وارد کنید:
نام شما (الزامی) پیام شما
اگر نامی وارد نکنید، فرم ارسال نمی شود و از یک خطا به ما اطلاع داده می شود:
همانطور که می بینید در قالب فرم از یک تگ در ابتدا و انتهای کد استفاده کردیم که به همین دلیل افزونه اعلان را در دو جا به ما نمایش داد.
به یاد داشته باشید که تمام اعلان های پشتیبانی شده توسط افزونه (موفقیت، هرزنامه و غیره) مشمول این قانون هستند.
متخصص. مقادیر ویژگی پیش فرض
دریافت مقادیر پیش فرض بر اساس موقعیت
تقریباً به همه فیلدها می توان از طریق ویژگی پیش فرض یک مقدار پیش فرض داد. اما در صورت نیاز به پاس دادن پارامترهای دینامیک چه باید کرد؟ به عنوان مثال، استفاده از درخواست GET از طریق URL.
بازیابی پویا پارامترها بر اساس گزینه های برچسب زیر کار می کند:
پیشفرض: متغیرهای HTTP GET را دریافت کنید. کلید پارامتر باید با نام فیلد فرم مطابقت داشته باشد. پیش فرض: ارسال متغیرهای HTTP POST. کلید پارامتر باید با نام فیلد فرم مطابقت داشته باشد. default:post_meta مقدار یک فیلد سفارشی از پست که فرم در آن قرار دارد. نام فیلد سفارشی باید با نام تگ مطابقت داشته باشد. default:user_(user field) ما در مورد: default:user_email یا default:user_nickname صحبت می کنیم. لیست کاملی از این مقادیر در ادامه آمده است. نقطه.
مثالی از تگ فیلد متنی بر اساس درخواست GET:
فرض کنید یک صفحه تماس داریم، بیایید با پارامتر GET به آن دسترسی پیدا کنیم:
Http://example.com/contact/?your-name=Dmitry
در نتیجه، ارزش فیلد ما دستگاه "دیمیتری" خواهد بود.
مثال دیگر: ارسال تگ های UTM به یک فرم
مقدار پیشفرض از چندین منبع
همچنین، میتوانید از چندین مکان عبور کنید که میخواهید ارزش را دریافت کنید:
ما دو منبع مقدار پیشفرض را مشخص کردهایم (ترتیب اولویت را تعیین میکند): اول، افزونه سعی میکند مقدار را از نوار آدرس دریافت کند، اگر آنجا نیست، سپس از یک فیلد سفارشی رکورد. اگر مقدار در نوار آدرس باشد، مقدار فیلد سفارشی نادیده گرفته می شود.
ACF + CF7 بدون پلاگین اضافی
فرض کنید یک گروه فیلد برای پستها ایجاد کردهاید که حاوی یک فیلد متنی با کلید my-text-field است. برای نمایش مقدار ذخیره شده در این قسمت از کد کوتاه استفاده کنید:
یا اگر باید فیلد را مخفی کنید:
دریافت مقادیر پیش فرض برای یک کاربر وارد شده
هنگامی که یک فرم برای کاربران مجاز ایجاد می کنید، هیچ فایده ای ندارد که آنها را مجبور کنید مقادیری را که قبلاً در داده های آنها وجود دارد، مانند نام یا ایمیل وارد کنند. فرم تماس 7 این نکته را فراهم می کند و می توانید داده ها را از نمایه کاربر دریافت کنید.
برای انجام این کار، باید از مقادیر مشخصه پیش فرض ویژه برای کاربر مجاز استفاده کنید. بیایید همه گزینه های ممکن را در نظر بگیریم:
- پیش فرض:user_login- ورود کاربر
- پیش فرض:user_email- پست الکترونیک
- پیش فرض:user_url- آدرس وب سایت
- پیش فرض:user_first_name- نام
- پیش فرض:user_last_name- نام خانوادگی
- پیش فرض:user_nickname- بریدگی کوچک
- پیش فرض:user_display_name- نام نمایش داده شده در وب سایت
- پیش فرض:user_description- توضیحات (بیوگرافی).
- کاربر پیش فرض_*- جایی که به جای * می توانید هر مقدار از داده های کاربر را مشخص کنید (به get_userdata() مراجعه کنید. اگر داده های اصلی کاربر (کلید) با user_ شروع نمی شود، باید با user_ شروع شود. فرض کنید کاربر یک متافیلد vk دارد و باید مقدار این متافیلد را در اینجا نشان دهیم. سپس به این صورت می نویسیم: default:user_vk
نام شما: ایمیل شما:
یک مثال دیگر
یکی از کاربران ثبت نام شده در سایت تصمیم به استفاده از فرم گرفت. منطقی است که بلافاصله نام او را در قسمت "Name" جایگزین کنید، زیرا شناخته شده است. ما از ویژگی پیش فرض استفاده می کنیم:
اکنون وقتی کاربر مجاز با فرم از صفحه بازدید می کند، نام نمایشی او (display_name) به طور خودکار در قسمت your-name وارد می شود. و اگر کاربر غیرمجاز از همان صفحه بازدید کند، مکاننمای "نام خود را وارد کنید" را میبیند.
دریافت مقادیر پیش فرض از طریق ویژگی های کد کوتاه اصلی CF7
گاهی اوقات ممکن است لازم باشد از یک مقدار از ویژگی کد کوتاه به عنوان پارامتر پیش فرض یک فیلد استفاده شود.
در این مورد، باید از گزینه تگ پیش فرض:shortcode_attr استفاده کنید، که به افزونه می گوید که مقدار مشخصه کد کوتاه به همان نام (با نام فیلد) را به عنوان مقدار پیش فرض دریافت کند.
حالا بیایید یک ویژگی با نام فیلد و مقدار دلخواه به کد کوتاه افزونه اضافه کنیم. مقدار مشخص شده با مقدار پیش فرض فیلد فرم با همین نام جایگزین می شود:
با این حال، این همه چیز نیست! همانطور که می دانیم برای هر کد کوتاه در وردپرس یک لیست سفید از ویژگی هایی که می توان در آن استفاده کرد ارائه می شود. در این مورد، WP چیزی در مورد ویژگی کد کوتاه جدید contact-form-7 ما نمی داند، بنابراین باید به لیست سفید اضافه شود. این کار از طریق قلاب افزونه انجام می شود:
Add_filter("shortcode_atts_wpcf7"، "custom_shortcode_atts_wpcf7"، 10, 3); تابع custom_shortcode_atts_wpcf7($out، $pairs، $atts) ( if(isset($atts["myemail"])) $out["myemail"] = $atts["myemail"]؛ بازگشت $out; )
این کد در functions.php درج شده است.
اکنون، هنگامی که از صفحه ای با فرم بازدید می کنید، فیلد ایمیل با مقدار پر می شود [ایمیل محافظت شده].
عصر بخیر خوانندگان عزیز وبلاگ موضوع فرم های بازخورد را در وردپرس ادامه می دهیم. و از آنجایی که ما در مورد آنها صحبت می کنیم، امروز پیشنهاد می کنم در مورد افزونه WP Contact Form 7 صحبت کنیم. در مرحله بعد تنظیمات گام به گام این افزونه را به شما می گویم و همچنین به طور خلاصه موارد اضافه شده برای این افزونه را شرح می دهم.
پیمایش صفحه:
توضیحات فرم تماس وردپرس 7
۲) افزونه فرم تماس ۷ را در قسمت مدیریت وردپرس فعال کنید.
3) همانطور که در شکل نشان داده شده است، به تب جدید ایجاد شده بروید:
4) روی برگه «افزودن جدید» کلیک کنید و زبان فرم پیش فرض را مشخص کنید یا زبان مورد نظر را انتخاب کنید
5) نام فرم تماس را مشخص کرده و روی save کلیک کنید.
6) اکنون یک کد کوتاه داریم که می توان آن را کپی و در یک پست یا نوار کناری قرار داد تا فرم را نمایش دهد - contact-form-7 id="1252" title="Form number 1" (надо взять в квадратные скобки как на рисунке).!}
7) شکل ما به این صورت است:
البته، خیلی زیبا نیست، اما هیچکس شما را اذیت نمی کند که سبک های خود را بسازید یا فرم خود را بسازید و درج هایی در آنجا اضافه کنید.
نحوه نمایش فرم تماس 7 در هر مکانی از الگو
در مرحله 6 راه اندازی مرحله به مرحله، من به شما نشان دادم که چگونه می توانید کد کوتاه کد CF7 را بگیرید و در ادامه توضیح دادم که این کد را می توان در یک ویجت یا در یک پست یا صفحه نمایش داد. علاوه بر این، می خواهم بگویم که شما می توانید فرم تماس 7 را در هر نقطه از قالب نمایش دهید. برای انجام این کار، این کد ساده را وارد کنید:
این همه است، اگر همه چیز را به درستی انجام داده باشید، خروجی فرم تماس 7 را در یک مکان تصادفی در قالب وردپرس دریافت خواهید کرد.
سفارشی کردن فیلدهای ورودی فرم تماس 7
به لطف آن، شما همچنین جعبه هایی مانند زیر خواهید داشت:
تنظیم پاسخ به پاسخ برای فرم تماس 7
در نسخه جدید پلاگین CF7 4.4 و بالاتر، توسعه دهنده توصیه می کند که از قسمت وارد شوید (اینجا در پوسته زیر است)
آدرس صحیحی که با دامنه شما مطابقت دارد. از روی پوست قابل مشاهده است و این توصیه مشکلی ایجاد می کند:
چگونه به یک کاربر از طریق ایمیل پاسخ دهیم؟
اگر فقط روی پاسخ کلیک کنید، ما به ایمیل خود پاسخ خواهیم داد، در واقع، خودمان پاسخ خواهیم داد. این بسیار ناخوشایند است، زیرا ما باید آدرس کاربر را به صورت دستی کپی کنیم، آن را در میلر قرار دهیم و تنها پس از آن پاسخ دهیم.
راه حلی برای این مشکل وجود دارد و مثل همیشه ساده است. شما در این زمینه نیاز دارید سرصفحه های اضافیاضافه کردن کد:
پاسخ دادن به:
البته، your-email-sh باید با کد کوتاه ایمیل شما جایگزین شود. پوست زیر را ببینید:
اکنون، هنگامی که نامه ای از بازخورد وردپرس دریافت می کنید، می توانید روی پاسخ در ایمیل کننده کلیک کنید و پاسخ شما به ایمیل صحیح ارسال می شود.
اگر بعد از این مراحل با مشکلی مواجه شدید، باید با کلیک روی لینک، پست را مطالعه کنید. مشکلات اصلی و علل مشکلات در افزونه فرم تماس ۷ در آنجا شرح داده شده است.
همین. امیدوارم نحوه پیکربندی افزونه و طرح بندی آن را درک کرده باشید.
آموزش امروز به سایت وردپرس شما کمک می کند تا یک فرم بازخورد خوب و کاربردی داشته باشد. ما این کار را با استفاده از افزونه فرم تماس 7 انجام خواهیم داد. در یک زمان، من زمان زیادی را صرف جستجوی یک فرم تماس معمولی کردم و هرگز جایگزین مناسبی برای این افزونه پیدا نکردم.
- فرم تماس 7 ویژگی
- نصب و پیکربندی افزونه
- دو گزینه ضد هرزنامه - akismet و فیلتر کپچا
- قرار دادن فرم تماس در یک پنجره پاپ آپ
- پاپ آپ های متعدد با اشکال مختلف در یک صفحه
ویژگی های پلاگین
اجازه دهید یک بار دیگر به شما یادآوری کنم که ما با یک افزونه کار خواهیم کرد، بنابراین اگر نیاز به بازخورد بدون افزونه دارید، بهتر است به مقاله مربوط به فرم بازخورد html مراجعه کنید، تنظیمات آنجا کمی پیچیده تر است، اما، از طرف دیگر، این گزینه جهانی تر است (مناسب برای هر سایت) و کمتر سرورها را بارگذاری می کند.
مزیت اصلی فرم تماس در فرم تماس 7 سهولت سفارشی سازی، عملکرد تقریبا نامحدود و تنظیم خودکار طراحی برای هر قالب وردپرس است. با کمک آن می توانید نه تنها فرمی برای ارسال پیام از سایت ایجاد کنید. از این افزونه می توان برای ایجاد یک دکمه سفارش، یک تماس مجدد یا یک پرسشنامه پیچیده با چک باکس ها و لیست های کشویی استفاده کرد. همچنین امکان پیوست فایل برای انتقال وجود دارد.
در یک کلام، این افزونه بسیار کاربردی است.
اگر هنوز در مورد این سوال نگران هستید که "فرم تماس را انجام دهید یا نه؟" (شما می توانید به سادگی با قرار دادن اطلاعات تماس در صفحات ضروری به دست آورید)، سپس من به صراحت می گویم - ارزش انجام این کار را دارد.
اولا، ارسال پیام به طور مستقیم از سایت راحت تر از باز کردن یک برنامه ایمیل و پر کردن همه چیز به صورت دستی است. صرفه جویی در زمان به کسی آسیب نمی رساند.
ثانیا، فرم تماس را می توان سفارشی کرد و این به شما امکان می دهد نامه هایی را با فرمت استاندارد دریافت کنید - پیمایش آنها آسان تر خواهد بود. به عنوان مثال، میتوانید یک هدر استاندارد برای پیام «سفارش» تنظیم کنید و تمام ایمیلهای صفحه سفارشها با این هدر دریافت میشوند.
ثالثاً، استفاده از فرم تماس به شما امکان می دهد آدرس ایمیل خود را مخفی کنید و در نتیجه از شر هرزنامه های احتمالی خلاص شوید که به ناچار هنگام در دسترس قرار گرفتن صندوق ایمیل شما ظاهر می شود.
چهارم اینکه به سادگی شیک و مدرن است.
نصب و پیکربندی افزونه Contact form 7
این افزونه در پایگاه داده عمومی وردپرس قرار دارد، بنابراین نیازی به جستجوی فایل های آن در جایی نیست، آن ها را برای خودتان دانلود کنید و سپس در هاست خود آپلود کنید. همه چیز ساده تر شده است - از طریق مدیر وردپرس، وارد بخش افزونه ها شوید، "فرم تماس 7" را در قسمت جستجو تایپ کنید و آن را نصب کنید. اگر هرگز افزونهها را نصب نکردهاید، دستورالعملهای دقیق در مورد نحوه نصب افزونه در اینجا آمده است.
راه اندازی افزونه فرم تماس 7
راه اندازی افزونه شامل دو مرحله است.
اولین مورد تنظیم یک فرم خاص است. فرمهای مختلفی میتواند وجود داشته باشد، هر یک از آنها میتواند مجموعهای از فیلدهای خاص خود را داشته باشد. در یک کلام، برای هر کار و هر صفحه در سایت می توانید به طور جداگانه یک فرم بازخورد ایجاد کنید، وردپرس این اجازه را می دهد - لیست آنها در پایگاه داده افزونه ذخیره می شود.
مرحله دوم درج فرم در صفحات سایت است. هر فرمی که در داخل افزونه ایجاد می کنیم کد کوتاه منحصر به فرد خود را خواهد داشت. برای درج آن در صفحه، فقط باید آن را درج کنید.
پس بزن بریم.
برای شروع، در منوی سمت چپ پنل مدیریت، برگه فرم تماس 7 را پیدا می کنیم. منویی با دو مورد در زیر آن ظاهر می شود - "Forms" و "Add new".
ما هنوز هیچ فرم آماده ای نداریم، بنابراین اجازه دهید به بخش "افزودن جدید" برویم. صفحه ای در آنجا باز می شود که از شما می خواهد یک زبان را انتخاب کنید و زبان پیش فرض نیز در آنجا لیست می شود. فقط روی دکمه آبی "افزودن جدید" کلیک کنید.
تنظیمات فرم به بلوک های جداگانه تقسیم می شوند. من آنها را به ترتیب در نظر خواهم گرفت.
مسدود کردن "نام فرم"
اولین بلوک مسئول نام فرم شما است - مکان نما را روی کتیبه "Untitled" قرار دهید و نام مورد نیاز خود را وارد کنید. این نام فقط در لیست فرم های تماس افزونه برای شما نمایش داده می شود، پس آن را برای شما روشن کنید تا در آینده با این همه تنوع سردرگم نشوید.
مسدود کردن "قالب فرم"
در ابتدا، این بلوک شامل یک پیکربندی فیلد استاندارد است. شامل نام فرستنده نامه، آدرس ایمیل او، موضوع نامه، محتویات نامه و دکمه ارسال می باشد.
فیلدهای الزامی با ستاره مشخص شده اند. اگر این قسمت خالی بماند، پیام ارسال نخواهد شد.
مکان فیلدها را می توان با استفاده از نشانه گذاری معمولی html سفارشی کرد.
در مورد تنظیم خود فیلدها، می توانید موارد غیر ضروری را حذف کرده و موارد مورد نیاز خود را اضافه کنید. اگر نمی خواهید موضوع نامه به صورت دستی وارد شود، به سادگی بلوک مربوطه را حذف کنید.
افزودن فیلدها نیز بسیار آسان است. در سمت راست دکمه ای برای تولید یک برچسب وجود دارد که با کلیک بر روی آن لیستی از تمام فیلدهای ممکن که این افزونه پشتیبانی می کند را مشاهده خواهید کرد.
مورد مورد نظر را انتخاب کنید و تنظیمات آن را پیکربندی کنید. این افزونه به زبان روسی است، بنابراین تمام تنظیمات بصری هستند.
اولین چک باکس نشان می دهد که آیا این فیلد ضروری است یا اختیاری (یک ستاره اضافه می کند).
پس از تنظیم فیلد، 2 کد کوتاه خواهید داشت:
- "این کد را کپی کنید و آن را در قالب فرم در سمت چپ بچسبانید" - این کد به همان روشی که سایر کدها در کد فرم درج می شود.
- "و کد زیر را در قالب حرف زیر بچسبانید" - برای قالب بندی حرف در بلوک بعدی به این کد نیاز داریم.
همچنین بخوانید: کدام هاست را برای وب سایت انتخاب کنیم؟
به این ترتیب می توانید هر تعداد فیلد، چک باکس، لیست کشویی، عناصر پیوست فایل و غیره را به فرم اضافه کنید.
مسدود کردن "نامه"
اکنون وظیفه ما سفارشی کردن نامه ای است که دریافت خواهیم کرد. نامه به هیچ وجه بر عملکرد فرم بازخورد تأثیر نمی گذارد، بلکه فقط اطلاعات وارد شده در فرم را منتقل می کند.
وظیفه ما درج تمام اطلاعات در نامه است.
اولین مرحله نشان دادن آدرس ایمیلی است که پیام به آن ارسال می شود (این می تواند هر چیزی باشد).
مورد دوم نشان دهنده آدرس ایمیلی است که نامه از آن برای شما ارسال می شود. من در اینجا چیزی را تغییر نمی دهم، پیش فرض صندوق ورودی وبلاگ شما است و یک برچسب با نام شخصی که پیام را ارسال می کند به آن اضافه می شود.
در ادامه موضوع نامه را مشخص می کنیم. به طور استاندارد موضوع از فیلدی که در فرم پر شده است گرفته می شود. اما می توانید این عنصر را از فرم حذف کنید و موضوع خاصی را در فیلد وارد کنید که به صورت خودکار در هر حرف تنظیم می شود. من این کار را برای فرم های بازخورد از صفحات مربوط به خدمات و تبلیغات انجام دادم. پیامهایی که از آنجا میآیند همیشه با همان موضوع «سفارش خدمات» یا «سفارش تبلیغات» میآیند - ساده و واضح.
فیلد هدرهای اضافی حاوی تگ "پاسخ به:" است تا زمانی که به نامه دریافتی از وبلاگ خود پاسخ می دهید، پیام را به وبلاگ و به آدرسی که فرستنده نامه در قسمت فرم مشخص کرده است ارسال می کنید. نیازی به تغییر این زمینه نیست.
قسمت "الگوی نامه" مسئول محتوای داخلی پیامی است که دریافت کرده اید. به طور پیش فرض، حاوی اطلاعاتی درباره فرستنده، موضوع و متن پیام وارد شده در فیلد است.
در انتها سایتی که نامه از آن ارسال شده مشخص شده است.
اگر فیلدهای اضافی را به فرم اضافه کرده اید که به طور پیش فرض نصب نشده اند، فراموش نکنید که برچسب مربوطه را در قالب نامه اضافه کنید. در بلوک "الگوی فرم" به شما داده شد، جایی که تگ مربوطه را ایجاد کردید (فیلد "و کد زیر را در قالب ایمیل زیر قرار دهید").
هر گونه اطلاعات متنی در این بلوک (به جز برچسب ها) را می توان به دلخواه تغییر داد. همچنین میتوانید توضیحات و برچسبهای مبادلهای را اضافه کنید و آنها را به ترتیب مناسب خود مرتب کنید.
بلوک "حرف 2"
اگر می خواهید شخص دیگری پیام ارسال شده برای شما را دریافت کند، می توانید این کادر را علامت بزنید.
این بلوک مشابه بلوک قبلی پیکربندی شده است. به طور پیش فرض تمام فیلدهای موجود در آن پر می شود تا نامه به شخصی که فرم را پر کرده است برسد (ظاهراً برای اینکه فراموش نکند).
می توانید یک کپی را تنظیم کنید تا مثلاً برای مدیر یا حسابدار خود ارسال شود.
مسدود کردن «اعلانها هنگام ارسال فرم»
در این بلوک می توانید پیام هایی را که کاربر پس از کلیک روی دکمه ارسال پیام مشاهده می کند، پیکربندی کنید. اگر می خواهید چیزی را تغییر دهید، لطفا، من همه چیز را همانطور که هست گذاشتم.
فعال سازی فرم
پس از پر کردن تمام فیلدها، به بلوک "نام فرم" به ابتدا بازگردید و روی دکمه "ذخیره" واقع در سمت راست کلیک کنید.
این افزونه فرمی را که ایجاد کردهاید را در لیست موارد فعال قرار میدهد و به آن کد خاصی شبیه به زیر اختصاص میدهد:
با درج این کد در هر نقطه از وب سایت خود، فرمی آماده برای ارتباط با مشتریان احتمالی خود دریافت خواهید کرد.
ضد هرزنامه - Akismet و Captcha
هرزنامه ها دردسرهای زیادی را برای صاحبان وب سایت ایجاد می کنند و هر فرم جدیدی که به شما امکان می دهد چیزی بنویسید فقط به تعداد ربات های اسپم می افزاید.
اگر افزونه فرم تماس را در نسخه اصلی آن رها کنید، پس از مدتی با تعداد زیادی پیام های خالی و بی معنی بمباران خواهید شد.
دو راه برای خلاص شدن از شر هرزنامه ها وجود دارد:
- یک کپچای اجباری قرار دهید (این را می توان با یک افزونه اضافی انجام داد - CAPTCHA واقعا ساده).
- از افزونه ضد هرزنامه برای وردپرس – Akismet استفاده کنید.
گزینه اول ناخوشایند است زیرا بازدیدکنندگان را مجبور می کند تا به صورت دستی کاراکترهای اضافی را وارد کنند. آنقدرها هم سخت نیست، اما بعضی ها آن را دوست ندارند.
استفاده از افزونه Akismet راحت تر است زیرا به طور مستقل داده های وارد شده (نام، آدرس ایمیل، پیوندها) را تجزیه و تحلیل می کند و بر اساس پایگاه داده انباشته شده، نتیجه گیری می کند که آیا پیام هرزنامه است یا خیر.
علاوه بر این، akismet در اکثر سایت های وردپرس برای محافظت در برابر هرزنامه ها در نظرات به مقالات نصب شده است. این بدان معناست که هنگام استفاده از آن نیازی به نصب افزونه های اضافی و ایجاد بار غیر ضروری در سایت نخواهید داشت.
حفاظت از هرزنامه با Akismet
1. افزونه Akismet را در وب سایت خود نصب کرده و آن را فعال کنید.
2. داده های اضافی را به برچسب های فرم تماس اضافه کنید:
- در فیلد با نام نویسنده اضافه کنید akismet:نویسنده
- در فیلد ارسال کننده ایمیل نامه akismet:author_email
- در قسمت آدرس سایت akismet:author_url
می بایست شبیه به این باشه:
پس از ذخیره، فرم تماس باید تمام پیام های ارسال شده توسط هرزنامه ها را مسدود کند. شما می توانید عملکرد فیلتر را با استفاده از نام تست ویژه "viagra-test-123? - وقتی آن را وارد می کنید، یک پیغام خطا ظاهر می شود.
برای اینکه تأیید صحت کمتر شود، می توانید فقط برخی از فیلدها را بررسی کنید، به عنوان مثال، نام و ایمیل، و آدرس وب سایت را علامت نزنید. این احتمال ارسال پیامهای هرزنامه را افزایش میدهد، اما احتمال از دست دادن پیامهای مورد نیاز شما کمتر خواهد بود.
همچنین بخوانید: بهترین افزونه ها برای ایجاد نسخه موبایلی سایت وردپرس
حفاظت از هرزنامه با CAPTCHA واقعا ساده
اگر متوجه شدید که Akismet برای شما مناسب نیست (بسیاری از هرزنامه ها را از بین می برد یا پیام های ضروری را مسدود می کند)، می توانید یک کپچا را فعال کنید. برای این کار افزونه Really Simple CAPTCHA را نصب کنید.
فرم تماس مورد نظر را برای ویرایش باز کنید
از لیست برچسب ها، Captcha را انتخاب کنید. در تنظیمات تگ می توانید اندازه تصویر را با علامت انتخاب کنید وگرنه نیازی به تغییر چیزی نیست. در پایین پنجره تنظیمات، 2 تگ ظاهر می شود، یکی وظیفه نمایش تصویر را بر عهده دارد، دومی فیلدی برای وارد کردن داده از این تصویر نمایش می دهد.
برای اینکه کپچا شروع به کار کند، باید هر دوی این تگ ها را کپی کرده و در پنجره سمت چپ قالب فرم قرار دهید و سپس تغییرات را ذخیره کنید.
قرار دادن فرم بازخورد در یک پنجره پاپ آپ
لزومی ندارد که فرم تماس همیشه در بخش خاصی از سایت قرار داشته باشد، گاهی اوقات، مشتری باید بتواند از هر صفحه منبع به آن دسترسی داشته باشد.
در چنین مواردی، ارسال یک فرم کامل همیشه راحت نیست. قرار دادن یک دکمه در مکان برجسته ای که جلب توجه می کند بسیار ساده تر است. با کلیک بر روی این دکمه قبلاً فرم باید باز شود.
بنابراین، شخص می تواند بدون خروج از صفحه مورد نیاز خود، پیام هایی از سایت ارسال کند.
این کار با استفاده از یک افزونه دیگر - Easy FancyBox انجام می شود.
1. افزونه را نصب کنید
اول از همه، ما خود افزونه را نصب می کنیم؛ این افزونه در پایگاه داده عمومی افزونه ها قرار دارد، بنابراین تنها کاری که باید انجام دهید این است که نام آن را در پنل مدیریت وبلاگ خود در جستجوی افزونه ها وارد کنید. پس از نصب افزونه، تب "فایل های رسانه ای" در قسمت "تنظیمات" ظاهر می شود.
چندین فرم پاپ آپ مختلف در یک صفحه
گاهی اوقات نیاز به قرار دادن چندین فرم در یک وب سایت با تنظیمات و فیلدهای مختلف وجود دارد.
به عنوان مثال، یک دکمه به فرمی با نام و شماره تلفن منتهی می شود و برای سفارش تماس از سایت استفاده می شود، و دکمه دوم باید فرم دیگری را باز کند که در آن یک برنامه سفارش دقیق وجود دارد (با یک آدرس، یک قسمت توضیحات، امکان پیوست کردن یک فایل و غیره). در خود افزونه Contact Form 7، می توانید تعداد بی پایانی از گزینه های فرم ایجاد کنید، اما چگونه می توانید آنها را در دکمه های مختلف در همان صفحه قرار دهید؟
برای این کار باید کد دکمه را از پاراگراف قبلی تنظیم کنید. دکمه اول از گزینه ارائه شده در بالا استفاده می کند. در مورد دوم، دو مقدار تغییر می کند:
- پیوند تغییر می کند، به پارامتر href مقدار #contact_form_pop_2 را اختصاص دهید
- شناسه را به همان مقدار #contact_form_pop_2 تغییر دهید
برای فرم دوم کد زیر را دریافت خواهید کرد:
این درس امروز را به پایان می رساند، اکنون می توانید به راحتی با استفاده از فرم های تماس کاربردی و زیبا با مشتریان خود بازخورد برقرار کنید.
این مطالب به طور مفصل راه اندازی فرم تماس 7 را شرح می دهد، افزونه ای برای چنین پلت فرم محبوبی برای ایجاد و تبلیغ سایت هایی در شبکه جهانی وب مانند وردپرس. این ابزار نرم افزاری به شما امکان ایجاد و پیکربندی فرم های بازخورد را می دهد.
کمی در مورد وردپرس
یکی از محبوب ترین و گسترده ترین ابزار برای توسعه و پر کردن منابع اطلاعاتی وردپرس است. در ابتدا، این محصول نرم افزاری بر روی ایجاد وبلاگ های ساده متمرکز بود. اما سپس متخصصان متخصص عملکرد آن را تکمیل کردند که امکان ایجاد سایر منابع اینترنتی را با استفاده از این سیستم مدیریت محتوا فراهم کرد.
نقاط قوت و ضعف این پلتفرم برای ایجاد و تبلیغ وب سایت
مزایای این پلتفرم نرم افزاری عبارتند از:
سادگی و کد منبع باز.
مقدار قابل توجهی از اطلاعات مرجع.
امکان توسعه هر منبع موضوعی در اینترنت در کمترین زمان ممکن.
عملکرد بالا بدون افزونه های نرم افزاری اضافی (پلاگین).
اما معایب در این مورد عبارتند از:
وب سایت های ساخته شده بر روی وردپرس قادر به تحمل بارهای سنگین نخواهند بود.
هنگام نصب مینی برنامه های اضافی یا همانطور که به آنها پلاگین نیز می گویند، سرعت منبع اینترنت کاهش می یابد.
و چرا سایت های مبتنی بر پلت فرم وردپرس به آنها نیاز دارند؟
عملکرد اساسی یک سیستم مدیریت محتوا مانند وردپرس بسیار کم است. تنها برای توسعه ساده ترین وبلاگ ها و وب سایت ها کافی است. به منظور بهبود وضعیت عملکرد پلت فرم نرم افزار و افزایش انعطاف پذیری به آن، توسعه دهندگان باید برنامه های کوچک ویژه ای را نصب کنند که در اصطلاح حرفه ای به آن پلاگین می گویند. یکی از اینها فرم تماس 7 است. راهاندازی افزونه به شما امکان میدهد یک فرم بازخورد با سطح عملکرد گستردهتری در صفحه خاصی از سیستم مدیریت محتوا ایجاد کنید.
تخصص "فرم های تماس 7"
همانطور که قبلا ذکر شد، ایجاد بازخورد بین بازدید کننده و مدیر یک منبع اینترنتی بر اساس پلت فرم وردپرس، وظیفه اصلی فرم تماس 7 است. تنظیم نامه، ویرایش یک الگو، ارسال فایل های مختلف لیست کاملی از قابلیت هایی نیست که این مینی برنامه را فراهم می کند. در این صورت بار روی منابع سخت افزاری سایت نسبتاً کم خواهد بود و وجود آن منجر به کاهش قابل توجهی در عملکرد سایت یا وبلاگ نخواهد شد.
مراحل نصب پلاگین
سه راه برای نصب افزونه بر روی پلتفرم وردپرس وجود دارد:
با دانلود یک آرشیو ZIP از شبکه جهانی وب و "آپلود" آن در دایرکتوری مناسب منبع اینترنتی.
استفاده از انواع کلاینت های FTP
امن ترین از سه گزینه برای نصب افزونه ها آخرین مورد است. در این حالت، کد برنامه از وب سایت رسمی دانلود می شود و قطعاً حاوی انواع مختلفی از قطعات مخرب و خطرناک نیست. مراحل نصب افزونه در این مورد به شرح زیر است:
یک فیلد آزمایشی یک عنصر رابط جهانی است که می توانید هر مجموعه ای از کاراکترها را در آن وارد کنید.
پست الکترونیکی - مکانی برای وارد کردن نام صندوق پست الکترونیکی.
URL - فیلدی برای وارد کردن آدرس یک صفحه اینترنتی.
شماره تلفن — به شما امکان می دهد شماره تلفن را در قالب بین المللی وارد کنید.
عنصر "Number (spinbox)" به شما امکان می دهد یک فیلد ورودی برای هر مقدار صحیح (به عنوان مثال، سن بازدید کننده) ایجاد کنید.
عنصر "Number (Slider)" یک نوار لغزنده به فرم اضافه می کند که به شما امکان می دهد یک مقدار عددی را از یک محدوده مشخص انتخاب کنید.
مورد "تاریخ" یک فیلد ورودی ویژه ایجاد می کند که در آن می توانید تاریخ مورد نیاز را مشخص کنید. هنگامی که این عنصر رابط را فعال می کنید، تقویمی در پایین ظاهر می شود که می توانید بلافاصله تاریخ مورد نیاز را انتخاب کنید.
به نوبه خود، آیتم منوی کشویی "فیلد متن" برای تایپ قسمت متنی ایمیل در نظر گرفته شده است.
مورد بعدی - "منوی کشویی" - به شما امکان می دهد پارامتر مورد نیاز را از یک لیست ثابت انتخاب کنید.
اما "CheckBoxs" برای انتخاب یک یا چند مقدار از یک لیست مشخص در نظر گرفته شده است.
عنصر رابط "دکمه های رادیویی" تقریباً مشابه قبلی است. تنها تفاوت این است که در این حالت شما فقط می توانید یک گزینه صحیح را انتخاب کنید، در حالی که "CheckBoxs" می تواند چندین مقدار صحیح داشته باشد.
مورد "پذیرش" به شما امکان می دهد فقط یک چک باکس را به فرم ایجاد شده اضافه کنید. قاعدتاً برای آشنایی با هر شرایطی استفاده می شود و بدون پذیرش آنها در آینده امکان ارسال ایمیل وجود نخواهد داشت.
مورد "منو" به شما امکان می دهد یک بخش ویژه در رابط ایجاد کنید که از صندوق پستی شما در برابر هرزنامه محافظت می کند. در این صورت باید قبل از ارسال پاسخ صحیح سوال را ارائه دهید.
دومین گزینه امنیتی CAPTCHA است. وقتی آن را انتخاب می کنید، یک بخش جداگانه به فرم اضافه می شود که یک تصویر با نمادها و یک فیلد اضافی برای وارد کردن آنها نمایش داده می شود.
مورد بعدی «ارسال یک فایل» است. به شما امکان می دهد یک فایل با انواع توضیحات و نظرات را برای مدیر منبع به متن نامه اضافه کنید.
آخرین مورد - "دکمه ارسال" - به شما امکان می دهد یک عنصر رابط مربوطه را اضافه کنید.
به پنل مدیریت وردپرس بروید.
سپس باید به بخش "افزونه ها" بروید.
در پنجره ای که باز می شود، "افزودن جدید" را انتخاب کنید.
در نوار جستجو، نام افزونه را وارد کنید - فرم تماس 7 - و سپس نشانگر ماوس را روی دکمه "جستجو" حرکت دهید و یک بار کلیک کنید. پس از این عملیات جستجوی نرم افزار مورد نیاز آغاز می شود.
پس از تکمیل، لیستی از افزونه های یافت شده نمایش داده می شود. در این لیست ما مورد نیاز خود را پیدا می کنیم و روی دکمه "نصب" که در مقابل آن قرار دارد کلیک می کنیم.
پس از این، سیستم مدیریت محتوا به صورت خودکار این افزونه را دانلود و نصب می کند.
مرحله بعدی فعال کردن نرم افزار نصب شده است. برای انجام این کار، به تب "Plugins" بروید و Form7 تماس را در لیست پیدا کنید. در کنار آن نوشته شده است: "فعال کردن"، یک بار با ماوس روی آن کلیک کنید.
پنل مدیریتی سیستم مدیریت محتوا را به روز می کنیم و فرم تماس ۷ را در میان موارد آن پیدا می کنیم. این شرط نصب موفق این افزونه محبوب و کاربردی است.
الگوریتم پیکربندی برای "فرم های تماس 7"
راه اندازی فرم تماس 7 شامل موارد زیر است:
ایجاد یک فرم جدید یا ویرایش فرم قدیمی که هنگام نصب افزونه ایجاد شده است. تجربه نشان می دهد که در بیشتر موارد بهتر است از گزینه ایجاد فرم جدید استفاده کنید.
در مرحله بعد زبان فرم را انتخاب کرده و نام آن را تنظیم کنید.
سپس در صورت لزوم باید قالب آن را دوباره پیکربندی کنید.
تغییرات ایجاد شده را ذخیره کنید.
یک صفحه جدید با کد دریافت شده قبلی ایجاد می کنیم.
در مرحله نهایی، باید به وب سایت بروید و عملکرد صحیح عنصر رابط منبع اینترنت ایجاد شده را بررسی کنید.
یک فرم جدید ایجاد کنید
بلافاصله پس از فعال سازی، این افزونه یک فرم پیش فرض برای پرسیدن سوال از بازدیدکنندگان سایت یا وبلاگ ایجاد می کند. البته می توان آن را در صورت نیاز ویرایش و سفارشی کرد. اما حذف این مورد و ایجاد یک مورد جدید با مجموعه کاملی از همه عملکردهای ضروری بسیار ساده تر خواهد بود. برای انجام این کار باید موارد زیر را انجام دهید:
به منوی این افزونه رفته و “Forms” را انتخاب کنید.
در پنجرهای که بعد از این باز میشود، باید کادر کنار مورد «Form1 تماس» را علامت بزنید.
سپس در بالای آن، در لیست کشویی «اقدامات»، «حذف» را انتخاب کنید.
در پاسخ، یک سوال برای تایید اقدامات انجام شده ظاهر می شود. شما باید حذف فرم را تایید کنید و روی دکمه "بله" کلیک کنید.
بعد، آیتم منو را انتخاب کنید: "ایجاد جدید" در پنل مدیریتی "Wordpress" "Contact Form7".
در پنجره باز شده، در لیست کشویی، زبان رابط فرم آینده - "روسی" را انتخاب کنید. سپس روی دکمه "ایجاد" کلیک کنید.
پس از این، کد اولیه فرم جدید بازخورد برای وردپرس به صورت پیش فرض تولید می شود. پس از این، باید عملیاتی مانند تنظیم فرم تماس 7 را انجام دهید.
نام فرم را تنظیم کنید
پس از انجام تمامی مراحل قبلی، پنجره ای برای وارد کردن نام فرم جدید در فرم تماس 7 استایل ظاهر می شود. تنظیم این با این عملیات ساده از یک طرف شروع می شود. اما بهتر است نام فرم را بر اساس بهینه سازی موتور جستجو قرار دهید. بنابراین، بهینه ترین گزینه در این مورد، به عنوان مثال، "فرم بازخورد" یا "پرسش از مدیر سایت" خواهد بود. پس از تصمیم گیری در مورد نام این عنصر رابط، آن را در قسمت مربوطه پنجره درخواست وارد کنید.
در حال ویرایش الگوی "فرم های تماس 7".
در همان پنجره با نام فرم ایجاد شده 4 تب وجود دارد. اولین مورد "الگو" است. به طور پیش فرض، فقط 5 عنصر در اینجا تشکیل می شود:
مکان برای تایپ نام بازدید کننده در منبع اینترنتی.
فیلد برای وارد کردن آدرس ایمیل بازدید کننده ای که سوال را مطرح کرده است.
فیلد دیگری به شما امکان می دهد تا موضوع سوال را وارد کنید.
آخرین عنصر فرم به طور پیش فرض دکمه ای با برچسب "ارسال" است.
در صورت لزوم می توان متن این فیلد را ویرایش کرد و عناصر رابط دیگر را اضافه کرد. برای انجام این کار، فقط کد هر عنصر متنی را انتخاب کنید (مثلاً آن قسمت از کد که موضوع پیام در آن مشخص شده است و با استفاده از منوی زمینه آن را در همان قسمت در مکان دیگری کپی کنید. در سمت راست پارامترها وجود دارد. (در پاراگراف بعدی به تفصیل مورد بحث قرار خواهد گرفت) که در آن عنصر مورد نظر خود را انتخاب کنید. پس از آن کد لازم در کنار لیست کشویی ظاهر می شود. سپس این کد را کپی کرده و به جای پیام پیست کنید. کد موضوع. نام عنصر را به صلاحدید خود انتخاب کنید.
تنظیم طول زمینه و موارد دیگر
در همان مکان می توانید ورودی فرم تماس 7 را تغییر دهید. تنظیم عرض هر فیلد متنی به صورت زیر انجام می شود:
به عنوان مثال، باید تعداد کاراکترهای نام یک بازدیدکننده از یک منبع اینترنتی را به 55 کاراکتر افزایش داد. به طور پیش فرض 40 عدد وجود دارد.
برای این کار اعداد 60/55 را به انتهای کد اضافه کنید. نتیجه کد خواهد بود. پس از ذخیره تغییرات طول این فیلد 60 و حداکثر تعداد کاراکترهایی که می توان در آن وارد کرد 55 کاراکتر خواهد بود.
به همین ترتیب می توانید اندازه فیلد متن پیام را تغییر دهید. فقط در این صورت لازم است کد این عنصر را به صورت زیر تغییر دهید. در این حالت 40 تعداد حروف در یک خط و 30 تعداد کل عبارت های این عنصر رابط در فرم تماس 7 است. تنظیم ظاهر خود فرم دقیقاً با انتخاب مقادیر پارامترهای هر کدام انجام می شود. عنصر فردی بنابراین توصیه می شود برای هر پارامتر داده شده در این قسمت در کد هر عنصر مقادیر خاصی را مشخص کنید.
سایر برگه های فرم
همانطور که اشاره شد، تب اول "الگوی فرم" نام دارد. مورد بعدی در این پنجره "نامه" است. پارامترهای مکانی را که نامه از این منبع اینترنتی به آن ارسال می شود را مشخص می کند. در تب "اعلان" متن پیام تولید می شود که در صورت ارسال موفقیت آمیز نامه نمایش داده می شود. همچنین در صورتی که نمی توانید با استفاده از ابزار با مدیر سایت تماس بگیرید، یک پیام آماده کنید. آخرین برگه در فرم تماس 7 "تنظیمات پیشرفته" است. این شامل پارامترهایی است که در عمل بسیار بسیار نادر استفاده می شود. به عنوان مثال، می توانید از آن برای تنظیم ردیابی متن وارد شده توسط کاربر با استفاده از معیارهای Yandex استفاده کنید.
فیلدهایی که می توان با استفاده از این افزونه به این فرم اضافه کرد
راه اندازی فرم تماس 7 برای وردپرس به شما امکان می دهد عناصر رابط زیر را به فرم بازخورد اضافه کنید:
تغییرات ایجاد شده را ذخیره کنید
هنگامی که مقادیر مورد نیاز تنظیم شد و فرم به درستی پیکربندی شد، باید همه آن را ذخیره کنید. برای این کار در پنجره ویرایش افزونه به قسمت بالای آن بروید. در اینجا باید دکمه "ذخیره" وجود داشته باشد. اشاره گر را به سمت آن بگیرید و یک بار روی آن کلیک کنید. در پاسخ کد فرم ظاهر می شود که با استفاده از همان نشانگر ماوس آن را انتخاب کرده و کپی می کنیم. سپس، به آیتم «صفحات» در پنل مدیریتی سیستم مدیریت محتوا بروید. سپس یک صفحه جدید با نام مورد نیاز ایجاد می کنیم (به عنوان مثال، "بازخورد"، "مخاطبین" یا "پرسش از مدیر منبع"). سپس مکان نما شماره گیری را به قسمت ورودی کد آن منتقل می کنیم. در این مورد، باید حالت تایپ کد را در پانل پارامترها به "Text" تغییر دهید. پس از آن، کد فرم دریافتی قبلی را وارد کنید. سپس، در سمت راست رابط، دکمه “Publish” را پیدا کرده و ماوس خود را روی آن قرار دهید. در مرحله بعد، یک بار روی این عنصر از رابط سیستم مدیریت محتوا، دکمه سمت چپ ماوس را کلیک کنید.
بررسی نتیجه
پس از انجام دستکاری هایی که قبلاً نشان داده شده است، باید یک صفحه جدید به رابط منبع اینترنتی اضافه شود که در آن عناصر مشخص شده در فرم تماس 7 نمایش داده می شود. تنظیمات رابط، در اصل، تکمیل شده است. فقط باید بررسی کنید که نرم افزار به درستی پیکربندی شده است. برای این کار باید به صفحه اصلی سایت، وبلاگ یا پورتال بروید. سپس در لیست صفحات صفحه ای را پیدا می کنیم که فرم بازخورد در آن قرار گرفته است. ما به آن می رویم، پارامترهای صحیح را به یکباره در همه فیلدها وارد می کنیم و یک نامه آزمایشی برای خود ارسال می کنیم. در پاسخ، یک پیام اطلاعاتی باید ظاهر شود که نشان دهنده تکمیل موفقیت آمیز این عملیات است. سپس سعی می کنیم نامه دیگری با فیلدهای خالی ارسال کنیم. پس از این، پیامی باید ظاهر شود مبنی بر اینکه باید تمام پارامترهای فرم انتخاب شده را تنظیم کنید. اگر در هر دو مورد نتایج نشان داده شده قبلاً به دست آمد، فرم بازخورد ایجاد شده به درستی عمل می کند.
مزایا و معایب افزونه گزینه های جایگزین
یک راه حل عالی برای یک توسعه دهنده مبتدی برای ایجاد فرم بازخورد، مینی برنامه تماس با فرم 7 است. راه اندازی ارسال نامه، ایجاد عناصر رابط و سایر عناصر رابط مهم در این مورد عمدتاً خودکار است و به حداقل دانش کاربر نیاز دارد. بنابراین، برای یک منبع اینترنتی ساده با یک مدیر مبتدی، این یک راه حل عالی است. اما هر افزونه بار اضافی بر روی منابع وب سایت است که باعث کاهش عملکرد می شود. در نتیجه، کاربران پیشرفته تر توصیه می کنند از چنین روش ساده ای برای ایجاد یک فرم بازخورد دوری کنند. شما همچنین می توانید آن را خودتان با استفاده از HTML، CSS و JS ایجاد کنید، البته با سطح عملکرد پایین تر. این امر نیاز به منابع محاسباتی در سایت را کاهش می دهد و سطح عملکرد را به میزان قابل توجهی افزایش می دهد.
نتایج
این مقاله گام به گام نحوه پیکربندی فرم تماس 7 را شرح می دهد. این افزونه واقعاً عملکرد بالایی دارد؛ می توانید از آن برای ایجاد هر فرم بازخورد استفاده کنید. از سوی دیگر، استفاده از یک افزونه اضافی به عنوان بخشی از سیستم مدیریت محتوا، بار روی سخت افزار سایت را افزایش می دهد. بنابراین به مدیران مبتدی سایت مبتنی بر این سیستم مدیریت محتوا توصیه می شود از این افزونه برای چنین اهدافی استفاده کنند. خوب، کاربران پیشرفته تر می توانند بدون تماس با فرم 7 انجام دهند. در این مورد، قطعاً نیازی به تنظیم افزونه نیست.
با توجه به اینکه افزونه Contact Form 7 بسیار مورد استفاده کاربران وردپرسی است، نوشتن راهنمای دقیقی بر روی آن ضروری شد. این مقاله تنظیمات فرم تماس 7، روش های پیاده سازی و پاسخ به سوالات متداول در مورد استفاده از افزونه را پوشش می دهد.
برای افزودن فرم تماس 7 به محل مورد نظر، باید کد جاسازی شده را در بخشی از صفحه یا پست کپی کنید. این کار بسیار ساده انجام می شود:
هر فرم تماس برچسب کوتاه خود را دارد، مانند [ contact-form-7 id="71" title="Contact Form 1"] . Чтобы вставить контактную форму в свой пост, скопируйте шорткод и вставьте его в содержание поста.!}
اگر فرم شما نمایش داده نمی شود و یک فرم تماس - 7 404 خطای "Not Found" را ارسال می کند.
کد نشانه آن است که فرم تماس مشخص شده توسط کد کوتاه پیدا نمی شود. مطمئن شوید که از کد جاسازی صحیح استفاده می کنید. با کپی مجدد کد مورد نیاز، درج را تکرار کنید.
چگونه می توانم یک فیلد را برای تغییر ظاهر فرم تماس 7 اضافه یا ویرایش کنم؟
برای افزودن یک فیلد، یک برچسب به آن اضافه کنید فرمفیلد متنی، برای تغییر یا ویرایش کامل فرم، باید به تنظیمات بروید و پارامترهای مورد نیاز خود را تنظیم کنید.
هر تگ دارای یک نحو دقیق است که از تغییرات متعدد پشتیبانی می کند. یادگیری نحو می تواند دشوار باشد، اما به جای آن می توانید یک تگ سفارشی را با استفاده از یک تولید کننده برچسب ایجاد کنید. روی دکمه برچسب کلیک کنید و بعد از قالب بندی روی "کلیک کنید" برچسب ایجاد کنید."شما همچنین می توانید این را در یک مقاله جداگانه بخوانید.
تنظیمات داخلی فرم تماس 7.
تنظیمات زیر در هر فرم موجود است:
- تنظیم یک قالب فرم؛
- حرف؛
- اعلان ها هنگام ارسال فرم
در این موارد تنظیمات، میتوانید دستکاریهای لازم را با تگهای فرم ورودی انجام دهید، فرم نامهای را که کاربر دریافت میکند پیکربندی کنید و تنظیمات اعلان را هنگام ارسال نامه پیکربندی کنید.
همه چیز را تولید کرده است تنظیمات داخلی فرم تماس 7کد تعبیه شده ویرایش شده را دریافت خواهید کرد که آن را در قسمت مورد نظر سایت قرار می دهید.
چگونه موضوع یک پیام را مشخص یا تغییر دهم؟
به سادگی فیلد "موضوع" را در بخش "نامه" تغییر دهید. برای این کار به منوی تنظیمات مورد نظر رفته و تگ استاندارد را به نام خود تغییر دهید.
چگونه یک پاسخگوی خودکار را روی فرم تماس 7 تنظیم کنیم؟
برای تنظیم یک پاسخ خودکار که پس از ارسال موفقیت آمیز اولین نامه کار می کند، باید به بخش "نامه" بروید، به تنظیمات بروید و کادر کنار "نامه 2" را علامت بزنید. پس از ظاهر شدن فرم، آن را با توجه به معیارهای مورد نیاز خود، شبیه به "حرف 1" پیکربندی کنید.
ایمیلی که از طریق افزونه فرم تماس 7 ارسال می شود، «وردپرس» را به عنوان نام فرستنده نشان می دهد. چگونه می توانم این را تغییر دهم؟
آدرس فرستنده شامل آدرس ایمیل فرستنده و نام جایگزین فرستنده است. اگر پارامتر فرمت نشده باشد، وردپرس «WordPress» را به عنوان نام فرستنده اختصاص می دهد. اگر می خواهید از نام دیگری استفاده کنید تا «وردپرس» دیگر به عنوان نام فرستنده ظاهر نشود، باید نام فرستنده را در قسمت «از:» در بخش «ایمیل» به صراحت مشخص کنید:
آیا امکان قرار دادن فرم تماس در خارج از یک پست وجود دارد؟
آره. می توانید فرم تماس خود را در یک ویجت متنی قرار دهید. ما قبلا نگاه کرده ایم. تنها کاری که باید انجام دهید این است که یک ویجت بسازید و کد کوتاه فرم مورد نیاز خود را در آن قرار دهید.
چگونه فرم تماس را در فایل قالب وارد کنیم؟
میتوانید یک کد کوتاه مستقیماً در قالب قالب وارد کنید؛ برای انجام این کار، باید از تابع ()do_shortcode استفاده کنید. این کار را می توان با این خط انجام داد:
پیام خطا: "پیام ارسال نشد." فرم تماس ایمیل ارسال نمی کند. مشکل چیه؟
معمولاً دلایل مختلفی برای چنین پیامی وجود دارد:
- اولین دلیل واقعی ممکن است سرور ایمیل با ممنوعیت ارسال فرم ایمیل باشد. در این حالت پیغام خطا با خط قرمز احاطه می شود. برای راه حل با مدیر سرور خود تماس بگیرید.
- دلیل احتمالی دوم این است که فرم ارسال مشکوک به اسپم بودن است. در این حالت، پیام خطا با یک خط نارنجی احاطه خواهد شد.
پیام پاسخ "پیام شما با موفقیت ارسال شد" است، اما پیام دریافت نمی شود.
اگر پیام با طرح کلی سبز نشان داده شود، به این معنی است که عملکرد PHP برای ارسال نامه قطعا با موفقیت انجام شده است. بنابراین، اگر نمی توانید نامه خود را دریافت کنید، احتمال دزدیده شدن یا حذف شدن نامه وجود دارد.
اگر بتوانید گزارش سرور ایمیل خود را بررسی کنید، ممکن است سرنخ هایی به شما بدهد. فیلتر هرزنامه اغلب باعث این نوع مشکلات می شود.
فرم تماس پس از ارسال به صفحه خطای 404 هدایت می شود.
این مشکل به دلیل ترکیبی از دو خطای پیکربندی ایجاد می شود. اول، جاوا اسکریپت AJAX در فرم تماس شما کار نمی کند. به دلیل این مشکل، فرم تماس شما پس از ارسال مجبور به تغییر مسیر می شود. ثانیا، فرم تماس شما از کلمات غیرقابل دسترس در نام فیلدهای ورودی استفاده می کند. این مشکل وردپرس را گیج می کند و منجر به خطای 404 («یافت نشد») می شود.
فرم تماس در برخی از مرورگرها رفتار عجیبی دارد.
این ممکن است به دلیل HTML، CSS، جاوا اسکریپت نادرست باشد. لطفاً صفحه فرم خود را با اعتباردهنده ها یا ابزارهای اشکال زدایی بررسی کنید.
ابزار مفید:
- Firebug یک افزونه فایرفاکس است. برای اشکال زدایی جاوا اسکریپت خوب است.
- W3C Markup Validation Service - سرویس اعتبار سنجی HTML.
- W3C CSS Validation Service - سرویس اعتبار سنجی CSS.
نحوه استفاده از فرم تماس به زبان مورد نظر، نه به زبان انگلیسی.
فرم تماس 7 به بسیاری از زبان ها ترجمه شده است. ببینید آیا فایل پیکربندی زبان برای سایت شما وجود دارد یا خیر افزونه فرم تماس 7از این زبان استفاده خواهد کرد.
فرم تماس 7 گزینه زبان وردپرس را تنظیم می کند. هنگامی که تنظیمات زبان وردپرس خود را تغییر دادید، فرم تماس 7 نیز تغییر می کند.
CAPTCHA کار نمی کند، تصویر ظاهر نمی شود.
برای استفاده از CAPTCHA، باید کتابخانه های GD و FreeType روی سرور شما نصب شوند. همچنین، مطمئن شوید که پوشه موقت برای CAPTCHA با مجوزهای نوشتن تنظیم شده باشد.
فیلد ورودی متن برای CAPTCHA در اینترنت اکسپلورر کار می کند، اما در فایرفاکس کار نمی کند. کد را نمی توان وارد کرد.
این یک مشکل شناخته شده است که ناشی از سوء استفاده از برچسب است
کد را وارد کن:
این به درستی کار نخواهد کرد:
کد را وارد کن:
چگونه شناسه ها و ویژگی های کلاس را به عناصر فرم اضافه کنیم؟
می توانید هر ID و کلاسی را به فرم موجود در کد کوتاه اضافه کنید.
مثال:
اگر میخواهید درباره ویژگیهای وردپرس بیشتر بدانید، توصیه میکنیم آموزشها را بررسی کنید