Cách chỉnh sửa sidebar trong WordPress

Mặc định, WordPress sẽ hiển thị cùng một sidebar ở một trí cố định khi bạn xem mỗi bài post hay page. Nhưng có nhiều tình huống bạn cần có nội dung sidebar khác nhau cho mỗi post/page hoặc category khác nhau. Bạn thường xuyên lướt web chắc hẳn sẽ thấy, hầu hết các website hiện nay đều có bố cục bao gồm content và sidebar. Với mỗi 1 web có thể là sidebar nằm ở bên trái, bên phải thậm chí là cả 2 bên.

Hướng dẫn tùy chỉnh SideBar trong Widget

Bước 1: Thiết lập sidebar – Tùy chỉnh

Để truy cập vào mục quản lý Widget trong WordPress bạn truy cập mục Giao diện (Appearance) -> Widget bạn sẽ thấy giao diện trang quản lý Widget ta có như sau:

Cách chỉnh sửa sidebar trong WordPress

Ở phần Blog Sidebar, bạn bỏ hết những mục không cần thiết => Bấm “xóa”.

Cách chỉnh sửa sidebar trong WordPress

Cách chỉnh sửa sidebar trong WordPress
Cách chỉnh sửa sidebar trong WordPress

Ở trên bạn thấy 2 khu vực gồm có danh sách các widget mà web của bạn có ở bên tay trái và bên phải là các sidebar có trong web của bạn.

​Đầu tiê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.

Giờ thì muốn thêm danh mục sản phẩm vào sidebar. Bạn tìm ở các khối phía tay trái => Bấm chuột vào =>

Chọn widget mà bạn muốn khối đó sẽ xuất hiện.

Bạn cứ thử hết các khối để xem mỗi cái có cái gì hay ho cho bạn không.

Cách chỉnh sửa sidebar trong WordPress

Giờ Blog Sidebar đã xuất hiện thêm danh mục sản phẩm. Bạn đổi tên danh mục nếu cần, lựa chọn tùy chọn bạn muốn => Bấm “Lưu thay đổi”.

Cách chỉnh sửa sidebar trong WordPress

Giờ thì bạn ra trang chủ, sidebar với danh mục sản phẩm được thêm mới đã xuất hiện ở đó. Bạn muốn sắp xếp thứ tự của các mục trong sidebar, đơn giản là nhấp chuột vào = > kéo thả.

Bước 2: Thiết lập sidebar – Chỉnh sửa trên trang

Nếu bạn đang ở trong trình quản lý wordpress: Giao diện => Tùy biến

Cách chỉnh sửa sidebar trong WordPress

Giờ thì bạn vào Widget.

Cách chỉnh sửa sidebar trong WordPress

Chọn thành phần bạn muốn thay đổi => Blog Sidebar.

Cách chỉnh sửa sidebar trong WordPress

Bấm “Thêm một widget” và chọn thành phần bạn muốn.

Cách chỉnh sửa sidebar trong WordPress

Mình đã thêm mục “Tìm kiếm sản phẩm”. Bạn có thể thấy phía sidebar bên phải đã xuất hiện nó => Bấm “Đăng” để lưu lại => Done.

Cách chỉnh sửa sidebar trong WordPress

Bước 3: Thiết lập Sidebar – 

Đầu tiên bạn cần tạo một menu mới. Menu này chỉ chứa các danh mục bài viết của bạn.

Ở phần thiết lập menu, bạn sẽ không tick vào ô nào hết

Cách tạo menu mới bạn xem ở hướng dẫn về menu.

Cách chỉnh sửa sidebar trong WordPress

Giờ thì bạn vào Giao diện/Appearance => Widget => Thêm một thanh điều hướng

Cách chỉnh sửa sidebar trong WordPress

Chọn menu bạn đã tạo ở mục “Chọn menu” => Bấm Lưu.

Vậy là danh mục bài viết của bạn đã xuất hiện ở sidebar rồi.
Trong bài viết này Sieutocviet đã hướng dẫn bạn tùy chỉnh – thiết lập sidebar theo ý muốn của bạn

Bạn mới bắt đầu sử dụng nền tảng wordpress và đang chỉnh sửa website của bạn làm sao cho thật đẹp và nhìn cho thật chuyên nghiệp. Và bạn muốn chỉnh sửa sidebar trong wordpress, nhưng chưa biết làm thế nào. Trong bài viết này Hoc MMO sẽ hướng dẫn chi tiết cho bạn từng bước một để bạn thực hiện nhé.

Bạn đang xem: Chỉnh sửa sidebar trong wordpress

Bạn thường xuyên lướt web thì chắc hẳn sẽ để ý, hầu hết các website đều có thanh công cụ  ở bên trái hoặc bên phải thậm chí là cả 2 bên mà không biết nó là gì và thậm chí biết là Sidebar nhưng không hiểu thuật ngữ Sidebar là gì?

Đối với WordPress việc quản lý Sidebar cũng được xem là việc quan trọng hàng đầu và được đưa ra thành 1 mục riêng để bạn có thể dễ dàng trong việc quản lý. Bài viết dưới đây sẽ chia sẻ với các bạn về các vấn đề xung quanh Sidebar.

1. Sidebar là gì?

Sidebar là nơi mà ở đó người quản trị có thể thêm các phần nội dung tùy chỉnh vào bài viết: bài viết mới, lịch, tìm kiếm,…Sidebar không chỉ là thanh bên của website mà Sidebar là công cụ nằm bên trái hay phải hoặc cả hai của blog mà nó phụ thuộc vào template bạn có thể sử dụng.

Sidebar là thuật ngữ được dùng nhiều và rất phổ biến mà bạn sẽ được nghe đến nhiều khi tiếp xúc với WordPress và nhiều bạn vẫn nghĩ Sidebar chỉ là thanh bên của website. Khi thiết kế web nào, cho dù là 2 hay 3 cột, bạn cũng sẽ phải lựa chọn xem mình nên đặt Sidebar ở vị trí nào cho thích hợp, phù hợp với bài viết hay yêu cầu nào đó.

Muốn được điều đó thì bạn cần phải biết mình muốn đặt nội dung chính ở bên nào, và Sidebar ở bên nào. Câu trả lời là nó tùy thuộc vào site của bạn. Tuy nhiên, thực tế Sidebar có phải chỉ ở thanh bên của website? Câu trả lời là Sidebar có ở header, footer, thanh bên, thanh dọc trang…

Cách chỉnh sửa sidebar trong WordPress

Vị trí Sidebar trong bố cục website

Các Sidebar đó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 nhau với các hạng mục chính của trang web như danh sách các bài viết gần đây hay bình luận mới nhất, nó giúp bạn thuận tiện trong việc tìm kiếm các bài viết nổi tiếng,…

2. Làm thế nào để tạo Sidebar WordPress?

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

Cách chỉnh sửa sidebar trong WordPress

  • Sau khi vào Widget bạn sẽ thấy phần tùy chỉnh Sidebar

Cách chỉnh sửa sidebar trong WordPress

Cách 2: Vào Sidebar bằng Customize

  • Tại giao diện quản trị/Giao diện (Appearance)/Customize/Widget

Cách chỉnh sửa sidebar trong WordPress

  • Sau khi vào Widget trong Customize bạn sẽ thấy phần tùy chỉnh Sidebar

Cách chỉnh sửa 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

Lưu ý: ở phần này, bạn có thể đặt lại từ chỗ tạo Sidebar sang hiển thị Sidebar cũng cần đặt giống nhau thì khi đó Sidebar mới hoạt động.

3. 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.

Cách chỉnh sửa sidebar trong WordPress

Chèn nội dung vào Sidebar

Cách chỉnh sửa sidebar trong WordPress

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.

4. 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.

Cách chỉnh sửa sidebar trong WordPress

Giao diện của Sidebar

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.

Tổng kết

Trên đây chỉ là hướng dẫn chi tiết về những cách hiển thị Sidebar, và quả thực chúng rất quan trọng và được sử dụng thường xuyên trong bất kỳ website nào. Vì vậy, bạn cần tìm hiểu kỹ và sử dụng Sidebar một cách linh hoạt để website của bạn có bố cục hợp lý nhất nhé.

Theo Ladigi