Nếu bạn đang bắt đầu thiết kế một website và bạn tự hỏi rằng là Sidebar là gì trong website. Sau đây VDO Software sẽ cùng bạn đi tìm câu trả lời cho câu hỏi sidebar là gì? và cách tạo một sidebar như thế nào trong website.
Sidebar là gì?
Sidebar trong WordPress được đề cập đến một khu vực sẵn sàng cho tiện ích được các chủ đề WordPress sử dụng để hiển thị thông tin không phải là một phần của nội dung chính. Nó không phải lúc nào cũng là một cột dọc ở bên. Nó có thể là một hình chữ nhật nằm ngang bên dưới hoặc phía trên vùng nội dung, chân trang, đầu trang hoặc bất kỳ vị trí nào trong chủ đề.
Việc sử dụng các Sidebar khác nhau và tùy thuộc vào lựa chọn của người thiết kế chủ đề. Nhiều chủ đề WordPress hỗ trợ nhiều Sidebar còn được gọi là các khu vực sẵn sàng cho tiện ích.
Sidebars đóng một vai trò quan trọng trong việc thiết kế bố cục của một trang web WordPress để hiển thị nội dung khác ngoài các bài viết chính của một trang web. Ví dụ: danh sách ngắn các bài báo gần đây, nhận xét gần đây, danh sách các trang hoặc các bài báo phổ biến trên một trang web có thể dễ dàng được hiển thị trên toàn bộ trang web.
Nó cũng có thể được sử dụng để hiển thị quảng cáo từ các trang web của bên thứ ba. Người dùng có thể kéo và thả các mục vào Sidebar từ Giao diện »Tiện ích trong bảng quản trị. Một số chủ đề WordPress đi kèm với các tùy chọn có thể cấu hình cao để tạo bố cục động cho các phần khác nhau của trang web, cho phép người dùng thêm Sidebar của riêng họ từ giao diện kéo và thả.
Tạo Sidebar trong wordpress như thế nào?
Với một Theme WordPress hoàn thiện bạn có thể thêm Sidebar ở cột phải hoặc cột trái. Tại Sidebar này, bạn có thể thêm những nội dung hướng đến người dùng, tăng trải nghiệm người dùng tốt nhất.
Để sử dụng Sidebar bạn có thể truy cập bằng 2 cách sau:
Cách 1: Vào Sidebar bằng Widget
Tại giao diện quản trị/Giao diện (Appearance)/Widget
Sau khi vào Widget bạn sẽ thấy phần tùy chỉnh Sidebar
Cách 2: Vào Sidebar bằng Customize
Tại giao diện quản trị/Giao diện (Appearance)/Customize/Widget
Thêm Sidebar trong wordpress
Sau khi vào Widget trong Customize bạn sẽ thấy phần tùy chỉnh Sidebar
Cách tùy chỉnh sidebar trong wordpress
Một số Theme WordPress chưa kích hoạt Sidebar, để sử dụng Sidebar bạn cần đăng ký Sidebar để được sử dụng hàm register_sidebar, sau đây bạn cần biết đến các tham số của hàm như sau:
- Name: Tên Sidebar, tên này người dùng có thể thấy ở trang quản lý.
- ID: Phải là chữ thường, bạn có thể sử dụng id hoặc name để gọi Sidebar vào chủ đề của bạn thông qua hàm dynamic Sidebar.
- Description: Đoạn mô tả về Sidebar, người dùng có thể thấy ở trang quản lý.
- Class: tên lớp css gán vào đoạn html widget.
- Before_widget: Đoạn html đặt trước mỗi widget
- After_widget: là dãy html đặt sau mỗi widget, thường là thẻ đóng của before_widget.
- Before_title: là dãy html đặt trước mỗi tiêu đề của widget.
- After_title: đoạn html đặt sau mỗi tiêu đề, thường là thẻ đóng của before_title
Hiện nay chúng tôi đang có chương trình khuyến mãi cho dịch vụ thiết kế website theo yêu cầu lên tới 2 triệu đồng. Quý khách hàng được tặng miễn phí tên miền và hosting trong năm đầu tiên. Hãy liên hệ ngay với chúng tôi để nhận được những ưu đãi đặc biệt theo số hotline: 19000366
Xem thêm: Dịch vụ thiết kế website wordpress chuẩn seo nền tảng thiết kế website tốt nhất dành cho SEOer
Cách thêm nội dung vào Sidebar
Sidebar là thành phần rất hữu ích của wordpress, nắm được thành phần này sẽ giúp website của bạn linh động hơn, và đặc biệt bạn sẽ dễ dàng quản lý nội dung của website. Sidebar của bạn cũng là một nơi tốt để quảng cáo. Quảng cáo hiển thị, quảng cáo liên kết văn bản, và quảng cáo video có thể được hiển thị trong Sidebar của bạn.
Cách thêm nội dung vào Sidebar là sau khi truy cập vào quản trị/Giao diện (Appearance)/Widget. Đây là phần chứa các Widget, trong đó có Sidebar.
Chèn nội dung vào Sidebar
Chèn nội dung vào Sidebar
Để thêm nội dung cho Sidebar, rất đơn giản các bạn kéo thả từ bên trái qua bên phải (Sidebar) và điền các nội dung tùy chỉnh và sau đó lưu thay đổi. Các widget bên phải là những widget mặc định mà wordpress cung cấp cho chúng ta. Ngoài ra chúng ta có thể thêm nội dung ngoài giao diện, bằng cách dùng hàm get Sidebar còn tham số ‘Sidebar’ là id của Sidebar được đặt khi khởi tạo 1 Sidebar mới.
Cách hiển thị Sidebar trong Theme WordPress
Sidebar của bạn đã được đăng ký và giờ bạn muốn hiển thị Sidebar trong Theme của mình mà bạn không biết cách thực hiện, dưới đây là 3 cách tham khảo để bạn đọc biết:
Cách 1: Bạn cần tạo Sidebar.php và hiển thị Sidebar vừa tạo trong Sidebar.php và sử dụng hàm dynamic_sidebar để tạo. Để thêm Sidebar.php vào chủ đề thì bạn nên sử dụng hàm get_sidebar vào vị trí mà bạn muốn nó hiển thị
Cách 2: Bạn có thể sử dụng trực tiếp hàm dynamic_sidebar gọi Sidebar vào vị trí bạn muốn hiển thị Sidebar.
Khi sử dụng hàm dynamic_sidebar, đặc biệt bạn cần lưu ý đến tham số duy nhất của hàm: đó có thể là name hoặc id của Sidebar.
Cách 3: Đầu tiên bạn cần cài đặt và kích hoạt plugin Easy Custom Sidebars. Ngay sau khi plugin được kích hoạt, bạn đi tới Appearance đến Theme Sidebars để tạo một Sidebar tùy biến.
Tiếp đến bạn nhập vào tên của Sidebar bạn muốn, sau đó click vào nút Create Sidebar để hoàn tất tạo Sidebar. Tiếp theo, bạn chọn Sidebar của theme mà cần thay thế bằng Sidebar tùy biến mà bạn vừa tạo.
Sau khi bạn đã chọn xong Sidebar của theme cần thay thế, bạn cần chọn nơi nào phù hợp để Sidebar tùy biến cần hiển thị. Đây là lúc bạn nhìn vào panel bên trái của màn hình tạo Sidebar tùy biến để xem xét. Tùy theo nhu cầu cá nhân mà bạn chọn kiểu nội dung phù hợp và thích ứng với kiểu bạn muốn hiển thị Sidebar tùy biến. Bạn cần click nút Save Sidebar sau khi chọn xong kiểu nội dung bạn muốn hiển thị Sidebar tùy biến để lưu chúng.Cuối cùng, bạn chỉ cần chọn widget nội dung cho Sidebar tùy biến. Bạn cần đi tới Appearance đến Widgets, kéo widget bạn muốn vào Sidebar tùy biến.
Vừa rồi chúng tôi đã giải thích rõ ràng cho các bạn biết sidebar là gì và chúng được thêm vào website như thế nào hi vọng các bạn đã có được những thông tin hữu ích qua bài viết vừa rồi. Chúc các bạn một ngày tốt lành!
Có thể bạn quan tâm:
Widget là gì? Cách thêm mới widget vào wordpress
Cách chèn shortcode vào wordpress
Mockups là gì?
Tạo sitemap cho website wordpress
Bitly là gì? Hướng dẫn cách rút gọn link