Thêm thanh bên chính vào khoảng trắng PRO

LƯU Ý: Tôi đã không thêm hiệu ứng phản hồi. Bạn sẽ quan tâm đến hiệu ứng đáp ứng.
Chia sẻ các bước cơ bản tại đây:

Bước 1: Bật tùy chọn Bố cục thanh bên nội dung. Chỉnh sửa tệp functions.php. Mở tệp functions.php trên Notepad + hoặc điều hướng đến Appearance> editor và nhấp vào liên kết functions.php. Bây giờ đã sửa đổi các mã sau:

Mã hiện tại:

//* Unregister layout settings
genesis_unregister_layout( 'content-sidebar' );
genesis_unregister_layout( 'sidebar-content' );
genesis_unregister_layout( 'content-sidebar-sidebar' );
genesis_unregister_layout( 'sidebar-sidebar-content' );
genesis_unregister_layout( 'sidebar-content-sidebar' );

Được thay thế bởi cái này:

//* Unregister layout settings
//genesis_unregister_layout( 'content-sidebar' );
genesis_unregister_layout( 'sidebar-content' );
genesis_unregister_layout( 'content-sidebar-sidebar' );
genesis_unregister_layout( 'sidebar-sidebar-content' );
genesis_unregister_layout( 'sidebar-content-sidebar' );

Bước 2: Đăng ký thanh bên chính. Một lần nữa, bạn cần sửa đổi tệp functions.php:

Mã hiện tại:

//* Unregister sidebars
unregister_sidebar( 'sidebar' );
unregister_sidebar( 'sidebar-alt' );

Được thay thế bởi cái này:

//* Unregister sidebars
//unregister_sidebar( 'sidebar' );
unregister_sidebar( 'sidebar-alt' );

Bước 3: Có điều kiện thực hiện thiết lập bố trí toàn chiều rộng. Một lần nữa chỉnh sửa tệp functions.php

Mã hiện tại:

//* Force full-width-content layout setting
add_filter( 'genesis_site_layout', '__genesis_return_full_width_content' );

Được thay thế bởi cái này:

add_action( 'genesis_meta', 'gd_full_width_site_layout' );
function gd_full_width_site_layout(){  
  if ( 'content-sidebar' != genesis_get_custom_field( '_genesis_layout' ) ):   
    //* Force full-width-content layout setting
    add_filter( 'genesis_site_layout', '__genesis_return_full_width_content' );
  endif;
}

Bước 4: Chỉnh sửa tệp style.css. Một lần nữa, tôi đang nói rằng tôi đã không thêm css đáp ứng cho bố cục thanh bên nội dung. Cá nhân bạn chăm sóc nó.

.content-sidebar .content {
float: left;
width: 72.09433962264151%;
}
.sidebar-primary {
background: #eee;
float: right;
width: 26.96226441509434%;
padding: 100px 0;
border-left: 1px solid #e2e2e2;
}
.sidebar-primary .widget{
padding: 0 40px
}
.sidebar-primary h4.widgettitle{
color: #333;
font-size: 28px;
}