حل مشکل راست چین 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 bistscript 
 */
function bistscript_wp_bakery(){
    if( ! is_rtl() ) return;
    ?>
    <script type="text/javascript">
        jQuery(document).ready(function(){
            function vc_single_row_full_width_rtl(event, data){
                data.el.css('right', data.offset).css('left', 'auto');
            }
            jQuery(document).on('vc-full-width-row-single', vc_single_row_full_width_rtl);
        });
    </script>
    <?php
}
add_action('wp_footer', 'bistscript_wp_bakery');

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

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