6 cách xóa sidebar trong WordPress đơn giản

3 giờ ago, WordPress Themes, Views
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 thành phần phổ biến trong thiết kế website WordPress, thường được sử dụng để hiển thị các tiện ích (widget) như danh mục bài viết, tìm kiếm, quảng cáo, hoặc thông tin liên hệ. Tuy nhiên, trong một số trường hợp, bạn có thể muốn xóa sidebar để tạo ra một trang có bố cục rộng hơn, tập trung hơn vào nội dung chính. 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 Cách Chọn Template Toàn Trang (Full-Width Template)

Cách đơn giản nhất để xóa sidebar là sử dụng template toàn trang (full-width template) nếu theme WordPress của bạn cung cấp. Hầu hết các theme WordPress hiện đại đều có ít nhất một template toàn trang.

Cách thực hiện:

  1. Đăng nhập vào trang quản trị WordPress.
  2. Đi đến trang hoặc bài viết mà bạn muốn xóa sidebar.
  3. Trong bảng điều khiển bên phải, tìm ô “Thuộc tính trang” (Page Attributes) hoặc “Tài liệu” (Document).
  4. Trong mục “Template”, chọn “Toàn trang” (Full-Width) hoặc tên tương tự.
  5. Cập nhật hoặc đăng trang/bài viết.

Sau khi cập nhật, trang hoặc bài viết của bạn sẽ hiển thị mà không có sidebar, nội dung sẽ chiếm toàn bộ chiều rộng của trang.

2. Xóa Sidebar Bằng Customizer (Tùy Biến Giao Diện)

Nhiều theme WordPress cho phép bạn tùy chỉnh bố cục trang thông qua Customizer (Tùy Biến Giao Diện). Bạn có thể sử dụng Customizer để ẩn hoặc vô hiệu hóa sidebar một cách dễ dàng.

Cách thực hiện:

  1. Đăng nhập vào trang quản trị WordPress.
  2. Đi đến “Giao diện” (Appearance) > “Tùy biến” (Customize).
  3. Tìm mục “Bố cục” (Layout), “Sidebar”, hoặc tên tương tự. Tên và vị trí chính xác của mục này sẽ khác nhau tùy thuộc vào theme bạn đang sử dụng.
  4. Trong mục này, bạn có thể thấy các tùy chọn để chọn bố cục trang. Chọn bố cục “Không có sidebar” (No Sidebar) hoặc “Toàn trang” (Full-Width).
  5. Nhấn “Đăng” (Publish) để lưu các thay đổi.

3. Xóa Sidebar Bằng CSS

Nếu theme của bạn không cung cấp template toàn trang hoặc tùy chọn để vô hiệu hóa sidebar, bạn có thể sử dụng CSS để ẩn sidebar. Cách này yêu cầu bạn xác định chính xác các class hoặc ID CSS liên quan đến sidebar.

Cách thực hiện:

  1. Xác định class hoặc ID CSS của sidebar. Bạn có thể sử dụng công cụ Inspect Element (Kiểm tra phần tử) của trình duyệt (nhấn chuột phải vào sidebar và chọn “Kiểm tra”).
  2. Đăng nhập vào trang quản trị WordPress.
  3. Đi đến “Giao diện” (Appearance) > “Tùy biến” (Customize) > “CSS bổ sung” (Additional CSS).
  4. Thêm CSS sau (thay thế `your-sidebar-id` hoặc `your-sidebar-class` bằng giá trị thực):
#your-sidebar-id {
  display: none;
}

.your-sidebar-class {
  display: none;
}
  1. Nhấn “Đăng” (Publish) để lưu các thay đổi.

Lưu ý: CSS này sẽ ẩn sidebar trên toàn bộ trang web. Nếu bạn chỉ muốn ẩn sidebar trên một số trang cụ thể, bạn cần sử dụng CSS có điều kiện hoặc thêm class CSS tùy chỉnh vào trang/bài viết đó.

4. Xóa Sidebar Bằng Plugin

Có nhiều plugin WordPress miễn phí và trả phí cho phép bạn quản lý bố cục trang và xóa sidebar một cách dễ dàng. Một số plugin phổ biến bao gồm:

  • Fullwidth Templates for Any Theme & Page Builder: Plugin này cho phép bạn tạo template toàn trang cho bất kỳ theme hoặc page builder nào.
  • Remove Sidebar: Plugin đơn giản này cho phép bạn loại bỏ sidebar trên các trang hoặc bài viết cụ thể.
  • Elementor Page Builder: Mặc dù là một page builder, Elementor cũng cung cấp các tùy chọn để tạo bố cục toàn trang và xóa sidebar.

Cách sử dụng plugin:

  1. Cài đặt và kích hoạt plugin bạn chọn.
  2. Đi đến trang hoặc bài viết mà bạn muốn xóa sidebar.
  3. Tìm các tùy chọn do plugin cung cấp (thường nằm trong bảng điều khiển bên phải hoặc trong meta box dưới trình soạn thảo).
  4. Chọn tùy chọn để xóa sidebar hoặc áp dụng template toàn trang.
  5. Cập nhật hoặc đăng trang/bài viết.

5. Chỉnh Sửa File Template Của Theme

Cách này yêu cầu bạn phải có kiến thức về PHP và cấu trúc theme WordPress. Bạn sẽ chỉnh sửa trực tiếp các file template của theme để loại bỏ mã HTML liên quan đến sidebar.

Cách thực hiện:

  1. Sao lưu toàn bộ website của bạn trước khi thực hiện bất kỳ thay đổi nào.
  2. Xác định file template chịu trách nhiệm hiển thị trang có sidebar (thường là `page.php`, `single.php`, `index.php`, hoặc các file template tùy chỉnh khác).
  3. Kết nối với server của bạn bằng FTP hoặc trình quản lý file của hosting.
  4. Tải file template về máy tính của bạn.
  5. Chỉnh sửa file bằng một trình soạn thảo văn bản. Tìm và xóa đoạn mã HTML liên quan đến sidebar (thường là các thẻ `<aside>` hoặc `<div>` có class hoặc ID liên quan đến sidebar).
  6. Tải file đã chỉnh sửa lên server, ghi đè file cũ.

Lưu ý quan trọng: Việc chỉnh sửa trực tiếp file theme có thể gây ra lỗi nếu bạn không cẩn thận. Hãy đảm bảo bạn hiểu rõ những gì mình đang làm và sao lưu website trước khi thực hiện bất kỳ thay đổi nào.

6. Sử Dụng Child Theme (Theme Con)

Để tránh mất các thay đổi khi theme được cập nhật, bạn nên sử dụng child theme (theme con) khi chỉnh sửa file template. Child theme kế thừa tất cả các chức năng và thiết kế của parent theme (theme gốc), nhưng cho phép bạn ghi đè các file template một cách an toàn.

Cách thực hiện:

  1. Tạo một child theme cho theme bạn đang sử dụng. Bạn có thể sử dụng plugin hoặc tạo thủ công.
  2. Sao chép file template mà bạn muốn chỉnh sửa (ví dụ: `page.php`) từ parent theme sang child theme.
  3. Chỉnh sửa file template trong child theme theo hướng dẫn ở bước 5.

Sử dụng child theme đảm bảo rằng các thay đổi của bạn sẽ không bị mất khi bạn cập nhật parent theme.

Kết luận

Có nhiều cách để xóa sidebar trong WordPress, từ những cách đơn giản như chọn template toàn trang đến những cách phức tạp hơn như chỉnh sửa file template. Hãy chọn cách phù hợp nhất với trình độ kỹ thuật và nhu cầu của bạn. Luôn nhớ sao lưu website trước khi thực hiện bất kỳ thay đổi quan trọng nào.

  • Sử dụng template toàn trang nếu theme của bạn hỗ trợ.
  • Tận dụng Customizer để tùy chỉnh bố cục.
  • Sử dụng CSS để ẩn sidebar một cách linh hoạt.