6 cách xóa sidebar trong WordPress đơn giản
6 Cách Xóa Sidebar Trong WordPress Đơn Giản
Sidebar (thanh bên) là một phần không thể thiếu trên nhiều trang web WordPress, thường chứa các tiện ích (widgets) như danh mục bài viết, tìm kiếm, quảng cáo, thông tin liên hệ, hoặc liên kết mạng xã hội. Tuy nhiên, trong một số trường hợp, bạn có thể muốn loại bỏ sidebar để tạo ra một bố cục trang rộng hơn, tập trung hơn vào nội dung chính, hoặc đơn giản chỉ là vì sidebar không còn phù hợp với thiết kế hiện tại. Bài viết này sẽ hướng dẫn bạn 6 cách đơn giản để xóa sidebar trong WordPress.
1. Xóa Sidebar Bằng Tùy Biến Giao Diện (Theme Customizer)
Cách đơn giản nhất để xóa sidebar là thông qua Tùy Biến Giao Diện (Theme Customizer) của WordPress. Nhiều giao diện (theme) cho phép bạn tùy chỉnh bố cục trang, bao gồm cả việc bật/tắt sidebar.
- Đăng nhập vào trang quản trị WordPress của bạn.
- Đi đến “Giao diện” (Appearance) -> “Tùy biến” (Customize).
- Tìm kiếm tùy chọn liên quan đến “Layout” (Bố cục), “Sidebar”, hoặc “Page Options” (Tùy chọn trang). Tên và vị trí chính xác của tùy chọn này có thể khác nhau tùy thuộc vào giao diện bạn đang sử dụng.
- Nếu tìm thấy, bạn có thể thấy các tùy chọn để chọn bố cục khác nhau, chẳng hạn như “Full Width” (Toàn chiều rộng) hoặc “No Sidebar” (Không có sidebar).
- Chọn bố cục mong muốn và nhấp vào “Lưu & Xuất bản” (Save & Publish).
Lưu ý rằng không phải tất cả các giao diện đều cung cấp tùy chọn này. Nếu bạn không tìm thấy tùy chọn xóa sidebar trong Theme Customizer, hãy thử các phương pháp khác được mô tả dưới đây.
2. Sử Dụng Plugin Để Quản Lý Sidebar
Có rất nhiều plugin WordPress miễn phí và trả phí được thiết kế để giúp bạn quản lý sidebar một cách linh hoạt. Một số plugin phổ biến bao gồm:
- Widget Options
- Custom Sidebars
- Remove & Disable Sidebars
Các plugin này thường cho phép bạn:
- Xóa sidebar trên các trang hoặc bài viết cụ thể.
- Tạo các sidebar tùy chỉnh và gán chúng cho các trang hoặc bài viết khác nhau.
- Ẩn sidebar dựa trên điều kiện (ví dụ: chỉ hiển thị sidebar cho người dùng đã đăng nhập).
Để sử dụng plugin:
- Đi đến “Plugin” -> “Cài mới” (Add New).
- Tìm kiếm plugin bạn muốn sử dụng (ví dụ: “Widget Options”).
- Cài đặt và kích hoạt plugin.
- Truy cập trang cấu hình của plugin (thường nằm trong phần “Giao diện” hoặc “Cài đặt”).
- Làm theo hướng dẫn của plugin để xóa hoặc tùy chỉnh sidebar theo ý muốn.
3. Xóa Sidebar Bằng Cách Chỉnh Sửa Template Trang (Page Template)
Một cách khác để xóa sidebar là chỉnh sửa trực tiếp các template trang (page template) trong giao diện của bạn. Phương pháp này đòi hỏi bạn phải có một chút kiến thức về HTML và PHP.
- Đăng nhập vào tài khoản FTP của bạn hoặc sử dụng trình quản lý tệp tin trong hosting.
- Tìm thư mục chứa giao diện (theme) của bạn. Thường nằm ở `wp-content/themes/ten-giao-dien-cua-ban`.
- Tìm tệp template trang mà bạn muốn chỉnh sửa. Ví dụ: `page.php` (template mặc định cho trang) hoặc một template tùy chỉnh (ví dụ: `page-fullwidth.php`).
- Tải tệp template xuống máy tính của bạn và mở nó bằng trình soạn thảo văn bản (text editor).
- Tìm phần code hiển thị sidebar. Phần code này thường chứa các hàm PHP như `get_sidebar()` hoặc `
- Xóa hoặc nhận xét (comment) phần code này. Để nhận xét code, bạn có thể sử dụng “ cho PHP và `` cho HTML.
- Lưu tệp và tải nó lên lại máy chủ, ghi đè tệp gốc.
- Kiểm tra trang web của bạn để xem sidebar đã được xóa hay chưa.
CẢNH BÁO: Chỉnh sửa trực tiếp các tệp template có thể gây ra lỗi nếu bạn không cẩn thận. Luôn tạo bản sao lưu trước khi thực hiện bất kỳ thay đổi nào. Việc chỉnh sửa trực tiếp cũng có thể bị mất khi bạn cập nhật giao diện. Sử dụng một giao diện con (child theme) là một phương pháp tốt hơn để tùy chỉnh giao diện.
4. Tạo Giao Diện Con (Child Theme) Để Tùy Chỉnh
Giao diện con (child theme) là một giao diện kế thừa tất cả các tính năng và thiết kế của giao diện mẹ (parent theme). Sử dụng giao diện con cho phép bạn thực hiện các tùy chỉnh mà không lo bị mất chúng khi bạn cập nhật giao diện mẹ.
- Tạo một thư mục mới trong `wp-content/themes/` với tên của giao diện con của bạn (ví dụ: `ten-giao-dien-cua-ban-child`).
- Tạo một tệp `style.css` trong thư mục giao diện con.
- Thêm đoạn code sau vào tệp `style.css`:
“`css
/*
Theme Name: Tên giao diện con của bạn
Theme URI: http://example.com/ten-giao-dien-con-cua-ban/
Description: Giao diện con của [Tên giao diện mẹ]
Author: Tên của bạn
Author URI: http://example.com
Template: [Tên giao diện mẹ]
Version: 1.0.0
*/@import url(“../[Tên giao diện mẹ]/style.css”);
/* Thêm các tùy chỉnh CSS của bạn ở đây */
“`Thay thế các giá trị trong ngoặc vuông bằng thông tin chính xác. Đặc biệt, `Template:` phải chứa tên chính xác của thư mục giao diện mẹ.
- (Tùy chọn) Tạo một tệp `functions.php` trong thư mục giao diện con. Nếu bạn muốn thay đổi các chức năng của giao diện mẹ, bạn có thể thêm code vào tệp này.
- Kích hoạt giao diện con trong phần “Giao diện” -> “Giao diện”.
Sau khi tạo giao diện con, bạn có thể sao chép các tệp template từ giao diện mẹ vào giao diện con và chỉnh sửa chúng theo ý muốn. Các thay đổi bạn thực hiện trong giao diện con sẽ không bị ảnh hưởng bởi các bản cập nhật giao diện mẹ. Để xóa sidebar, bạn có thể sao chép tệp template trang (ví dụ: `page.php`) vào giao diện con và chỉnh sửa nó như đã mô tả ở phần 3.
5. Sử Dụng CSS Để Ẩn Sidebar
Một cách nhanh chóng và đơn giản để ẩn sidebar là sử dụng CSS. Phương pháp này không thực sự xóa sidebar khỏi code, nhưng nó sẽ ẩn nó khỏi hiển thị trên trình duyệt.
- Đi đến “Giao diện” -> “Tùy biến” (Customize) -> “CSS bổ sung” (Additional CSS).
- Thêm đoạn code CSS sau để ẩn sidebar:
“`css
#sidebar {
display: none;
}#content {
width: 100%; /* Đảm bảo nội dung chiếm toàn bộ chiều rộng */
}
“`Thay thế `#sidebar` bằng selector CSS chính xác cho sidebar của bạn. Bạn có thể sử dụng công cụ kiểm tra trình duyệt (ví dụ: Inspect Element trong Chrome) để tìm selector chính xác. Tương tự, điều chỉnh selector và giá trị `width` của `#content` (hoặc selector tương ứng cho phần nội dung chính) để đảm bảo nội dung chiếm toàn bộ chiều rộng của trang.
- Nhấp vào “Lưu & Xuất bản” (Save & Publish).
Phương pháp này nhanh chóng, nhưng nó không thực sự xóa sidebar khỏi code HTML. Vì vậy, sidebar vẫn sẽ được tải, mặc dù nó không hiển thị. Điều này có thể ảnh hưởng một chút đến hiệu suất trang web, mặc dù thường không đáng kể.
6. Xóa Sidebar Trên Một Trang Cụ Thể Bằng Plugin Hoặc CSS
Đôi khi, bạn chỉ muốn xóa sidebar trên một số trang cụ thể, chứ không phải trên toàn bộ trang web. Cả plugin và CSS đều có thể được sử dụng để thực hiện điều này.
Sử dụng Plugin: Nhiều plugin quản lý sidebar (ví dụ: Widget Options) cho phép bạn chỉ định các trang hoặc bài viết mà bạn muốn ẩn sidebar. Hãy tham khảo tài liệu hướng dẫn của plugin bạn đang sử dụng để biết cách thực hiện.
Sử dụng CSS: Để ẩn sidebar trên một trang cụ thể bằng CSS, bạn cần xác định ID hoặc class của trang đó.
- Sử dụng công cụ kiểm tra trình duyệt (Inspect Element) để tìm ID hoặc class của thẻ “ hoặc một phần tử bao quanh nội dung chính của trang đó.
- Thêm đoạn code CSS sau vào “CSS bổ sung” (Additional CSS) trong Theme Customizer:
“`css
.page-id-123 #sidebar { /* Thay thế 123 bằng ID của trang */
display: none;
}.page-id-123 #content {
width: 100%;
}
“`Hoặc nếu bạn sử dụng class:
“`css
.my-specific-page #sidebar { /* Thay thế my-specific-page bằng class của trang */
display: none;
}.my-specific-page #content {
width: 100%;
}
“`Thay thế `.page-id-123` hoặc `.my-specific-page` bằng selector CSS chính xác cho trang của bạn. Điều chỉnh selector và giá trị `width` của `#content` để đảm bảo nội dung chiếm toàn bộ chiều rộng của trang.
- Nhấp vào “Lưu & Xuất bản” (Save & Publish).
Bằng cách sử dụng một trong những phương pháp này, bạn có thể dễ dàng xóa sidebar trong WordPress và tạo ra một bố cục trang phù hợp với nhu cầu của mình. Hãy nhớ luôn sao lưu dữ liệu trước khi thực hiện bất kỳ thay đổi lớn nào trên trang web của bạn.
