Thanh bên css

lục mục

Tìm hiểu về Sidebar

Là một trong những thành phần không thể thiếu của trang web, vậy Sidebar là gì?

• Thanh bên là gì?

Thanh bên được hiểu là các cột hiển thị thông tin bên cạnh nội dung chính trên trang web. Thanh bên có thể nằm bên phải, bên trái, trên đầu trang hoặc chân trang của website, blog,… Tại Thanh bên, người quản trị có thể chỉnh sửa, sắp xếp nội dung các bài viết mới, lịch làm việc, tin tức quan trọng, . Để thuận tiện cho việc thêm nội dung vào Sidebar thì người quản trị sẽ sử dụng các Widget, vậy Widget là gì?

• Widget là gì?

Widget là các phần nội dung nhỏ, lẻ được đưa vào thanh Sidebar. Tùy vào nội dung, mục đích của website mà nội dung trong Sidebar cũng khác nhau do đó các Widget cũng khác nhau. Thông thường các Widget thường có nội dung về quảng bá sản phẩm, dịch vụ liên quan, cập nhật tin tức, sự kiện mới, kêu gọi hành động, thu hút like,… Sự kiện sắp xếp bố trí Widget hợp lý giúp trang web .  

Xem thêm. Thiết kế trang web liên kết

• Lợi ích khi sử dụng Sidebar

Bất kỳ trang web nào cũng sẽ sử dụng Thanh bên, người truy cập sẽ cảm thấy trống rỗng, thiếu sót nếu truy cập vào một trang web không có công cụ này. Các lợi ích khi sử dụng Thanh bên có thể kể đến

• Giúp website đẹp mắt, chuyên nghiệp hơn
• Lấp đầy các chỗ trống trên trang web
• Tăng khả năng trải nghiệm của khách hàng
• Các hỗ trợ đã hoàn thành các mục hoạt động của trang web
• Cung cấp nhiều thông tin hơn cho khách hàng

Cách tạo thanh bên trong WordPress

Có rất nhiều phần mềm, nền tảng nền tảng được sử dụng để tạo và phát triển trang web nhưng trong đó WordPress là nền tảng quan trọng nhất và được sử dụng nhiều nhất. Chính vì vậy AIO sẽ hướng dẫn bạn cách tạo Thanh bên trong WordPress đơn giản như sau

Đối chiếu với các Theme WordPress đã kích hoạt Sidebar

Trong trường hợp này, hãy áp dụng các cách sau

• Cách 1. Tạo thanh bên bằng cách thêm Widget

• Trên giao diện quản trị chính của WordPress, bạn chọn Giao diện sau đó tìm và chọn Tiện ích
• Khi Widget giao diện được hiển thị thì chọn Sidebar

• Cách 2. Tạo thanh bên bằng thẻ tùy chỉnh

• Trên giao diện quản trị chính của WordPress, bạn chọn Giao diện sau đó tìm và chọn Tùy chỉnh, tiếp theo chọn Tiện ích
• Khi Widget giao diện được hiển thị thì chọn Sidebar

Đối chiếu với các Theme WordPress chưa được kích hoạt Sidebar

Trong trường hợp này, bạn phải đăng ký thanh bên tiện ích trong chức năng. php và sử dụng hàm register_sidebar để đăng ký. Khi thực hiện, bạn cần hiểu ý nghĩa của các tham số sau.

• Tên. Tên thanh bên
• ID. Sử dụng để gọi Sidebar vào chủ đề thông qua hàm dynamic_sidebar(). Id phải là chữ viết thường
• Sự miêu tả. Sidebar descriptions
• Lớp. Tên lớp css được gắn vào đoạn mã Html Widget
• Before_widget. Là đoạn mã Html mount trước Widget
• after_widget. Là đoạn mã Html gắn sau Widget, được xem là thẻ đóng của before_widget
• before_title. Là đoạn mã Html gắn trước tiêu đề của Widget
• after_title. Là đoạn mã Html gắn sau tiêu đề của Widget, được xem là thẻ đóng của before_title

Đăng ký mới Thanh bên khá phức tạp và yêu cầu người thực hiện phải hiểu về mã PHP, làm điều đó nếu không đủ hiểu biết thì không nên tự thực hiện để tránh xuất hiện lỗi khi WordPress hoạt động. Bạn có thể nhờ đến sự hỗ trợ, tư vấn hoặc sử dụng các dịch vụ của công ty thiết kế trang web uy tín như AIO . Với nhiều năm kinh nghiệm cùng đội ngũ chuyên viên giỏi, AIO cam kết thiết kế website đạt chuẩn với nhiều tiện ích chất lượng và hiệu quả cao.

Xem thêm. Thiết kế website kiến ​​trúc

Gợi ý cách sử dụng hiệu quả Sidebar

Sau khi khởi tạo thành công Sidebar thì bạn nên tìm hiểu cách sử dụng để tiện ích này phát huy hết hiệu quả. AIO gợi ý một vài cách sử dụng Thanh bên để bạn dễ dàng hình dung và thực hiện như sau

• Gợi ý vị trí đặt sidebar

Sidebar có thể đặt ở bất kỳ vị trí nào trên website nhưng để đạt hiệu quả tốt nhất thì nên đặt ở 02 vị trí sau

• Set side left on website. Vị trí này sẽ giúp thu hút sự chú ý của khách hàng làm thói quen nhìn của mọi người là từ trái sang phải
• Set side must on website. Vị trí này sẽ giúp dẫn dắt người đọc tham khảo thêm các nội dung mà doanh nghiệp muốn hướng tới. Việc sắp xếp nội dung mới, quan trọng tại vị trí này giúp tiết kiệm thời gian tìm kiếm và làm tăng sự đánh giá tích cực của khách hàng

• Gợi ý sử dụng nội dung trên mỗi Sidebar

Bất kỳ nội dung nào cũng có thể đặt ở Thanh bên, tùy chọn đó theo mục đích sử dụng trang web mà người quản lý cập nhật nội dung hợp lý. Các nội dung được đề xuất tại Sidebar bao gồm