Sidebar Là Gì? Hướng Dẫn Cài Sidebar Trên WordPress

Sidebar hay còn gọi là thanh bên, là một khu vực nằm bên cạnh nội dung chính của trang web hoặc bài đăng. Nó thường được sử dụng để chứa các widget hoặc menu, cung cấp cho người dùng quyền truy cập vào các thông tin bổ sung hoặc liên quan đến nội dung chính. Ở bài viết này, MONA sẽ giúp bạn hiểu về Sidebar là gì và hướng dẫn cách tạo Sidebar trong WordPress.

Sidebar là gì?

Sidebar là gì? Sidebar hay thanh bên, là thuật ngữ dùng để chỉ khu vực mà người quản trị website có thể tùy chỉnh thêm/bớt nội dung cho bài viết. Nó có thể là mục tìm kiếm, bài viết mới, lịch,… Trên một website, Sidebar thường xuất hiện ở bên phải hoặc trái bài viết hoặc cả hai bên tùy vào mục đích của người quản trị.

Tuy nhiên, khi thiết kế website, để Sidebar của bạn thật sự thu hút và mang đến giá trị người dùng thì dù sắp xếp theo cấu trúc 2 hoặc 3 cột thì bạn vẫn phải chú ý đến việc bố trí Sidebar sao cho phù hợp. Đồng thời, phải đảm bảo cân xứng với các yếu tố khác.

Widget là gì?

Widget là các nội dung nhỏ lẻ, được bổ sung thêm vào Sidebar. Nội dung hiển thị của widget thường khá đa dạng, tùy thuộc vào loại hình website như: banner website, quảng cáo sản phẩm liên quan, thông tin liên hệ, sự kiện mới, danh mục sản phẩm,… Qua đó giúp website trở nên có tính thẩm mỹ hơn, đồng thời cũng giúp bạn điều hướng người dùng đến nội dung mà bạn mong muốn một cách hiệu quả.

Các loại Sidebar phổ biến

Sidebar hiện có rất nhiều loại và được phân chia dựa theo các tiêu chí khác nhau tùy theo kích thước, vị trí, di động hay tĩnh,… Về chi tiết, hãy cùng MONA tham khảo về các loại Sidebar phổ biến dưới đây:

• Sidebar bên phải: Đây là vị trí Sidebar phổ biến nhất, thường được sử dụng để hiển thị các menu, widget, liên kết và các nội dung bổ sung khác. Nó dễ dàng thu hút sự chú ý của người dùng khi họ cuộn trang xuống.
• Sidebar bên trái: Sidebar bên trái cũng là một vị trí phổ biến khác, thường được sử dụng để hiển thị các menu điều hướng, danh sách danh mục hoặc các nội dung liên quan khác.
• Sidebar hai bên: Website có thể sử dụng hai Sidebar, một bên trái và một bên phải. Sidebar hai bên có thể cung cấp nhiều không gian hơn để hiển thị nội dung, nhưng nó cũng có thể khiến giao diện website trở nên lộn xộn.
• Sidebar chân trang: Các Sidebar chân trang thường được sử dụng để hiển thị thông tin liên hệ, bản quyền, liên kết mạng xã hội hoặc các nội dung khác. Đây cũng được xem là một vị trí tốt để hiển thị thông tin mà bạn muốn người dùng nhìn thấy trên mọi trang của website.
• Siderbar đầu trang: Sidebar đầu trang thường được sử dụng để hiển thị các widget, quảng cáo hoặc các nội dung khác. Sidebar đầu trang có thể thu hút sự chú ý của người dùng ngay khi họ truy cập vào website.
• Siderbar thanh dọc ngang: Sidebar thanh dọc ngang thường được sử dụng để hiển thị các menu điều hướng hoặc danh sách danh mục.

Làm thế nào để điều chỉnh sidebar?

Kích hoạt cũng như điều chỉnh tiện ích Sidebar là thao tác được thực hiện thường xuyên khi thiết kế website. Để làm được điều này, bạn cần đăng ký hàm register_sider() trong functions.php.

Theo đó, một vài tham số mà bạn cần tìm hiểu khi đăng ký hàm register_sider() là:

• Name: Đây là tên của Sidebar và có thể nhìn thấy ở trang quản lý.
• Id: id là tên địa chỉ được định dạng bằng chữ thường và thông qua hàm dynamic-sidebar(), bạn có thể dùng tên hoặc id để gọi Sidebar vào chủ đề.
• Description: Đây là mô tả ngắn gọn về thanh bên. Mô tả này thường được hiển thị trong giao diện quản trị của website.
• Class: Là lớp tên của css được gắn vào đoạn html widget.
• Before_widget: Đây là đoạn html được đặt trước mỗi widget.
• After_widget: Là đoạn mã html được đặt sau mỗi widget và nó thường là thẻ đóng của before_widget.
• Before_title: Mô tả đoạn mã html được đặt trước mỗi tiêu đề của widget.
• After_title: Một đoạn code html hoặc PHP được thêm vào sau tiêu đề của widget. Nó thường là thẻ đóng của before_title.

Có thể thấy, công công cài đặt Sidebar thì không hề đơn giản, nhất là với những người mới. Đặc biệt, bước thiết lập này còn đòi hỏi bạn phải có kiến thức viết code PHP. Do đó, nếu bạn không có kinh nghiệm về công nghệ thông tin thì có thể yêu cầu nagy chính đơn vị thiết kế trang web cho mình, hoặc tìm đến các đơn vị chuyên các dịch vụ thiết kế website như MONA để thiết lập tính năng này.

Cách sử dụng Sidebar trong nền tảng  WordPress

Có thể nói, Sidebar là một công cụ vô cùng hữu ích dành cho những ai đang trực tiếp quản trị website. Tuy nhiên, việc tạo và dùng Sidebar không hề đơn giản, nhất là với những người mới tìm hiểu về nó. Sau đây là những hướng dẫn chi tiết giúp bạn có thể tạo ra Sidebar hoàn chỉnh, đẹp mắt trên WordPress một cách đơn giản và nhanh chóng.

Hướng dẫn 2 cách tạo sidebar trong wordpress

Dưới đây là 2 cách tạo thêm Sidebar trong WordPress mà bạn có thể tham khảo:

Cách 1: Tạo Sidebar bằng Widget

• Vào phần giao diện quản trị chính -> Chọn Appearance -> Chọn Widget
• Sau khi giao diện Widget đã hiển thị -> Chọn Sidebar

Cách 2: Tạo Sidebar bằng công cụ Customize

• Vào giao diện quản trị chính -> Chọn Appearance -> Chọn Customize -> Chọn Widget
• Khi giao diện Widget xuất hiện -> Chọn Sidebar

Cách hiển thị sidebar trong wordpress

Sau khi đăng ký Sidebar thành công cho WordPress, bạn cần làm cho Sidebar hiển thị trong Theme của mình. Cụ thể, hãy cùng MONA tham khảo 3 cách hiển thị Sidebar trong wordpress dưới đây:

• Cách 1: Tạo Sidebar.php và hiển thị Sidebar vừa tạo trong sidebar.php và sử dụng hàm dynamic_sidebar. Tuy nhiên, bạn nên kết hợp dùng hàm get_sidebar để thêm sidebar.php vào vị trí muốn hiển thị.
• Cách 2: Bạn có thể trực tiếp dùng hàm dynamic_sidebar để gọi Sidebar vào vị trí mà bạn muốn hiển thị. Tuy nhiên, bạn cần phải lưu ý đến tham số duy nhất của hàm như Id hoặc Name của Sidebar.
• Cách 3: Bạn vừa thực hiện cài đặt vừa khởi động plugin Easy Custom Sidebar. Sau khi Plugin đã khởi động thì bạn vào giao diện Appearance và đến mục Theme Sidebar để tạo và có thể tùy chỉnh thêm nội dung hiển thị.

Vị trí đặt Sidebar tốt nhất

Bên cạnh hiểu được “Sidebar là gì?” và cách cài đặt Siderbar, bạn cùng cân nhắc đến việc thiết lập vị trí, bố cục cho Sidebar. Theo đó, nếu bạn không biết nên đặt Sidebar ở vị trí nào tốt nhất thì có thể tham khảo ngay một số vị trí được các chuyên gia đánh giá là “đắc địa” dưới đây:

• Sidebar đặt bên phải: Vị trí này sẽ giúp hướng khách hàng đi từ nội dung chính đến các vấn đề hoặc chi tiết nhỏ liên quan khác. Theo đó, việc đặt Sidebar ở vị trí này sẽ giúp người xem thoải mái trong việc tiếp nhận thông tin và gia tăng tỉ lệ tìm nội dung mà họ đang cần.
• Sidebar đặt bên trái: Phần lớn người dùng khi truy cập vào một website nào đó thì luôn có thói quen nhìn từ trái sang phải rồi từ trên xuống dưới. Do đó, đây là vị trí khá thuận lợi để giúp nội dung của bạn thêm phần nổi bật và thu hút sự quan tâm của người dùng.
• Đặt Sidebar cả hai bên trái và phải: Đây là hai vị trí Sidebar mà hiện có khá nhiều website lựa chọn thể hiện. Cách thức này không chỉ đảm bảo được trải nghiệm người dùng khi nội dung chính luôn đặt tại trung tâm mà còn cho các thông tin khác ở cả trái lẫn phải được tối ưu giao diện hơn.

Trên đây là lời giải đáp cho câu hỏi Sidebar là gì? Và cách tạo Sidebar trên WordPress chuẩn nhất. Có thể thấy, Sidebar là một công cụ hữu ích giúp bạn cải thiện giao diện và chức năng của trang web WordPress. Hy vọng với những thông tin và hướng dẫn chi tiết của MONA trên đây, bạn sẽ biết cách thiết lập và ứng dụng hiệu quả Sidebar vào website của mình nhé! Chúc các bạn thành công!