Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 15++ Năm (Từ 2006 đến Nay)

Sidebar Wordpress là gì?

4.9/5 - (17 bình chọn)

Sidebar là thuật ngữ 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? Thực tế sidebar có phải chỉ ở thanh bên của website? Chúng ta cùng nhau làm sáng tỏ thắc mắc trên nhé.

Trước tiên bạn cần hiểu:

Sidebar Wordpresslà gì?

Sidebar là khu vực mà ở đó người dùng có thể thêm các phần nội dung tùy ý: bài viết mới, lịch, tìm kiếm,… Sidebar không chỉ là thanh bên của website mà với mình sidebars được sử dụng rất linh hoạt. Bạn có thể sử dụng sidebar ở header, footer, thanh bên, thanh dọc trang…

Sidebar Wordpress là gì? sidebar0

Làm thế nào để tạo Sidebar Wordpress?

Để sử dụng sidebar bạn cần đăng ký sidebar trong functions.php. Sử dụng hàm register_sidebar(), bạn cần quan tâm đến các tham số của hàm:

  • 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 sẽ 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: đoạn html đặt sau mỗi widget, thường là thẻ đóng của before_widget.
  • before_title: đoạn 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

Đăng ký một sidebar sử dụng hàm  register_sidebar() và hàm widget_init().

Sidebar Wordpress là gì? sidebar1

Trong ví dụ trên bạn sẽ thấy mình tạo ra 2 sidebar có tên và id lần lượt là: Home sidebar, home-sidebarRecent sidebar , recent-sidebar

Để kiểm tra xem sidebar bạn vừa tạo đã thành công chưa, bạn vào Giao diện -> widget. Nếu bạn tạo sidebar đúng sẽ hiển thị như hình dưới:

Sidebar Wordpress là gì? sidebar-1024x325

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:

– Cách 1: Tạo sidebar.php và hiển thị sidebar vừa tạo trong sidebar.php sử dụng hàm dynamic_sidebar. Để thêm sidebar.php vào chủ đề sử dụng hàm get_sidebar gọi vào vị trí mà bạn muố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 bạn cần chú ý đến tham số duy nhất của hàm: đó có thể là name hoặc id của sidebar.

Sidebar Wordpress là gì? sidebar2

Trong ví dụ trên mình đã sử dụng cả cách 1 và cách 2 để gọi sidebar vào vị trí mình muốn. Qua phần trên chắc bạn cũng thấy được rằng: sidebar được sử dụng rất linh hoạt, sidebar không đơn giản chỉ ở thanh bên của website mà nó có thể nằm ở bất kỳ vị trí nào mà bạn muốn phải không nào.

Sidebar 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é.

Tin mới nhất

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Core Web Vitals được đo lường như thế nào? Làm thế nào để bạn biết các bản sửa lỗi đã...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra,...

Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. Matt Cutts (Matthew "Matt" Cutts) là một kỹ sư phần mềm người Mỹ, ông sinh năm 1972 và làm việc...
    6 giây trước
  2. Facebook Instant Articles đã được Facebook cho phép người dùng sử dụng từ lâu, tuy nhiên các tài khoản thử...
    3 giây trước
  3. Như mọi người đã biết, hiện nay đang là thời đại phát triển của các hoạt động trực tuyến nói...
    4 giây trước
  4. Landing Page là gì? Vai trò của Landing Page trong Marketing Online năm 2018 Đối với lập trình viên khi...
    14 giây trước
  5. Google Project Shield là một dịch vụ chống DDoS Miễn Phí của Google, giúp trang web của bạn được bảo...
    13 giây trước
  6. Website của bạn nội dung còn sơ sài thiếu chuyên nghiệp? Việc tạo và phân phối nội dung là rất...
    16 giây trước
  7. Bạn có muốn nội dung SEO của bạn được xếp hạng trên trang đầu tiên của Google không? Google có...
    17 giây trước
  8. Speed, Tốc độ load trang, Google Pagespeed Insights, Google Lighthouse đó là những cái tên đã khiến tốn khá nhiều...
    17 giây trước
  9. Search Engine Marketing hoặc SEM là một trong những cách hiệu quả nhất để phát triển doanh nghiệp của bạn...
    22 giây trước
  10. Nối tiếp series học HTML CSS cơ bản, phần 1 mình đã kết thúc tuts học HTML cơ bản rồi,...
    17 giây trước