WordPress cơ bản: Làm việc với Sidebar

Chào các bạn, hôm nay mình tiếp tục các bài viết hướng dẫn WordPress cơ bản. Phần tiếp theo chúng ta sẽ làm việc với thanh sidebar. Đây là một thành phần rất quan trọng trên blog của bạn. Đa phần các website hay blog đều có thành phần này.

Sidebar là gì?

Trong các blog WordPress, các bạn thường thấy một cấu trúc chung bao gồm: header, navigate, content, sidebar và footer. Tất nhiên cấu trúc này có thể khác tùy theo theme sử dụng hoặc tùy chỉnh theo ý thích của mỗi người. Ở đây chúng ta quan tâm đến phần sidebar.

Sidebar là một cột nằm dọc trên blog bao gồm nhiều thành phần nhỏ gọi là các widgets. Một blog thường có 1 hoặc 2 sidebar hoặc cũng có thể không có sidebar, sidebar có thể nằm bên trái hay bên phải tùy theo cấu trúc theme và cài đặt của bạn.

cau truc cua blog wordpress

Mục quản lý sidebar trong Admin Dashboard là Appearance -> Widget. 

sidebar widgets

Ở mục Available Widgets bao gồm những Widgets được cung cấp sẵn. Để sử dụng một Widget, bạn chỉ cần kéo thả Widget đó vào vị trí mà bạn muốn trên sidebar.

Một số Widgets thường được sử dụng:

  • Recent Posts: hiển thị danh sách bài viết mới.
  • Recent Comments: hiển thị bình luận mới.
  • Tag Cloud: danh sách tag trên blog của bạn.
  • Search: khung tìm kiếm trên blog.
  • Text: chèn các đoạn text hoặc HTML.

Một số Plugins quản lý Sidebar

1. Widget CSS Classes

 Thêm CSS riêng cho từng widget.

widget css class

Sau khi cài đặt plugin này, mỗi widget bạn sử dụng sẽ được bổ sung thêm một lớp CSS do bạn tự đặt tên. Sau đó bạn vào file style.css để thêm các thuộc tính cho lớp CSS này.

2. Display widgets

Lựa chọn widgets hiển thị theo từng trang hoặc category.

Display-widgets-example

Sau khi cài đặt và active plugins này, mỗi widgets bạn cài đặt sẽ có thêm phần tùy chỉnh show/hide. Để ẩn widgets trong một vài trang, bạn chọn  “Hide on checked” và đánh dấu vào các trang mà bạn không cho hiển thị widgets. Nếu chỉ cho hiển thị widgets trong một vài trang, bạn chọn “Show on checked” và đánh dấu vào các trang mà bạn cần widgets xuất hiện.

Ngoài ra còn rất nhiều plugins khác dùng để quản lý sidebar và widgets trong WordPress bạn có thể tìm hiểu thêm như: Widgets ControllerWidget LogicDynamic Widgets

WordPress cơ bản: Làm việc với Sidebar
5 (100%) 2 votes

Chú ý - WordPress Hosting 1$/tháng - miễn phí tên miền

Bạn có biết GoDaddy đang có khuyến mãi WordPress hosting chỉ còn 1$/tháng kèm theo một tên miền .COM .NET .ORG miễn phí. Hãy đăng ký ngay để tiết kiệm chi phí nhất nhé.
Xem ngay

ĐĂNG KÝ NHẬN TIN QUA EMAIL

Nếu thấy bài viết trên blog có ích cho bạn, hãy đăng ký nhận tin qua email để cập nhật bài viết mới nhanh nhất và thỉnh thoảng nhận quà bất ngờ!

Comments

  1. Bài viết rất chi tiết và bổ ích, bạn có thể chỉ mình cách chèn video vào không, mình đã làm theo các cách trên mạng nhưng nó chỉ hiện ra khung trắng mà thôi… :((

    • Bạn chèn video từ youtube hay ở đâu? Nếu ở youtube thì chỉ cần lấy mã nhúng của video đó, thêm một text widget rồi paste cái mã nhúng đó vào là ok thôi. Chỉnh sửa phần width với height lại cho phù hợp với blog của bạn nữa.

      • Cám ơn bạn, mình làm được rồi, phải chuyển qua mã nhúng cũ của youtube nó mới hiện lên được… =_=!!

  2. Trung lee says:

    rất hay bác ơi . {c1}

  3. Cám ơn bác share, hehe, mấy thủ thuật này cần thiết cực!!

  4. Điểm Tựa says:

    Cảm ơn anh đã chia sẻ bài viết hữu ích này

  5. bạn ơi giúp mình cái này chút, mình có 2 cái code như thế này:
    code 1 yêu cầu Nhúng đoạn mã này vào vị trí bạn muốn hiển thị quảng cáo.

    Code 2 yêu cầu Nhúng đoạn mã này vào cuối trang web của bạn, ngay trước khi đóng thẻ

    giờ mình muốn đưa vào sliderbar nhưng không biết làm sao cả, đã chèn cái code 1 vào slider bằng 1 widget text, code 2 mình chèn vào foodter trước khi đóng thẻ body. không biết như thế là đúng hay sai, bạn có thể hướng dẫn mình được không, xin cảm ơn rất nhiều

  6. Cho mình hỏi mấy cái ảnh thumnail trong mục Bài Viết Mới hay Bình Luận Mới bên thanh Sidebar làm sao vậy? Cám ơn bạn!

  7. nếu mình muốn sidebar hiển thị bài viết có hình và tiêu đề như bài viết xem nhiều của bạn thì làm ạ

Gửi bình luận

Lưu ý: Không sử dụng keyword để thay cho tên của bạn, hãy sử dụng tên thật. Cảm ơn bạn đã tham gia bình luận trên blog!