• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید میانگین رضایت دانشجویان سون لرن از دوره ها، بیش از 94% می باشد!

آموزش کار با پلاگین contact form 7 وردپرس

28 10699 ۲۲ مهر ۹۳

به نام خدا

با سلام در این جلسه قصد داریم با افزونه ساخت فرم های مختلف مثل تماس با ما (contact form 7) کار کنیم

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


با نصب این افزونه بخش زیر به مدیریت وردپرس شما اضافه میشود و میتونید از این بخش استفاده کنید

tamas

خوب شما با استفاده از این افزونه میتونید فرم های مختلف بنویسید نمونش تماس با ما هست که به صورت پیشفرض این افزونه این قابلیت را دارد اما شما میتونید امکانات خیلی متعددی به آن اضافه کنید از جمله امکاناتی که به فرم میشه اضافه کرد رو میتونید در عکس ببینید

option

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

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

new

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

نکته : اگه بخواییم یه زبان دیگه رو پیشفرض کنید روی دکمه افزودن پایین کلیک میکنید و زبان را انتخاب میکنیم

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

onvan

خوب این عنوان اون فرم ما است با کلیک روی کلمه "بدون عنوان" میتونید اسم فرم را تغییر دهید
خوب قسمت بعدی که توی عکس هم مشاهده میکنید با کلیک روی دکمه ساختن برچسب امکانات یک فرم اضافه میشود

form

با کلیک روی هر یک از امکانات یک بخش تنظیمات برای اون خاصیت اضافه میشه مانند نمونه عکس زیر

form_seting

قبل از همه چی یه چک باکس (متن قابل تیک زدن) وجود داره که میگه آیا این اجباریه یعنی کاربر حتما باید واردش کنه تا فرم تایید بشه یا نه
بعد یه نام میگیره که اون هر چی دوست دارید طبق اون کاری که میخواید بکنید بزارید

id,class,size,maxlength اینا لازم نیستند که حتما وارد بشه کسی به کد نویسی مسلط باشه میتونه با اینا یه سری استایل هارو کار کنه
بخش اکیسمیت هم که میگه آیا آدرس براش بزارم یا نه منظورش ادرس ایمیل نویسنده هستش
اگه لازمه این فیلد ما یه مقدار مشخصی از قبل داشته باشه مقدار پیشفرض رو میتونیم مقدار دهی کنیم یه نمونه ساده که میشه گفت شما میخوایید از کاربر شماره تلفن بگیرید و عدد09 رو پیشفرض قرار میدید که کاربر بعد از اون رو تایپ کنه و بفرسته
خوب در اخر دو عدد کد کوتاه به شما داده میشه اولی رو در سمت چپ همین بخش که برای کاربر قرار بدید به طوری که شما باید به شکل عکس بخش بعدی وارد کنید راهکار ساده این هست که یکی از کد های سمت چپ رو کپی کنید و اسم فارسی که به کاربر نمایش داده میشه رو تغییر بدید و به جای اون کد کوتاهی که داره کد خودتون رو بزارید فقط توجه کنید کد های <p><br> نباید پاک بشن و باید بمونن که فرم حالت عادی باقی بمونه و بهم نریزه

خوب بخش بعدی میاد اون نمایش کار مارو یعنی اونی که کاربر میبینه رو به صورت کد کوتاهی که افزونه ساخته نشون میده البته اون کلمات فارسی که نوشته شده به کاربر نمایش داده میشه پس تغییر دادن اونا باعث میشه که کاربر اون متن شما رو ببینند

form_send

خوب بخش بعدی هم متقابل عمل بالا هست منظورش اینه که چیزی که به شما (مدیر) ارسال میشه به عنوان پیام از طرف اون کاربر این هم به صورت کد کوتاه هست که توسط افزونه ساخته میشه (کد کوتاه توی افزودن امکانات داده میشه به هر ویژگی)

email

خوب طبق عکس بالا برای ما ایمیل ارسال میشه یعنی مینویسه از: (اسم کاربر) متن پیام: و غیره فقط در خط آخر یه متنی نوشته شده باید عرض کنم اسم سایتی که من گزاشتم "جنگل وردپرس" هست و آدرس سایت هم که نوشته شده روی لوکال هاست هستش پس توجه کنید که مقادیر اینطور به شما ایمیل میشوند

خوب در کنار بخشی که ایمیل برای ما ارسال میشه یه تنظیمات خاصی هست که طبق عکس زیر میباشد

email_seting

بخش بعدی که میبینید برای این هست که ما بخواییم یک نسخه از این پیام کاربر به کسی یا خود کاربر ارسال بشه که البته قابل ویرایش هست چون به طور پیشفرض فقط پیام را ارسال میکند و باقی اطلاعات ارسال نمیشود

add form

این بخش که در عکس مشاهده میکنید برای پیام هایی هست که کاربر بعد از زدن دکمه ارسال مشاهده میکند که به صورت کامل برای همه امکانات نوشته شده است پیام موفقیت و خطا وجود دارد

msg

در پایین هم یه بخش خالی برای تنظیمات اضافه وجود دارد حالا برای ویرایش کردن و غیره که باید کد نویسی بلد باشید و کد هارو ادیت کنید

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

save and code

همونطور که میبینید یه کد به ما میده و میگه اونو توی مطلبتون قرار بدید خوب ما این کد رو کپی میکنیم و توی یه برگه قرار میدیم به صورت زیر

page form

خوب ما اومدیم یه نام واسه فرم به اسم "فرم تماس با ما سون لرن" قرار دادیم و اون کد رو توی محتوا کپی کردیم و انشار دادیم و حالا نتیجه رو مشاهده میکنیم

final_form

تبریک میگم شما تونستید یه فرم تماس باما با افزونه مورد نظر بسازید این فرم خیلی عالی و هوشمند هست و اگه کد نویسی بلد هستید میتونید راحت استایل خاصی بهش بدید و زیبا تر کنید فرمتون رو

حالا میاییم این فرم رو تست میکنیم و یه بار اطلاعات رو درست و یه بار غلط وارد میکنیم و نتیجه رو مشاهده میکنیم

ما اطلاعات رو درست وارد کردیم و با این پیغام رو به رو شدیم

ok form

البته توی اون بخش مدیریت که این پیغام ها بودن راحت میشه متنش رو ویرایش کرد و چیز دیگه قرار بدیم

خب ما اومدیم فیلد هارو اشتباه زدیم البته ارور های مختلفی وجود داره واسه فرم این یه نمونشه

email_seting

نکته : ممکنه وقتی روی لوکال هاست نصب میکنید چون به سرور وصل نشه ایمیلی ارسال نشه ولی توی هاست هیچ مشکلی نخواهد داشت و به سرعت ارسال میکند

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

امیدوارم همیشه موفق باشید

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 28 دیدگاه برای این مطلب ارسال شده است.

  • ‏‏
    کاربر جدید(۱۶ آذر ۱۳۹۴)

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

  • ‏‏

    سلام
    لطفا بگین فیلد شماره تلفن رو چطور اضافه کنم کدش چی میشه
    و اینکه میخوام بطور پیش فرض 09 داخل کادر قرار داشته باشه
    با تشکر

  • ‏‏

    سلام ببخشید یه سوال ابتدایی رولوکال هم می شه کانتک فرم و تست کرد؟حتما باید ایمیل هاست و وارد کنیم یا هر ایمیل دیگه می شه؟ من رو ی هاست هم چک کردم با ایمیل yahoo پیام ارسال انجام شد می داد ولی چیزی نمی اومد

  • ‏‏

    سلام من فرم تماس را نصب کردم ولی نمیدونم این پیام ها در قسمت دیدگاه هاذخیره نمی شوند لطفا راهنمایی کنید.

  • ارسال دیدگاه

    ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram