CÁCH TỰ TẠO THÊM SIDEBAR CHO THEME

Home / CÁCH TỰ TẠO THÊM SIDEBAR CHO THEME
Các bạn đã từng sử dụng widget trong wordpress thường sẽ có câu hỏi trong đầu rằng “Làm thế nào để có nhiều  khu vực hiển thị hơn”. Hôm nay webexp24h sẽ giải đáp câu hỏi của bạn.

Hướng dẫn tạo sidebar

by Webexp24h

Để có thêm khu vực hiển thị widget, mà ta hay gọi nó là sidebar.

Để tạo một sidebar thì không phức tạp như bạn nghĩ, quy trình nó dễ hơn rất nhiều vì bạn chỉ cần viết vài đoạn code cơ bản. Chỉ cần hiểu rõ cấu trúc theme WordPress, bạn sẽ có thể chèn sidebar vào bất cứ đâu.

Bước 1. Đăng ký sidebar

Bước này webexp24h sẽ tạo một sidebar trong theme, sau khi làm xong bước này bạn sẽ thấy sidebar hiển thị bên trong Appearance >> Widgets.

Bạn chèn đoạn này vào file functions.php của theme và save lại:

 

code

Sau khi hoàn tất thì trong phần Appearance -> Widget sẽ có thêm 1 widget area mới là Footer trái.

Bước 2. Hiển thị sidebar vào theme của bạn

Khi đã có sidebar trong Appearance -> Widget, thì bạn cần thêm 1 công đoạn cuối cùng nữa là hiển thị sidebar ra ngoài theme của bạn.

Để hiển thị, ta sẽ sử dụng một hàm trong WordPress tên là dynamic_sidebar(). Bạn mở file bất kỳ trong theme ra và chèn đoạn dưới đây vào.

<?php dynamic_sidebar(‘footer-right’); ?>

Nếu bạn muốn chắc chắn hơn thì có thể sử dụng thêm một hàm khác kèm theo mang tên là is_activate_sidebar() để kiểm tra xem sidebar cần gọi có hoạt động không (có chứa widget không).

<?php if ( is_active_sidebar( ‘block-after-content’ ) ) : ?>
<?php dynamic_sidebar( ‘block-after-content’ ); ?>
<?php endif; ?>

Trong đó, tham số bên trong chính là ID của sidebar mà bạn đã tạo ở bước 1. Hãy nhớ rằng bạn có thể đặt bất kỳ đoạn nào trong theme, thường là người ta đặt trong file sidebar.php

Trên đây Webexp24h đã hướng dẫn các bạn tạo thêm 1 sidebar mới. Cám ơn các bạn đã xem bài viết của mình. Chúc các bạn thành công!!!

 

Bài viết trước
Quy trình SEO website – Các bước phân tích website
Bài viết tiếp theo
Sitemap là gì ? Hướng dẫn tạo sitemap trên WordPress & khai báo với Google

    Đăng kí nhận thông tin

    Đăng ký ngay để nhận được những thông tin khi có bài viết mới!