Bài viết sau mình sẽ hướng dẫn bạn cách thêm sidebar cho wordpress mà không cần dùng đến plugin. Bạn chỉ cần thêm một chút code đăng ký một sidebar trong wordpress sau mà không cần dùng thêm 1 plugin nào nữa. Khi đăng ký xong một sidebar thì bạn có thể thêm các khối vào sidebar này. Hiên tại ở phiên bản WordPress 5.8.1 bạn có thể dùng các khối gutenberg để thêm vào sidebar. Giúp bạn dễ tùy biến sidebar hơn. Dưới đây mình sẽ hướng dẫn bạn cách thêm sidebar cho wordpress. Bài viết này thuộc chuyên mục WordPress Development.

Cách thêm sidebar cho wordpress

Đầu tiên để biêt cách thêm sidebar cho wordpress bạn cần phải dùng code để đăng ký sidebar. Sau khi đăng ký xong bạn mới có thể thêm các khối vào sidebar vừa đăng ký được. Để đang ký bạn cần dùng add_action : widgets_init. Bạn sử dụng đoạn code sau để thêm sidebar cho wordpress:

add_action( 'widgets_init', 'csw_widgets_init' );
function csw_widgets_init() {
  
  $args_blog = array(
    'name' => esc_html__( 'Sidebar Blog', 'ntl-csw'),
    'id' => "main-sidebar",
    'description' => esc_html__( 'Sidebar Blog', 'ntl-csw' ),
    'class' => '',
    'before_widget' => '<div id="%1$s" class="widget %2$s">',
    'after_widget' => "</div>",
    'before_title' => '<h4 class="widget-title">',
    'after_title' => "</h4>",
  );
  register_sidebar( $args_blog );
}

• name – Là tên sidebar
• id – là id sidebar để sau này bạn có thể gọi sidebar để nó hiển thị
• description – là mô tả sidebar
• before_widget – thẻ mở html chứa các item bên trong widget
• after_widget – thẻ đóng html
• before_title – thẻ mở html của title item trong sidebar
• after_title – thẻ đóng html của title item trong sidebar

Sau khi bạn thêm sidebar cho wordpress xong. Để nó hiển thị được bạn cần dùng hàm dynamic_sidebar(). Để hiện thị sidebar ra. Bạn dùng đoạn code sau để hiển thị dữ liệu html sidebar ra ngoài:

<?php if(is_active_sidebar('main-sidebar')){ ?>
        <aside id="sidebar" class="sidebar">
            <?php  dynamic_sidebar('main-sidebar'); ?>
        </aside>
<?php } ?>

• is_active_sidebar(‘main-sidebar’) – là kiểm tra xem sidebar này có đang được active không. Bạn chú ý là điền đúng id sidebar nhé ở đây id sidebar là: main-sidebar
• dynamic_sidebar(‘main-sidebar’) – Hàm hiển thị sidebar ra. Bạn chú ý đúng tên sidebar bạn vừa đăng ký bên trên nhé.

Kết Luận

Qua bài viết trên Chuẩn Seo Web đã hướng dẫn bạn cách thêm sidebar cho wordpress. Mình hy vọng sẽ giúp ích cho bạn. Nếu có câu hỏi hay thắc mắc gì bạn vui lòng bạn để lại comment bên dưới. Cám ơn bạn đã theo dõi bài viết.