تبلیغات
طراحی و بهینه سازیمشاهده
تبلیغات

آخرین ارسال های تالار مشاهده انجمن
  • قالب وردپرس Simplicity 3 پاسخ 60 بازدید
  • قالب مای مودیک 0 پاسخ 26 بازدید
  • مشکل در اسکریپت کوتاه کننده لینک AdLinkFly نسخه 5.3.0 7 پاسخ 234 بازدید
  • ظاهر قسمت نوشته ها 1 پاسخ 11 بازدید
  • فروش سایت فروشگاهی (بوتیک) 5 پاسخ 185 بازدید
  • عدم ارسال ویدئو در اسکریپت Grameasy 2 پاسخ 25 بازدید
  • آموزش تصویری جامع نصب و تنظیمات اسکریپت NextPost 435 پاسخ 43438 بازدید
  • سرویس smtp 1 پاسخ 12 بازدید
  • خطای minify 5 پاسخ 35 بازدید
  • دانلود FluxBB نسخه 1.5.9 كاملا ً فارسي 1 پاسخ 393 بازدید
  • هاست

    نحوه ساخت فرم تماس با ما بدون افزونه

    مقالات,آموزش,ترفند , وردپرس
    نحوه ساخت فرم تماس با ما بدون افزونهReviewed by محمد on Oct 28Rating: 5.0نحوه ساخت فرم تماس با ما بدون افزونه

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

     

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

     

    نحوه ساخت فرم تماس با ما بدون افزونه

     

    ساخت صفحه  تماس با ما بدون استفاده از افزونه

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

     

    ساخت فایل contact-page.php

    در محله اول و برای شروع کار شما باید یک فایل php برای سایت و صفحهی خود ایجاد کنید و نام آن را هر چه مایلید قرار دهید . ما در اینجا نام این صفحه را contact-page.php گذاشته ایم سپس کد زیر را درون این فایل قرار دهید . در کد ساخت صفحه تماس با ما زیر  شما نام قالب را مشخص می کنید .

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

    ساخت فرم

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

    قرار دادن کدهای پردازش فرم

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

    ساخت فرم تماس با ما ، با PHP و Ajax

    شما به راحتی می توانید با زبان PHP  و تکنولوژی Ajax یک فرم تماس با ما ساده و زیبا را ایجاد کنید . همه ی ما می دانیم که برای ارسال محتویات فرم به اسکریپت پردازش گر ارسال ایمیل PHP  بعد از آنکه بر روی دکمه ارسال کلیک کردید ، صفحه ی مرور گر نیاز به بارگذاری مجدد دارد . در واقع صفحه فرم تماس با ما دوباره بارگذاری می شود تا نتیجه عملیات نمایش داده شود ولی به طور کلی کاربران تمایل زیادی به بارگذاری اجباری و مجدد یک صفحه ندارند پس بهتر است از روشی استفاده شود که منطقی تر و دارای تاثیر مثبت باشد .

     

    مراحل ساخت فرم تماس با ما و ارسال به ایمیل با PHP و Ajax

    ما برای انجام این کار و ساخت فرم تماس با ما با تکنولوژی Ajax ما از فریم ورک JQuery استفاده می کنیم.

     

    کدهای HTML

    یک فرم ایجاد کرده و نام آن را contactform.html قرار داده ایم و کد های زیر را درون آن قرار می دهیم . در کد همانگونه که مشاهده می کنید در فیلد input به جای استفاده از submit  از button استفاده شده است تا در هنگام کلیک بر روی دکمه ، ارسال به طور خودکار انجام شده و نیازی به بارگذاری مجدد صفحه نیست تا بتوان از دستورات JQuery  بهره ببریم .

    کدهای PHP

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

    کدهای  jQuery

    کد های عملیات JQuery به صورت زیر می باشد . کدی که در زیر مشاهده می کنید به وسیله ی کلیک بر روی دکمه ، ارسال را تشخیص داده و اطلاعات فرم را به صورت تکنولوژی Ajax به فایل PHP ارسال و نتیجه HTML چاپ شده در فایل PHP را در داخل تگ با id با نام success نمایش خواهد داد . توجه داشته باشید برای اجرای کد های JQuery نیاز دارید تا آن بخش head  صفحه تماس با ما بارگذاری شود .

    اگر مایل باشید بدانید که کد فایل contactform.html به چه صورت خواهد بود . به کد کاربردی وردپرس  زیر توجه فرمایید . با چنین کد هایی و استفاده از آن ها شما دارای یک فرم تماس با ما با قابلیت برخورداری از تکنولوژی Ajax  برای ارسال اطلاعات فرم به ایمیل استفاده خواهید .

    موفق باشید

    دانلود نسخه : 2.3.4

    .


    .

    تور استانبول | مشاهده لیست قیمت ها


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

    نحوه استفاده

    کافیست افزونه را در مسیر wp-content/plugins آپلود کنید و سپس از بخش مدیریت افزونه ها آن را فعال نمایید.

    مطلب مفیدی بود ؟
    نویسنده : admin 0 مقالات,آموزش,ترفند , وردپرس

    لینک کوتاه مطلب : https://www.20script.ir/?p=38759

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    1,136نمایش محبوب ترین مطالب وردپرس بر اساس تعداد دیدگاه تاریخ : 2018/07/28
    1,113آموزش نمایش انیمیشن های gif در وردپرس تاریخ : 2018/02/21
    2,555افزونه وردپرس مدیریت کارها و کرون جاب WP Crontrol تاریخ : 2017/05/19
    460ایجاد محدودیت در بازنگری پست ها در وردپرس تاریخ : 2018/12/31
    1,132حذف اسلش از انتهای لینک های وردپرس با استفاده از فایل htaccess تاریخ : 2018/07/18
    6,573باز نشدن دسته های وردپرس تاریخ : 2015/08/8
    2,4288 روش برای ترویج خواندن مقالات قدیمی سایت تاریخ : 2016/12/2
    5,430افزونه فارسی صفحه در دست ساخت Maintenance PRO نسخه 3.6.0 تاریخ : 2018/01/19
    1,300مخفی کردن قیمت محصولات ناموجود در ووکامرس تاریخ : 2018/05/11
    2,395مخفی کردن نوشته ها از صفحه ی اصلی در وردپرس تاریخ : 2016/12/23
    11,241افزونه پخش کننده ویدئو حرفه ای برای وردپرس تاریخ : 2016/05/29
    6,303عدم نمایش مطالب دسته خاص صفحه اصلی وردپرس تاریخ : 2014/04/26
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب