• Home
  • WordPress
    • Thủ thuật WordPress
    • WordPress plugins
    • WordPress themes
    • Hosting và domain
  • Kiếm tiền
    • Google AdSense
    • Tiếp thị liên kết
    • Rút gọn link
  • Quà tặng
  • Khuyến mãi
  • Đánh giá
  • Dịch vụ
    • WordPress Hosting
    • Cài đặt WordPress
    • Quét mã độc website
    • Tối ưu WordPress
    • Mua theme Paradise
  • Thông báo
  • Liên hệ

WP Căn bản

Thủ thuật WordPress và kiếm tiền online

wordpress-theme-tot-nhat

Trang chủ » WordPress » WordPress plugins » Top 4 plugins tạo sticky header trong WordPress

Top 4 plugins tạo sticky header trong WordPress

15/09/2015 08/01/2018 Trung Hiếu 14 Bình luận

Mục lục bài viết

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

Top 4 plugins tạo sticky header trong WordPress.

top-4-plugins-tao-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

sticky-header-by-thematosoup-wordpress-plugin

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-seader-by-devcanyon-wordpress-plugin

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-premium-wordpress-plugin

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-menu-responsive-wordpress-mega-menu-plugin

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. :)

5 / 5 ( 9 bình chọn )
  • Share on Facebook
  • Tweet on Twitter

Bài viết liên quan

Chuyên mục: WordPress plugins Thẻ: Sticky Header

dich-vu-cai-dat-website-wordpress-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Theo dõi tôi trên Facebook để cập nhật những tin tức mới nhất liên quan đến WordPress nhé.

Bài viết trước « Hướng dẫn restore dữ liệu WordPress bằng R1Soft Backups
Bài viết sau Tại sao bạn nên lựa chọn WordPress Hosting của FTECH.VN? »

Reader Interactions

Bình luận

    Trả lời Hủy

    Lưu ý:
    > Không sử dụng từ khóa trong mục "Tên".
    > Hãy sử dụng tên thật và địa chỉ email chính xác.
    > Vui lòng bình luận bằng tiếng Việt có dấu.
    Mọi bình luận trái quy định sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn.

  1. Gu go viết

    15/09/2015 lúc 21:49

    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

    Trả lời
    • kiên viết

      15/09/2015 lúc 22:31

      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

      Trả lời
      • Trung Hiếu viết

        15/09/2015 lúc 23:30

        Có phải ai cũng có khả năng tự code đâu đồng chí. :D

        Trả lời
    • Trung Hiếu viết

      15/09/2015 lúc 23:30

      Theme bác đang xài có hỗ trợ sticky menu rồi, còn muốn cái gì nữa? :P

      Trả lời
      • Gu go viết

        16/09/2015 lúc 11:09

        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

        Trả lời
        • Trung Hiếu viết

          16/09/2015 lúc 11:39

          Kiểm tra trong thiết lập của Yoast SEO ấy. :P

          Trả lời
  2. Ninh Đôn viết

    27/09/2015 lúc 16:42

    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.

    Trả lời
  3. Thành Phạm viết

    13/11/2016 lúc 10:40

    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/

    Trả lời
    • Trung Hiếu viết

      13/11/2016 lúc 12:09

      Cái này bạn ra Google search với từ khóa “sticky footer bar” nhé. :P

      Trả lời
  4. quốc khánh viết

    16/10/2017 lúc 09:58

    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

    Trả lời
    • Trung Hiếu viết

      16/10/2017 lúc 11:04

      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

      Trả lời
      • quốc khánh viết

        16/10/2017 lúc 17:16

        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

        Trả lời
        • Trung Hiếu viết

          17/10/2017 lúc 07:20

          PHP, HTML các kiểu nữa bạn ơi. :P

          Trả lời
  5. Đại lý Toyota TPHCM viết

    03/04/2018 lúc 09:55

    Webiste bán xe Toyota của em đã làm được. Thank you!

    Trả lời

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Đừng quên truy cập vào email của bạn để xác nhận việc đăng ký nhé!

Theo dõi qua mạng xã hội

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-gia-re-tot-nhat

Bạn đang tìm gì?

  • WordPress căn bản
  • Bảo mật WordPress
  • Tăng tốc WordPress
  • Sửa lỗi WordPress
  • Thủ thuật Genesis
  • Thủ thuật SEO

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-website-wordpress-chat-luong-cao

Bài viết mới nhất

  • Hướng dẫn sử dụng LiteSpeed Memcached 17/01/2021
  • Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache 08/01/2021
  • Hướng dẫn nâng cấp PHP 8 cho website WordPress 15/12/2020
  • Sửa lỗi không hiện hình ảnh và mô tả khi share link lên Zalo 11/11/2020
  • Hiển thị mô tả cho category và tag trong WordPress 05/11/2020
  • Cải tiến công cụ tìm kiếm mặc định của WordPress 31/10/2020

Dịch vụ quét mã độc miễn phí

quet-ma-doc-mien-phi-cho-website

Footer

Bình luận mới nhất

  • Hải trong 5 Lời khuyên giúp tăng Adsense CTR của bạn lên 500%
  • Nhật trong Hướng dẫn nén ảnh bằng plugin LiteSpeed Cache
  • Nồi Phở Sài Gòn trong Khắc phục lỗi email vào spam khi gửi mail từ hosting cPanel
  • Nga Pham trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng

Bình luận nhiều nhất (tháng)

  1. Doligo (7)
  2. Tuyen (7)
  3. Tien Coin (4)
  4. lê hải (3)
  5. Nguyễn Văn Long (3)
  6. Thành (3)

Thông tin hữu ích

  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

10 Chuyên mục - 978 Bài viết - 37217 Bình luận

Bản quyền © 2014 - 2020 · WP Căn bản · Sử dụng Paradise child theme và dịch vụ WordPress Hosting