راست چین WP Bakery در حالت ردیف تمام عرض در وردپرس

آموزش ها, آموزش وردپرس
حل مشکل جاستیفای در وردپرس و justify کردن متن در گوتنبرگ
این مطلب رو حتما بخون:
Justify در وردپرس چیست و چگونه می توانیم محتوای خود را تراز کنیم؟
مشاهده مطلب

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

اگر از نسخه WP Bakery فارسی ما استفاده می‌کنید که هیچ (چون در نسخه ما این مشکل برطرف شده)، اما اگر نسخه ما را استفاده نمی‌کنید ممکن است در حالت تمام عرض ردیف‌ها (Full Width Row) با مشکل بیرون رفتن محتوا از صفحات سایتتان مواجه شوید!

راست چین WP Bakery در حالت ردیف تمام عرض در وردپرس

حل مشکل راست چین WP Bakery Visual Composer در حالت Full Width

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

خب قبل از هرچیز یک بک آپ از سایتتان بگیرید.

سپس فایل Functions.php یا همان توابع قالب را باز کرده و کد زیر را در انتهای آن قبل از ?> قرار دهید.

/**
 * Fix WP Bakery Visual Composer RTL in Full Width Row By almasweb 
 */
function almasweb_vc_fix_rtl(){
  
    // Can't continue if the current view is not RTL.
    if( ! is_rtl() ) return;
    ?>
    <script type="text/javascript">
    jQuery('[data-vc-full-width="true"]').each( function(i,v){
        jQuery(this).css('right' , jQuery(this).css('left') ).css( 'left' , 'auto');
    });
    </script>
    <?php
}
add_action('wp_footer', 'almasweb_vc_fix_rtl');

دقت کنید کد بالا حتما باید قبل از ?> باشد تا به خوبی کار کند.

بعد از قرار دادن کد بالا مشکل حل می‌شود. فراموش نکنید اگر از افزونه وردپرس کش استفاده می‌کنید، کش وردپرس را خالی کنید و همچنینکش OPCache را هم خالی کنید تا بتوانید تغییرات ایجاد شده را ببینید.

5/5 - (4 امتیاز)

مصطفی کیانفرد

علاقه مند به وردپرس :) فعالیت زیادی در زمینه وردپرس داشتم. متخصص سئو و بهینه سازی سایت، php و امنیت، امیدوارم راهنمای خوبی برای شما عزیزان باشم.

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

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