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

تبلیغات
تبلیغات تبلیغات

همگام سازی بوت استرپ با فرم تماس 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();
}

 

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >
انتقال و خرید دامنه 5000 تومان! | کد تخفیف: limoo-ir-5s ثبت دامنه >
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=27594
کلمات کلیدی پست :
مطالب مرتبط
8,529افزونه وردپرس اشتراک گذاری خودکار مطالب Social Media Auto poster تاریخ : 2017/01/30
19,173افزونه وردپرس پاپ آپ نینجا Ninja Popups نسخه 4.6.2 تاریخ : 2019/03/29
9,112نمایش تعداد فروش هر محصول در ووکامرس با افزونه WPB WooCommerce Show Sales Numbers تاریخ : 2018/11/4
8,391اضافه کردن نمایش پیشرفت خواندن نوشته در وردپرس تاریخ : 2017/07/13
9,697قالب سایت اسکریپت برای وردپرس تاریخ : 2014/06/11
2,820تغییر خودکار نام عکس ها در وردپرس تاریخ : 2019/11/22
3,956آموزش تغییر اندازه فونت سایت وردپرس تاریخ : 2019/12/18
8,909شش افزونه برتر وردپرس برای افزودن پاپ آپ به سایت تاریخ : 2016/10/22
8,170دانلود قالب وبلاگی ملوش برای وردپرس تاریخ : 2017/02/26
4,888افزونه فرم ساز وردپرس Form Builder تاریخ : 2018/04/11
40,693ایجاد حساب کاربری مدیر در وردپرس از طریق phpMyAdmin تاریخ : 2016/08/6
5,056ایجاد صفحه پروفایل سفارشی نویسندگان در وردپرس تاریخ : 2018/03/21
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب
شرکت سئو سایت
شرکت سئو سایت
تبلیغات
هاست دانلود
تبلیغات