تبلیغات تبلیغات
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات

همگام سازی بوت استرپ با فرم تماس 7

مقالات,آموزش,ترفند , وردپرس

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

 

همگام سازی بوت استرپ با فرم تماس 7

 

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

 

 

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

 

<div class="row">
 
<div class="col-md-۶ form-group"><label class="sr-only">نام</label>[text* your-name class:form-control placeholder "نام"]</div>
 
 
<div class="col-md-۶ form-group"><label class="sr-only">آدرس ایمیل</label>[email* your-email class:form-control placeholder "آدرس ایمیل"]</div>
 
 
</div>
 
 
<div class="form-group"><label class="sr-only">موضوع پیغام</label>[text* your-subject class:form-control placeholder "موضوع پیغام"]</div>
 
 
<div class="form-group"><label class="sr-only">متن پیغام</label>[textarea* your-message x۵ class:form-control placeholder "متن پیغام"]</div>
 
 
<div class="form-group">[submit class:btn class:btn-default "ارسال"]</div>

 

پس از قرار گیری مورد فوق باید با قرار دادن کد زیر در فایل function.php قالب وردپرس وب سایت خود اسکریپت های آن را غیرفعال نمائید:

 

add_filter( 'wpcf۷_load_js', '__return_false' );
add_filter( 'wpcf۷_load_css', '__return_false' );

 

اما ممکن است در این میان برای عملکرد افزونه شما مشکلاتی ایجاد شود و برای حل این مشکلات باید کد های زیر را نیز در فایل function.php قالب وردپرس وب سایت خود اضافه کنید تا عملکرد افزونه دچار مشکل نشود و بتواند به سادگی کار خود را انجام دهد:

 

if ( function_exists( 'wpcf۷_enqueue_scripts' ) ) {
    wpcf۷_enqueue_scripts();
}
if ( function_exists( 'wpcf۷_enqueue_styles' ) ) {
    wpcf۷_enqueue_styles();
}

 

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

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=27594
کلمات کلیدی پست :
مطالب مرتبط
7,333۱۰ تابع برجسته ی ناشناس در وردپرس تاریخ : 2013/12/22
11,718قالب میزبانی وب و خدمات اینترنتی ماهدیس برای وردپرس تاریخ : 2014/02/10
9,567افزایش سرعت بارگذاری سایت با افزونه WP Fastest Cache تاریخ : 2016/07/14
8,766افزونه وردپرس ارسال پيام خصوصي بين كاربران Private Messaging تاریخ : 2017/09/20
4,676آموزش حذف سایت از گوگل و اینترنت تاریخ : 2019/09/9
12,358قالب نمونه کار بسیار زیبا به صورت گالری تاریخ : 2013/12/19
6,826مخفی کردن صفحه خاص از نتایج گوگل تاریخ : 2017/09/11
5,348افزونه نمایش نمونه کارها و ایجاد گالری در وردپرس Portfolio Manager Pro تاریخ : 2018/10/13
16,724افزونه نمایش نوار اعلانات در پنل وردپرس Smart Notification تاریخ : 2020/05/4
10,866دانلود فرم ارسال دیدگاه بسیار زیبا جی کوئری تاریخ : 2013/11/24
8,577آموزش تغییر نویسنده مطالب در وردپرس تاریخ : 2016/10/19
3,936آموزش رفع مشکل کندی لود در وردپرس با افزونه تاریخ : 2019/10/22
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
تبلیغات
تبلیغات