Bạn đã từng nghe đến thuật ngữ “sidebar” trong WordPress chưa? Nếu bạn đang sử dụng WordPress, hãy tìm hiểu về sidebar là gì và cách sử dụng sidebar trong thiết kế web. Sidebar là một phần quan trọng của giao diện người dùng và cung cấp một cách tiện lợi để hiển thị các liên kết, tiện ích, thông tin và quảng cáo.
Sidebar là gì?
Sidebar 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, thường được sử dụng để chứa các widget hoặc menu. Sidebar thường có định dạng hẹp và dọc, và được đặt bên trái hoặc bên phải của nội dung chính. Trong WordPress, sidebar là một phần của theme hoặc template của trang web. Nó cung cấp cho người dùng một cách để tùy chỉnh giao diện và nội dung của sidebar. Sử dụng sidebar giúp người dùng có thể tạo ra một trang web độc đáo và chuyên nghiệp hơn và cung cấp cho người dùng trải nghiệm người dùng tốt hơn.
Cách tạo sidebar trong WordPress
Có hai cách để tạo sidebar trong WordPress: sử dụng code hoặc sử dụng plugin. Dưới đây tôi sẽ hướng dẫn bạn cả hai cách này.
Tạo sidebar sử dụng code
Để tạo sidebar bằng code, bạn có thể thực hiện các bước sau:
Bước 1: Mở trình soạn thảo của theme WordPress và tạo file sidebar.php trong thư mục của theme.
Bước 2: Đặt mã sau vào file sidebar.php để tạo sidebar:
<div id="sidebar">
<?php if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
<?php dynamic_sidebar( 'sidebar-1' ); ?>
<?php endif; ?>
</div>Trong đó, ‘sidebar-1’ là ID của sidebar, bạn có thể đặt tên khác nếu muốn.
Bước 3: Lưu file sidebar.php và đóng trình soạn thảo.
Bước 4: Mở file functions.php trong thư mục của theme và thêm đoạn mã sau để đăng ký sidebar:
function wpdocs_theme_slug_widgets_init() {
register_sidebar( array(
'name' => __( 'Tên sidebar', 'text_domain' ),
'id' => 'sidebar-1',
'description' => __( 'Mô tả sidebar', 'text_domain' ),
'before_widget' => '<div class="widget">',
'after_widget' => '</div>',
'before_title' => '<h2 class="widget-title">',
'after_title' => '</h2>',
) );
}
add_action( 'widgets_init', 'wpdocs_theme_slug_widgets_init' );Trong đó, ‘Tên sidebar’ và ‘Mô tả sidebar’ là tên và mô tả của sidebar của bạn. Bạn có thể tùy chỉnh các giá trị này để phù hợp với nhu cầu của mình.
Sau khi hoàn thành các bước trên, sidebar của bạn sẽ được hiển thị trong WordPress và bạn có thể thêm các widget vào sidebar đó.
Tạo sidebar sử dụng plugin
Để tạo sidebar trong WordPress sử dụng plugin, bạn có thể sử dụng các plugin như Sidebar Generator, Custom Sidebars hoặc Simple Page Sidebars. Dưới đây là hướng dẫn sử dụng plugin Sidebar Generator:
Bước 1: Truy cập vào trang quản lý plugin trong WordPress và tìm kiếm plugin Sidebar Generator.
Bước 2: Cài đặt và kích hoạt plugin Sidebar Generator.
Bước 3: Sau khi kích hoạt, bạn sẽ thấy một mục mới xuất hiện trong menu bên trái của WordPress với tên Sidebar Generator. Nhấp vào đó để bắt đầu tạo sidebar mới.
Bước 4: Nhập tên cho sidebar của bạn và thực hiện các tùy chỉnh khác như định dạng, màu sắc, kích thước, v.v.
Bước 5: Lưu lại sidebar của bạn và chọn các trang hoặc bài đăng mà bạn muốn hiển thị sidebar này.
Bước 6: Thêm các widget vào sidebar của bạn bằng cách kéo và thả chúng vào vị trí mong muốn.
Bước 7: Lưu lại các thay đổi của bạn và xem kết quả trên trang web của mình.
Với plugin Sidebar Generator, bạn có thể tạo nhiều sidebar khác nhau cho các trang hoặc bài đăng khác nhau và tùy chỉnh chúng dễ dàng. Bạn cũng có thể thêm các điều kiện hiển thị sidebar của mình, ví dụ như hiển thị sidebar khác nhau cho các trang khác nhau hoặc cho các trang thuộc cùng một danh mục.
Cách sử dụng sidebar
Sử dụng sidebar trong WordPress rất đơn giản. Sau khi bạn đã tạo và cấu hình sidebar, bạn có thể áp dụng chúng cho trang hoặc bài đăng của mình theo các bước sau:
Bước 1: Truy cập vào bài đăng hoặc trang mà bạn muốn hiển thị sidebar.
Bước 2: Tìm kiếm vùng thiết kế trang của trình soạn thảo WordPress của bạn.
Bước 3: Nếu sidebar đã được tạo sẵn, bạn sẽ thấy một phần “Sidebar” hoặc “Widgets” ở đây. Kéo và thả các widget mà bạn muốn hiển thị vào vị trí này.
Bước 4: Lưu lại thay đổi của bạn và xem trang của mình để kiểm tra kết quả.
Nếu bạn muốn tùy chỉnh hiển thị sidebar của mình trên các trang hoặc bài đăng khác nhau, bạn có thể sử dụng plugin Custom Sidebars để thiết lập các điều kiện hiển thị. Ví dụ, bạn có thể chỉ định sidebar hiển thị trên các trang thuộc cùng một danh mục hoặc sidebar khác nhau cho các trang khác nhau.
Ngoài ra, bạn cũng có thể tạo các sidebar khác nhau cho các vùng khác nhau của trang web của bạn, ví dụ như sidebar chính, sidebar phụ hoặc footer sidebar. Tất cả đều được quản lý và cấu hình dễ dàng thông qua trình quản lý sidebar của WordPress hoặc các plugin tương tự.
Vị trí thích hợp nhất để đặt sidebar là gì?
Vị trí đặt sidebar phụ thuộc vào ý đồ bố trí, sắp đặt và ý tưởng thiết kế riêng của bạn. Tuy nhiên, có hai vị trí phổ biến để đặt sidebar: bên trái và bên phải.
-
Nếu đặt sidebar bên trái, đó là một vị trí khá thuận tiện vì hầu hết người dùng thường có xu hướng nhìn từ trái sang phải và từ trên xuống dưới. Do đó, vị trí này sẽ giúp cho sidebar trở nên nổi bật và thu hút sự chú ý của người xem, người xem có thể dễ dàng quan sát và xử lý sidebar trước.
-
Nếu đặt sidebar bên phải, vị trí này tương đối tốt để hướng dẫn người truy cập từ nội dung đến các chi tiết liên quan đến vấn đề. Nó cũng tạo ra môi trường thoải mái hơn để khách hàng có được thông tin. Vị trí này cũng là một lựa chọn tốt để xem xét.
Tuy nhiên, bạn có thể sáng tạo và đặt sidebar ở vị trí mà bạn thích để tạo nên một phong cách riêng và ấn tượng nhất cho trang web của bạn.
Vậy bạn đã biết cách đơn giản hóa các bước làm sidebar rồi đúng không? Chính là lựa chọn sự hỗ trợ phù hợp để khiến công việc này trở nên dễ dàng hơn. Hãy lựa chọn một giải pháp toàn diện như GoWEB, giúp bạn thiết kế web một cách chuyên nghiệp và tối ưu hóa trang web của bạn với các thành phần như header, footer, sidebar và content đẹp mắt.
Cùng với GoWEB, bạn sẽ được trải nghiệm nhiều tính năng hữu ích như tự do tùy chỉnh giao diện, kho giao diện phong phú, đa dạng, thiết kế đa dạng giao diện website mang dấu ấn thương hiệu, thoải mái tạo bộ sưu tập sản phẩm/dịch vụ và vô vàn các tính năng hữu ích khác. Đặc biệt, GoWEB hỗ trợ tối ưu chuẩn SEO, tương thích trên nhiều thiết bị và tích hợp nhiều công cụ quản lý bán hàng và tiếp thị.
Hãy liên hệ với chúng tôi để biết thêm chi tiết về GoWEB và cách nâng cao trải nghiệm người dùng trên trang web của bạn.