Sidebar là gì và cách sử dụng

Sidebar là gì, đó là một trong những vấn đề mà nhà thiết kế website chắc chẳn phải nắm rõ. Trong một website sẽ có chứa nhiều mục có nội dung khác nhau được hiển thị, ngoài các nội dung chính ra thì còn có các nội dung nhỏ xuất hiện ở trên, dưới, trái, hay phải website. Tất cả chúng đều chứa những nội dung thông tin cần thiết mà website muốn đưa đến khách hàng.

Khái niệm Sidebar là gì?

Sidebar là gì? Sidebar chính là một hoặc nhiều cột hiển thị thông tin bên cạnh nội dung chính của trang web. Sidebar có thể nằm ở nhiều vị trí như bên phải, bên trái, trên header hoặc footer của website miễn sao đặt ở vị trí đẹp mắt, người dùng thấy phù hợp và dễ sử dụng nhất. Người quản trị trang web có thể thông qua Sidebar để chỉnh sửa, sắp xếp các bài viết, lịch làm việc hay tin tức trên web giúp người xem dễ dàng truy cập mà không cần phải điều chỉnh mã code của toàn bộ trang.

sidebar-la-gi-vi-tri
Vị trí của Sidebar trên trang web.

Để dễ dàng cho việc thêm nội dung vào Sidebar thì bên trong Sidebar sẽ là các mục Widget, vậy Widget là gì? Hãy cùng tìm hiểu.

Sơ lược về Widget

Sau khi đã giải thích cho câu hỏi Sidebar là gì thì Widget cũng là một phần của Sidebar bắt buộc phải nắm rõ. Widget là phần nội dung con của thanh Sidebar, có rất nhiều dạng nội dung trên Widget đa dang tùy theo mục đích sử dụng của website như: cập nhật tin tức, sự kiện, thu hút lượt theo dõi, quảng cáo sản phẩm, giới thiệu bài đăng,… Tất cả được sắp xếp logic, hợp lý sẽ giúp trang web trở nên hấp dẫn, đẹp mắt và thu hút người xem.

sidebar-la-gi-widget
Có nhiều mục nhỏ ở Widget thuộc Sidebar.

Ưu điểm khi sử dụng Sidebar

Hầu hết bất kì trang web nào hiện nay cũng sử dụng Sidebar vì thực sự Sidebar có nhiều ưu điểm về cả tác dụng lẫn thẩm mỹ cho trang web, và sau đây là những lợi ích nó mang lại:

  • Làm website trở nên thẩm mỹ và chuyên nghiệp.
  • Làm đầy cách khoảng trống trên website, tránh sự trống trải, đơn điệu.
  • Giúp khách hàng sử dụng dịch vụ dễ dàng.
  • Góp phần trong việc thúc đẩy hoàn thành các mục tiêu hoạt động trên website.
  • Đưa đến nhiều thông tin hơn cho khách hàng hay những nội dung họ muốn tìm kiếm.

Cách tạo Sidebar trong WordPress

sidebar-la-gi-cach-tao
Cách tạo Sidebar đơn giản trên WordPress.

Trường hợp các Theme WordPress đã được kích hoạt Sidebar

Sau đây sẽ là 2 cách đơn giản để tạo Sidebar trong WordPress:

Cách 1: Tạo Sidebar bằng cách thêm Widget

–  Trên giao diện chính của WordPress, hãy chọn Appearance rồi chọn Widget.

–  Khi hiển thị giao diện Widget, chọn Sidebar.

Cách 2: Tạo Sidebar bằng thẻ Customize

  • Trên giao diện chính của WordPress, chọn Appearance rồi chọn Customize, chọn Widget.
  • Giao diện Widget hiện lên thì chọn Sidebar.

Trường hợp các Theme WordPress chưa được kích hoạt Sidebar

Đối với tình huống này, bắt buộc phải đăng kí tiện ích Sidebar trong Functions.php và sử dụng hàm register_sidebar để đăng kí và phải hiểu được ý nghĩa tham số của hàm sau:

  • Name: Tên Sidebar.
  • Id: Phải sử dụng chữ thường, có thể dùng id hoặc name gọi Sidebar vào chủ đề thông qua hàm dynamic_sidebar().
  • Description: Mô tả Sidebar, có thể thấy ở trang quản lý.
  • Class: Tên lớp css gắn vào đoạn mã Html widget.
  • Before_widget: Đoạn mã Html gắn trước Widget
  • After_widget: Đoạn mã Html gắn sau Widget, là thẻ đóng của before_widget.
  • Before_title: Đoạn mã Html gắn trước tiêu đề Widget.
  • After_title: Đoạn mã Html gắn sau mỗi tiêu đề của Widget, được coi là thẻ đóng của before_title.

Thao tác cài đặt Sidebar có phần khá phức tạp và đòi hỏi phải có kiến thức về viết code PHP nếu không WordPress sẽ dễ xảy ra lỗi khi hoạt động.

Tham khảo cách đặt Sidebar

sidebar-la-gi-trai-phai
Sidebar khi đặt ở bên trái hoặc phải.

Đặt Sidebar bên trái

Là vị trí khá hợp lí vì ứng theo thói quen nhìn từ trái sáng phải, từ trên xuống dưới của người Việt Nam thì sẽ nhìn về Sidebar trước tiên. Nếu muốn nội dung trên Sidebar được ưu tiên chú ý đầu tiên thì nên đặt ở bên trái, phía trên website.

Đặt sidebar bên phải

Cách này sẽ giúp dẫn dắt người truy cập trang web xem hết những nội dung chính trước rồi mới đến những nội dung gợi ý khác trên Sidebar. Cách này làm người xem có cảm giác đang tìm đúng nội dung hướng đến rồi mới xem gợi ý những mục tương tự khác một cách tự nhiên, gây tò mò.

Tham khảo gợi ý đặt nội dung cho Sidebar

sidebar-la-gi-noi-dung
Cách một trang web về thú cưng đặt Sidebar.

Có rất nhiều dạng nội dung, thông tin có thể đặt trên Sidebar, một số nội dung chủ yếu như:

  • Bài đăng mới cập nhật về dịch vụ, quảng cáo, sản phẩm mới ra, khuyến mãi,…
  • Email subscription: Thông tin nhận email thông báo.
  • Nút chia sẻ trên mạng xã hội.
  • Chỉ số đánh giá, chứng nhận liên quan đến doanh nghiệp, webside.
  • Sticky Sidebar: Giúp người dùng có thể nhìn thấy Sidebar ở bất kì vị trí nào trên trang web.

Hy vọng bài viết đã giải thích cho các nhà thiết kế một số vấn đề thắc mắc trong việc xây dựng website, giải đáp câu hỏi Sidebar là gì, công dụng của Sidebar và cách đặt Sidebar đơn giản trên WordPress. Còn chần chừ gì nữa mà không tạo dựng nên một trang web với cách đặt Sidebar đẹp và hiệu quả.

 

 

banner-seo-tu-tu
Dịch vụ SEO từ từ