حل مشکل راست چین 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;
    ?>
    <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%0A%20%20%20%20jQuery('%5Bdata-vc-full-width%3D%22true%22%5D').each(%20function(i%2Cv)%7B%0A%20%20%20%20%20%20%20%20jQuery(this).css('right'%20%2C%20jQuery(this).css('left')%20).css(%20'left'%20%2C%20'auto')%3B%0A%20%20%20%20%7D)%3B%0A%20%20%20%20%3C%2Fscript%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;script&gt;" title="&lt;script&gt;" />
    <?php
}
add_action('wp_footer', 'mihanwp_vc_fix_rtl');

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

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

منابع: wikipedia – wordpress.org – mihanwp – youtube