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.
Nếu bạn sử dung WordPress việc thêm tính năng này rất đơn giản chỉ cần tải Plugin về cài đặt là xong. Plugin hiện có miễn phí và trả phí rất nhiều sự lựa chọn, hôm nay sẽ giới thiệu đến bạn plugin tạo sticky header WordPress.
4 plugins tạo sticky header WordPress
1. Sticky Header by ThematoSoup
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
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
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
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. Bạn đang sử dụng plugin nào tốt hơn cùng chia sẻ cho mọi người cùng tham khảo nhé.!
Chúc bạn thành công !
Nếu bạn sử dung WordPress việc thêm tính năng này rất đơn giản chỉ cần tải Plugin về cài đặt là xong. Plugin hiện có miễn phí và trả phí rất nhiều sự lựa chọn, hôm nay sẽ giới thiệu đến bạn plugin tạo sticky header WordPress.
4 plugins tạo sticky header WordPress
1. Sticky Header by ThematoSoup
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
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
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
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. Bạn đang sử dụng plugin nào tốt hơn cùng chia sẻ cho mọi người cùng tham khảo nhé.!
Chúc bạn thành công !
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.