ارزدیجیتال
حراجی دامنه های ویژهمشاهده
تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

همگام سازی بوت استرپ با فرم تماس 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
کلمات کلیدی پست :
مطالب مرتبط
5,604افزایش سلامت سایت وردپرسی با چند روش ساده تاریخ : 2019/10/27
5,432رفع خطای مطمئنید که میخواهید این کار را انجام دهید؟ در وردپرس تاریخ : 2019/10/12
13,135تغییر سایز تصاویر به صورت گروهی در وردپرس با افزونه Imsanity تاریخ : 2017/08/3
15,070نمایش آنلاین فایل های pdf در وردپرس با افزونه PDF Embedder تاریخ : 2017/08/5
8,824افزایش سرعت وردپرس با افزونه WP Speed of Light تاریخ : 2018/05/12
17,050تبدیل وردپرس به یک انجمن حرفه ای با افزونه bbPress تاریخ : 2016/02/12
11,942افزونه مدیریت بخش وبلاگ وردپرس Blog Manager تاریخ : 2017/12/19
6,872پوسته مجله خبری The League برای وردپرس تاریخ : 2018/09/28
8,941افزونه ریدایرکت لینک های وردپرس 5sec Redirect تاریخ : 2017/11/24
19,554دانلود قالب وردپرس فور موزیک تاریخ : 2015/03/29
6,192آموزش حذف پست های تکراری در وردپرس تاریخ : 2021/01/28
8,975آموزش افزودن متن دلخواه آخر مطالب وردپرس تاریخ : 2016/03/13
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file