Hướng dẫn dynamic_sidebar trong wordpress - dynamic_sidebar trong wordpress

Sidebar trong wordpress sẽ giúp website linh động hơn. Giúp khách hàng có thể thay đổi một số thành phần cuả website mà không cần phải vào code.

Cũng tương tự như menu trong wordpress sidebar mặc định sẽ không hiển thị, chúng ta phải vào code để đăng ký cũng như hiển thị. Bài viết hôm nay mình sẽ hướng dẫn cho các bạn cách tạo và hiển thị nó.

Mục lục

  • 1 Tạo sidebar trong wordpress Tạo sidebar trong wordpress
  • 2 Thêm nội dung cho sidebar Thêm nội dung cho sidebar
  • 3 Get nội dung sidebar trong wordpress Get nội dung sidebar trong wordpress
  • 4 Lời kết: Lời kết:

Hướng dẫn dynamic_sidebar trong wordpress - dynamic_sidebar trong wordpress

Để vào phần quản lý sidebar các đi theo luồng sau: Vào admin -> Giao diện -> widgetVào admin -> Giao diện -> widget

Mặc định khi tạo theme thì phần sidebar của website chưa hiển thị. Chúng ta phải đi đăng ký các vị trí hiển thị của sidebar.

Để đăng ký vị trí hiển thị sidebar trong wordpress, các bạn dùng đoạn code sau chèn file functions.php của theme đang sử dụng nha.functions.php của theme đang sử dụng nha.

if (function_exists('register_sidebar')){
    register_sidebar(array(
    'name'=> 'Cột bên',
    'id' => 'sidebar',
));
}

Hàm register_sidebar là hàm dùng để đăng ký 1 vị trí hiển thị sidebar. Hàm này có 2 tham số là:register_sidebar là hàm dùng để đăng ký 1 vị trí hiển thị sidebar. Hàm này có 2 tham số là:

  • Name => Tên hiển thị sidebar trong wordpress => Tên hiển thị sidebar trong wordpress
  • ID => ID của sidebar, id này dùng để get dữ liệu của sidebar ra ngoài giao diện => ID của sidebar, id này dùng để get dữ liệu của sidebar ra ngoài giao diện

Sau khi đăng ký các bạn vào: Admin -> giao diên -> widget sẽ thấy như hình phía dưới là thành công.Admin -> giao diên -> widget sẽ thấy như hình phía dưới là thành công.

Hướng dẫn dynamic_sidebar trong wordpress - dynamic_sidebar trong wordpress

Một sidebar sẽ chứa nhiều widget. Mặc định wordpress đã cung cấp cho chúng ta rất nhiều widget. Số lượng widget ở đây phụ thuộc vào website bạn có cài nhiều plugin hỗ trợ widget hay không. Trong bài sau mình sẽ hướng dẫn cho bạn cách tạo 1 widget đơn giản.

Để thêm nội dung cho widget, mình đã có viết sẵn 1 bài về vấn đề này rồi bạn có thể xem tại đây: Cách chèn widget vào website.

Để get nội dung sidebar các bạn dùng đoạn code sau chèn vào vị trí cần hiển thị sidebar của theme đang sử dụng nhé.

Đoạn code trên kiểm trả xem có khai báo sidebar không, nếu có dùng hàm dynamic_sidebar() để get sidebar. ‘sidebar‘ là ID của sidebar được khai báo trong quá trình tạo sidebar.dynamic_sidebar() để get sidebar. ‘sidebar‘ là ID của sidebar được khai báo trong quá trình tạo sidebar.

Lời kết:

Hôm này mình đã giới thiệu chức năng tạo sidebar cũng như là get sidebar trong wordpress. Nội dung kiến thức của bài này khá đơn giản.

Chủ yếu các bạn cần phân tích yếu cầu của khách hàng, rồi chọn số lượng và vị trí đặt sidebar cho phù hợp.

Bài viết sau mình sẽ hướng dẫn cho các bạn cách viết một widget trong wordpress. Xin chào các bạn! À nhớ like page Học wordpress để ủng hộ mình nhé.

53votes 3 votes

Đánh giá bài viết

Các bạn đã từng đọc qua bài tự tạo widget sẽ có câu hỏi làm thế nào để tạo thêm nhiều khu vực hiển thị các widget, mà ta thường gọi vắn tắt là sidebar.

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’ => ‘’,
‘before_title’ => ‘

’,
‘after_title’ => ‘


));

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.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.

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).





Tra cứu: Các hàm liên quan đến Sidebar: Các hàm liên quan đến Sidebar

Bài viết được đóng góp bởi độc giả tên Đình Chi.

Thạch Phạm

Bé Thạch 18 tuổi, hiện công tác tại AZDIGI với vị trí giữ xe và viết thuê tại ThachPham.Com. Sở thích nghiên cứu về website, DevOps, SysAdmin và xăm mình nữa. Phương châm sống của bé là "No Pain, No Gain".

Hiện tại blog tạm đóng bình luận vì mình cần tập trung thời gian vào cập nhật bài viết. Bình luận sẽ mở ra cho đến khi mình sẵn sàng.