Code tạo sidebar WordPress

Code tạo sidebar WordPress

18/11/2022 - 12

Cách tạo một widget có thể hơi phức tạp nhưng để tạo một sidebar thì không phức tạp như vậy, 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.

Nào, nếu bạn cần biết cách tự tạo sidebar cho theme của mình thì hãy đọc tiếp phần bên dưới, rất ngắn gọn và dễ hiểu.

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

Bước này nghĩa là ta sẽ xác định 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.

Hãy chèn đoạn này vào file functions.php của theme:

register_sidebar(array(
    'name' => 'Block after content',
    'id' => 'block-after-content',
    'description' => 'Khu vực sidebar hiển thị dưới mỗi bài viết',
    'before_widget' => '<aside id="%1$s" class="widget %2$s">',
    'after_widget' => '</aside>',
    'before_title' => '<h1 class="widget-title">',
    'after_title' => '</h1>'
));

Sau khi đăng ký widget mới thì trong phần Appearance -> Widget sẽ có thêm 1 widget area mới là Block after content.

Hãy bỏ một vài widget ví dụ vào sidebar trước nhé.

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

Ngay sau khi đã có sidebar trong Appearance -> Widget, bây giờ chúng ta sẽ làm một bước cuối cùng nữa đó chính là cho sidebar vừa tạo ở trên hiển thị ra theme.

Để 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('block-after-content'); ?>

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. Bạn cũng có thể đặt vào file single.php nếu muốn hiển thị sidebar ngay bên dưới hoặc trên bài viết.

Nếu bạn muốn chuyên nghiệp 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; ?>

Chúc các bạn thành công!

 

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Bài viết liên quan
Hướng dẫn kích hoạt ionCube Loader PHP Extension trong Cpanel

Hướng dẫn kích hoạt ionCube Loader PHP Extension trong Cpanel

- 24/11/2022

Trong 1 số plugin hoặc theme bắt buộc cần có ionCube để hoạt động. Vì vậy trong bài này mình sẽ hướng dẫn các bạn kích hoạt ionCube Loader Kích hoạt ionCube trong Cpanel Bước1: Chọn Select PHP Version Bước 2: Chọn iconcube_loader như hình. sau đó ấn Lưu thay đổi Xong cho cpanel rồi nhé cả nhà. Hãy vào web […]

Đọc thêm
Tìm kiếm chính xác tiêu đề WordPress

Tìm kiếm chính xác tiêu đề WordPress

- 16/11/2022

[Thủ thuật WordPress] Hướng dẫn cách tìm kiếm chính xác tiêu đề hoặc nội dung trong WordPress – Nếu bạn thường xuyên sử dụng tính năng tìm kiếm của WordPress thì bạn sẽ sớm nhận ra rằng công cụ tìm kiếm của WordPress quá ư là “Cùi chuối” bởi lẽ khi bạn gõ một cụm từ […]
Đọc thêm
Code chèn Countdown Theme Flatsome

Code chèn Countdown Theme Flatsome

- 15/11/2022

Mặc định trong Theme Flatsome đã có sẵn chế độ Countdown, tuy nhiên rất ít người biết đến. Để hiển thị tính năng Countdown Theme Flatsome ( đếm ngược ) bạn chỉ cần sử dụng đoạn code dưới đây. Bạn chỉ cần chèn class “count-up” như ví dụ bên dưới: <span class=”count-up”>1996</span> Sau đó các […]

Đọc thêm
Hiển thị số sản phẩm đã bán trong chi tiết sản phẩm woocommerce

Hiển thị số sản phẩm đã bán trong chi tiết sản phẩm woocommerce

- 14/11/2022

Code dưới đây sẽ cho chúng ta số lượng sản phẩm đã bán ra của 1 sản phẩm nào đó trong trang single product. Các bạn chỉ cần thêm đoạn code vào file functions.php của theme đang sử dụng là được   add_action( ‘woocommerce_single_product_summary’, ‘wc_product_sold_count’, 11 ); function wc_product_sold_count() { global $product; $units_sold = get_post_meta( […]

Đọc thêm
Contact Me on Zalo