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. :)
Có cái nào xài tốt cho Genessis không Thím.Lúc trước xài qua mấy cái này mà lỗi đè từa lưa hết
Plugin thì Genesis xài cũng được mà, theo mình code cho nó lẹ thích đẹp nữa thì dùng jquery đỡ xài plugin nặng thêm
Có phải ai cũng có khả năng tự code đâu đồng chí. :D
Theme bác đang xài có hỗ trợ sticky menu rồi, còn muốn cái gì nữa? :P
Thím vào xem giúp thì nhìn trên thanh trình duyệt có chữ Gu Gồ, Tại sao có dấu ” , ” nhỉ, xóa ở đâu vậy Thím
Kiểm tra trong thiết lập của Yoast SEO ấy. :P
Thường thì tính năng Sticky đã có sẵn trong các Theme Premium của WordPress cho nên mình k hay sử dụng những Plugin này, tuy nhiên nếu bạn nào ko có điều kiện mua các theme trả phí, ko biết về Code thì nên sử dụng để website trở nên tốt hơn.
Chào bạn
Mình muốn tạo 1 stick điẹn thoại liên hệ ở dưới giống trang này, bạn hướng dẫn giúp mình với?
Demo : http://salesmercedes.com/
Cái này bạn ra Google search với từ khóa “sticky footer bar” nhé. :P
Anh ơi, cho em hỏi có plugin nào chỉnh sửa Header Wordpress cho người không biết Code không ạ. Ví dụ như Tên Website của em nằm cùng hàng với menu, bây giờ em muốn cho nó nằm ở trên menu như website anh thì dùng plugin nào ạ. Em cám ơn anh :D
Cái này mình chịu nhé. Mà hình như cũng chưa có plugin nào làm được như vậy. :P
vậy là phải dùng đến kiến thức CSS mới chỉnh sửa được phải không anh :D
PHP, HTML các kiểu nữa bạn ơi. :P
Webiste bán xe Toyota của em đã làm được. Thank you!