Top 4 plugins tạo sticky header trong WordPress

Click Để Xem Nhanh

• 1. Những plugin tạo sticky header tốt nhất cho WordPress
  • 1.1. 1. Sticky Header by ThematoSoup – Download
  • 1.2. 2. Awesome Sticky Header by DevCanyon – Download
  • 1.3. 3. Awesome Header – Xem chi tiết
  • 1.4. 4. Hero Menu – Xem chi tiết

Top 4 plugins tạo sticky header trong WordPress.

Sticky header hay header “dính” là phần header của blog/ website có khả năng trượt dọc theo màn hình khi người dùng cuộn lên xuống. Khác với sticky menu, sticky header còn có thể bao gồm cả logo, phần mô tả về blog/ website, menu điều hướng, khung tìm kiếm, các biểu tượng liên kết mạng xã hội… Sticky header giúp trải nghiệm người dùng trở nên tốt hơn nhờ cải thiện khả năng điều hướng và tương tác.

Tham khảo thêm:

• Làm thế nào để tạo và trang trí sticky post trong WordPress?
• Tạo sticky widget trượt dọc theo blog/ website WordPress

Nếu bạn đang sử dụng WordPress để làm mã nguồn cho blog/ website của mình thì việc tạo một sticky header hoàn toàn không hề khó như bạn nghĩ. Với sự giúp đỡ của các plugins, bạn sẽ nhanh chóng tạo được cho mình một sticky header độc đáo và tuyệt vời. Trong bài viết này, tôi sẽ giới thiệu cho các bạn top 4 plugins tốt nhất để làm điều đó.

Những plugin tạo sticky header tốt nhất cho WordPress

1. Sticky Header by ThematoSoup – Download

Nếu bạn đang muốn tìm một cách dễ dàng để cài đặt và cấu hình sticky header nhằm xây dựng thương hiệu và cải thiện khả năng điều hướng thì Sticky Header by ThematoSoup là một lựa chọn tốt. Đây là một plugin hoàn toàn miễn phí, được phát triển nhằm tạo ra sự đơn giản trong việc sử dụng.

Các tính năng chính bao gồm:

• Chọn logo.
• Chọn menu chính.
• Chọn nền và màu chữ.
• Thiết lập chiều rộng tối đa của sticky header.
• Hiển thị sticky header khi cuộn xuống một khoảng nhất định (pixel).
• Ẩn sticky header nếu màn hình nhỏ hơn (trong trường hợp bạn muốn ẩn nó với người dùng điện thoại di động).

2. Awesome Sticky Header by DevCanyon – Download

Awesome Sticky Header là một plugin miễn phí sở hữu nhiều tính năng phức. Nó cho phép bạn tinh chỉnh sticky header một cách chi tiết, theo nhiều phong cách khác nhau.

Các thiết lập chính bao gồm:

• Định hướng header.
• Thiết lập mô tả blog/website.
• Hiệu ứng chuyển cảnh.
• Tùy chọn sticky.
• Menu con (hỗ trợ lên đến 3 cấp độ).
• Một số loại logo.
• Vị trí menu trung tâm.
• URL hình nền hoặc màu nền.
• Kích thước font chữ và các tùy chọn màu sắc cho tất cả các yếu tố có trong header.
• Hộp tìm kiếm.
• Menu thứ cấp.

3. Awesome Header – Xem chi tiết

Awesome Header là phiên bản cao cấp (trả phí) của Awesome Sticky Header. Bạn sẽ thực sự tìm thấy sự thú vị ở đây, bởi vì nó không chỉ có thể hoạt động như một sticky menu, mà bạn còn có thể thay thế toàn bộ header WordPress với nó.

Các tính năng chính bao gồm:

• Khả năng thay thế toàn bộ WordPress header.
• Menu 3 cấp độ.
• 100% đáp ứng (responsive).
• Hỗ trợ SEO tốt hơn với breadcrumb microdata.
• Hỗ trợ breadcrumbs cho WooCommerce và bbPress.
• Tùy chọn màu sắc không giới hạn.
• Nền bằng hình ảnh hoặc hoa văn.
• Menu thứ cấp.
• Menu cố định.
• Hỗ trợ 3 loại khung tìm kiếm.
• Thiết lập padding cho các mục trên menu cũng như cho header.
• Chọn nền cho menu item.
• Thiết lập kích thước font chữ cho tất cả các yếu tố.
• Điều chỉnh độ trong suốt cho các menu và menu con.
• Icon mạng xã hội với Genericons, hỗ trợ màn hình độ phân giải Retina.
• Điều hướng các nhãn (labels).

4. Hero Menu – Xem chi tiết

Hero Mega Menu là một plugin sử dụng “siêu” dễ dàng. Nó sử dụng giao diện kéo và thả để tạo ra một thiết kế menu tùy chỉnh. Trình xây dựng có cơ cấu hoạt động giống như các menu WordPress bình thường. Tuy nhiên, nó đơn giản hơn trong khâu tạo drop down menu và chỉnh sửa chúng để tạo ra các mega menu.

Hero Mega Menu sở hữu các tính năng chính như:

• Tùy chọn độ trong suốt.
• Thiết lập 60 màu khác nhau.
• Thiết kế đáp ứng.
• Hỗ trợ bản đồ, hình ảnh, danh sách, bài viết và văn bản.
• Tùy chỉnh nền.
• 270 ElegantThemes icons.
• Điều hướng trên trình duyệt di động.
• Sticky menu.

Trên đây là 4 plugin mà theo tôi là tốt nhất để tạo sticky header trong WordPress. Hãy cho chúng tôi biết bạn đánh giá thế nào về chúng bằng cách sử dụng khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)