Hướng dẫn loại bỏ Sidebar trong WordPress

Sending
User Review
0 (0 votes)

Bạn có muốn xóa sidebar khỏi trang WordPress của mình không? Sidebar là vùng có sẵn widget trong theme WordPress của bạn. Nó thường xuất hiện ở bên phải hoặc bên trái hoặc bên dưới khu vực nội dung trên mỗi trang. Trong bài này, chúng tôi sẽ chỉ cho bạn cách để dễ dàng loại bỏ sidebar trong WordPress.

Tại sao phải loại bỏ Sidebar trong WordPress?

Hầu hết các Theme WordPress miễn phí và trả phí đều đi kèm với Sidebar hoặc các Widget có sẵn.

Mục đích của các sidebar trong WordPress là để hiển thị các mục không phải là một phần của nội dung bài đăng hoặc trang. Thông thường đây là các đường link đến các khu vực khác nhau của website, quảng cáo, biểu mẫu đăng ký danh sách email, Social Profile, v.v … Các mục này có thể dễ dàng được thêm vào sidebar của một theme bằng các widget WordPress.

Trong hầu hết các theme WordPress, sidebar xuất hiện khác nhau khi người dùng xem trang web của bạn từ thiết bị di động. Do chiều rộng thu gọn của kích thước màn hình, các sidebar xuất hiện ở bên phải hoặc trái trên máy tính để bàn được di chuyển xuống dưới cùng trên màn hình di động.

sidebar rất hữu ích và có thể giúp bạn phát triển doanh nghiệp.

Tuy nhiên, một số chủ trang web cảm thấy rằng việc xoá sidebar sẽ giúp cải thiện trải nghiệm người dùng. Nếu bạn đang tìm cách xóa sidebar trên trang web WordPress của mình thì hướng dẫn này là dành cho bạn.

Loại bỏ sidebar ở bất cứ chỗ nào trên WordPress

Phương pháp này cho phép bạn đơn giản loại bỏ các sidebar từ mọi trang và bài viết trên trang WordPress của bạn. Nó đòi hỏi bạn phải chỉnh sửa các tập tin theme WordPress.

Trước tiên, bạn cần phải kết nối với web WordPress bằng một FTP client và sau đó chuyển đến /wp-content/themes/your-current-theme/folder.

Các theme WordPress được tạo thành từ các template khác nhau, do đó bạn sẽ cần phải chỉnh sửa tất cả các template khi một sidebar được hiển thị.

Ví dụ: trong một theme WordPress điển hình, bạn có thể cần phải chỉnh sửa các tệp index.php, page.php, single.php, archive.php, home.php, hoặc sidebar.php

Hãy mở một tệp template để chỉnh sửa và xác định vị trí dòng code giống như sau:

<?php get_sidebar(); ?>

Nếu theme của bạn đi kèm với nhiều sidebar thì bạn sẽ thấy các trường hợp khác nhau của code này với một tên sidebar. Ví dụ:

<?php get_sidebar('footer-widget-area'); ?>

Hãy xóa dòng đại diện cho sidebar mà bạn không muốn hiển thị.

Bây giờ hãy lưu và tải tệp lên trang web của mình. Hãy lặp lại quá trình cho tất cả các tệp template chịu trách nhiệm hiển thị các trang khác nhau trên website của bạn.

Sau khi hoàn tất, bạn có thể vào trang web của mình và xem nó đang hoạt động như thế nào.

Bạn sẽ nhận thấy rằng mặc dù sidebar đã biến mất nhưng khu vực nội dung vẫn xuất hiện với cùng chiều rộng và khiến cho khu vực sidebar bị trống.

Đó là bởi vì theme của bạn đã xác định chiều rộng cho khu vực nội dung. Bây giờ sidebar đã biến mất, bạn cần phải điều chỉnh chiều rộng của vùng nội dung bằng cách thêm custom CSS vào theme.

Đầu tiên, bạn cần phải tìm ra class CSS được sử dụng bởi theme của mình để xác định chiều rộng của vùng nội dung. Bạn có thể làm điều đó bằng cách sử dụng công cụ Kiểm tra trong trình duyệt.

Dưới đây là đoạn CSS chúng tôi sử dụng trên trang thử nghiệm của mình trên theme Twenty Sixteen.

.content-area {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding: 0px;
}
 
.content-area .site {
margin:0px;
}

Nó sẽ trông như thế này nếu không có sidebar:

Xóa sidebar trong khỏi các trang cá nhân trong WordPress

Có thể bạn chỉ muốn xóa các sidebar trên các trang nhất định mà vẫn muốn hiển thị chúng trên các phần khác của trang web.

Ví dụ: rất nhiều website hiển thị sidebar trên blog của họ chứ không phải trên các bài đăng trên blog cá nhân. Một số thích hiển thị các sidebar ở mọi nơi trừ các trang tĩnh.

Chúng ta hãy cùng xem xét các kịch bản khác nhau và cách để loại bỏ các sidebar từ các khu vực khác nhau.

Loại bỏ sidebar khỏi một trang tĩnh trong WordPress

Nhiều theme WordPress đi kèm với các template trang chiều rộng đầy đủ sẵn sàng để sử dụng. Các template này có thể được sử dụng với bất kỳ trang tĩnh nào trong WordPress và không hiển thị các sidebar ở cả hai bên của nội dung.

Bạn sẽ chỉ cần chỉnh sửa trang muốn xóa sidebar và chọn template toàn bộ chiều rộng dưới hộp meta ‘Page Attributes’.

Nếu bạn không nhìn thấy một tùy chọn để chọn một template thì điều này có nghĩa là theme của bạn không có template trang toàn chiều rộng.

Trong trường hợp đó, bạn sẽ phải tạo một template trang toàn chiều rộng theo cách thủ công. Hãy mở một trình soạn thảo văn bản đơn thuần như Notepad và dán code sau đây vào một tệp trống:

<?php
 /*
 *
 Template Name: Full-Width
 */
 get_header(); ?>

Bây giờ hãy lưu tệp này dưới dạng full-width.php trên màn hình của bạn.

Hãy kết nối với trang WordPress của bạn bằng cách sử dụng một FTP client và đi tới / wp-content / themes / your-current-theme / folder.

Hãy chỉnh sửa tệp tin có tên page.php và sao chép mọi thứ xuất hiện sau dòng < Php get_header (); >.

Bây giờ hãy dán code này vào tệp width.php đầy đủ của bạn. Sau đó bạn cần xác định vị trí và xóa dòng giống như sau:

<?php get_sidebar(); ?>

Hãy lưu thay đổi và tải lên tệp tin full-width.php vào thư mục theme hiện tại.

Bây giờ bạn có thể chỉnh sửa bất kỳ trang nào trên trang WordPress của mình và bạn sẽ có thể chọn template trang có chiều rộng đầy đủ.

Loại bỏ sidebar khỏi trang bài viết blog trong WordPress

WordPress cho phép bạn sử dụng một trang tĩnh và một trang riêng cho các bài đăng blog. Thông thường hầu hết các theme WordPress đều hiển thị sidebar trên trang bài đăng trên blog.

Nếu không muốn hiển thị sidebar trên trang bài đăng trên blog, thì bạn cần chuyển đến trang Settings » Reading. Hãy chú ý dùng tên trang bạn đang sử dụng làm trang đăng bài trên blog.

Bây giờ đi tới Pages » All Pages và chỉnh sửa trang được sử dụng để hiển thị các bài đăng blog. Trong phần thuộc tính trang, hãy chọn template toàn chiều và sau đó lưu các thay đổi lại.

Nếu không nhìn thấy tùy chọn template có chiều rộng đầy đủ, thì bạn sẽ phải tự tạo mẫu toàn chiều. Hãy xem phần trước trong bài viết này để biết hướng dẫn chi tiết.

Xoá sidebar khỏi một bài viết đơn trong WordPress

Nếu bạn muốn xóa sidebar khỏi một số bài đăng nhất định, thì hãy tạo một custom single post template

Trong custom single post template, bạn chỉ cần loại bỏ phần sidebar của code thôi.

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách để có thể dễ dàng loại bỏ sidebar trong các theme WordPress.

Nếu thích bài viết này, hãy đăng ký kênh Youtube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterFacebook.

Về tác giả

Duy Anh

Chào các bạn,

Mình là coder, đang sống và làm việc ở Mỹ. Mình thích viết lách nên muốn dành khoảng thời gian trống để chia sẻ các thủ thuật giúp các bạn xây dựng được trang web riêng của mình. Bạn nào cần xây dựng blog, web thì cứ ới, rảnh là mình giúp, tất cả FREE nhé!

2 Bình luận

  • Em chào anh ạ.

    Anh ơi, them best của mythemeshop thì chỉnh CSS như thế nào để ở Homepage là full chiều rộng ạ. Em làm theo hướng dẫn của anh thì xóa sidebar ở Homepage được nhưng chiều rộng thì vẫn thế. (Homepage em để chế độ Last post ạ)

    Em cám ơn anh!

    • Bạn xóa sidebar bằng cách nào nhỉ. Nếu bạn đã xóa được sidebar với widget rồi thì thêm đoạn CSS sau nhé:

      .latestPost {
      padding: 0;
      clear: both;
      width: max-content;
      }

Ý kiến cá nhân của bạn

bộ công cụ Wordpress hữu ích dành cho mọi website

Bộ công cụ hữu ích dành cho mọi website Wordpress

Bao gồm theme & plugin tốt nhất và được sử dụng nhiều nhất!

Xin vui lòng kiểm tra email để xác thực tài khoản!