ایجاد فرم تماس با ما به صورت پیشرفته در وردپرس

سلامی دوباره خدمت همراهان عزیز راهنمای وردپرس

در این پست ما قصد داریم تا طریقه ایجاد فرم “تماس با ما” را در سایت وردپرسی به شما عزیزان آموزش دهیم.

با ما همراه باشید.

یکی از چیزهایی که همیشه مورد نیاز طراحان وب و مدیران وب سایت ها است، فرم تماس با ما می باشد .

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

جدا از راه کارهای ایجاد فرم با کد های PHP ، افزونه ای را در وردپرس معرفی خواهیم کرد که شما را از درگیر شدن مستقیم با PHP بی نیاز می سازد.

به این خاطر افزونه فارسی شده ی ” فرم تماس نسخه ۷″ را در نظر گرفته ایم. از طریق لینک ” Contact Form 7 ” از مخزن وردپرس دانلود نمایید.

پس از دانلود کردن، فایل را از حالت فشرده خارج کنید و در مسیر wordpress>>wp-content>>plugins کپی کنید.

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

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

1

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

پس از نصب کردن این افزونه،همانطور که در شکل های زیر مشاهده می کنید، یک بخش به نام “فرم تماس ۷ ” در پیشخوان و منوی مدیریت اضافه خواهد شد.

2

3

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

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

4

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

بر روی دکمه ذخیره کلیک کنید.پس از ذخیره شدن کدها، پیامی در بالای ” دکمه ذخیره” صادر می شود که محتوی یک کد است:

5

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

به تصویر زیر دقت کنید .

6

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

9

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

8

وارد سایت شوید و از برگه ها، برگه تماس با ما را باز کنید.فرم زیر را مشاهده خواهید کرد.

7

این شکل ساده ترین نوع فرم در اینترنت است.ولی این به معنای پایین بودن قدرت افزونه وردپرسمان نیست.

کافی است دوباره وارد پیشخوان و فرم تماس ۷ شوید.سپس روی فرم های تماس کلیک کنید.

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

12

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

فرض کنید می خواهیم قابلیت ضمیمه کردن فایل را به این فرم اضافه کنیم. برچسب فایل را انتخاب کنید.

تصویر زیر را مشاهده خواهید کرد.

11

در اینجا می توانید تنظیمات مربوط به فایل ضمیمه را انجام دهید.سپس قبل از کد ارسال(ناحیه قرمز در تصویر بعدی)، کد موجود در کادر سبز را قرار دهید و ذخیره را بزنید.

10

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

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

  • facebook
  • googleplus
  • twitter
  • linkedin
  • linkedin
  • linkedin

کارشناسی صنایع تحلیل سیستم/ارشد مهندسی مالی/مسلط به زبان انگلیسی/مترجم/مدرس /تولید محتوا/نویسنده/سئو/مدیریت شبکه های اجتماعی/بازاریابی/نویسنده/کنترل پروژه/کنترل کیفیت/علاقه مند به طراحی سایت و یادگیری وردپرس

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *