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

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

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

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

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

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

/**
 * Fix WP Bakery Visual Composer RTL in Full Width Row By MihanWP 
 */
function mihanwp_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', 'mihanwp_vc_fix_rtl');

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

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

رضا راد

میلیون‌ها کیلومتر اسکرول کردم تا به هدفم نزدیک بشم و این داستان همچنان ادامه داره...