• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Hướng dẫn chèn khung tìm kiếm vào menu của WordPress
hosting-tot-nhat-danh-cho-wordpress

Hướng dẫn chèn khung tìm kiếm vào menu của WordPress

Cập nhật: 19/06/2018 Trung Hiếu 13 Bình luận

Mục lục Hiện
  • 1. Làm thế nào để chèn khung tìm kiếm vào menu?

Hướng dẫn chèn khung tìm kiếm vào menu của website WordPress một cách đơn giản.

huong-dan-chen-khung-tim-kiem-vao-menu-cua-website-wordpress

Khung tìm kiếm là một trong những tính năng hữu ích nhất giúp người dùng nhanh chóng tìm được nội dung mà họ cần. Do đó, trang bị khung tìm kiếm cho website của bạn là vấn đề vô cùng cần thiết để nâng cao trải nghiệm người dùng. Trong WordPress, bạn có thể chèn khung tìm kiếm vào bất cứ vị trí nào mà bạn muốn (trên sidebar, trên header, dưới footer, cuối bài viết…) miễn là chúng hỗ trợ widget. Tuy nhiên, đã bao giờ bạn nghĩ đến việc sẽ chèn khung tìm kiếm vào menu chưa?

Tham khảo thêm:

  • Chèn Google AdSense Custom Search vào WordPress
  • Thay thế công cụ tìm kiếm mặc định của WordPress

Làm thế nào để chèn khung tìm kiếm vào menu?

Rất đơn giản, các bạn chỉ cần làm theo các bước cụ thể sau đây:

1. Cài đặt và kích hoạt plugin Add Search To Menu (download).

cai-dat-va-kich-hoat-plugin-add-search-to-menu

2. Truy cập Settings => Add Search To Menu và tiến hành thiết lập một số mục cần thiết cho plugin.

thiet-lap-plugin-add-search-to-menu

Trong đó:

  • Add Search to Menu: chọn menu mà bạn muốn chèn khung tìm kiếm vào.
  • Search Post Types: các loại bài viết sẽ xuất hiện trong kết quả tìm kiếm.
  • Search Form Style: chọn style cho khung tìm kiếm.
  • Search Menu Title: đặt tiêu đề cho khung tìm kiếm.
  • Search Menu Classes: thêm CSS class cho khung tìm kiếm, sử dụng khi bạn muốn tùy biến giao diện khung tìm kiếm.
  • Google CSE: chèn code Google Custom Search vào đây nếu bạn muốn thay thế hệ thống tìm kiếm mặc định.
  • Display Search Form in Header on Mobile Devices: tick vào mục này nếu bạn muốn hiển thị khung tìm kiếm trên header của giao diện mobile. Nó không hoạt động với bộ nhớ đệm (cache) vì tính năng này sử dụng function wp_is_mobile của WordPress.
  • This site uses Cache: sử dụng tùy chọn này để ẩn khung tìm kiếm (trong menu) bằng mã CSS và hiển thị nó trên header của giao diện mobile.
  • Display Search Form Close Icon: hiển thị nút đóng khung tìm kiếm.
  • Custom CSS: tùy chỉnh giao diện khung tìm kiếm bằng CSS của bạn.
  • Plugin CSS File: tick vào nếu bạn đã tích hợp file CSS của plugin vào trong theme.
  • Plugin JavaScript File: tick vào nếu bạn đã tích hợp file JS của plugin vào trong theme.

Sau khi hoàn tất, click vào nút Save Options để lưu lại.

3. Xóa cache web, cache trình duyệt và kiểm tra kết quả. Ví dụ ở đây tôi thử trên giao diện Twenty Fifteen (2015) mặc định của WordPress.

demo-khung-tim-kiem-tren-menu

Thật đơn giản phải không nào? Chúc các bạn thành công!

Nếu bạn thích bài viết này, hãy theo dõi 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 nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Tìm kiếm trong Customizer (Tùy biến) của WordPress
Tìm kiếm trong Customizer (Tùy biến) của WordPress
Tạo shortcode cho khung tìm kiếm trong WordPress
Tạo shortcode cho khung tìm kiếm trong WordPress
Tích hợp công cụ tìm kiếm Google cho theme Paradise
Tích hợp công cụ tìm kiếm Google cho theme Paradise

Chuyên mục: Thủ thuật WordPress Thẻ: WordPress Search

wpcanban-com-facebook-group

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. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Kiếm tiền từ tiếp thị liên kết với WP Căn bản
Bài viết sau Khắc phục lỗi không lưu cookie bình luận trong WordPress »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Chi 1 bình luậnviết

    10/10/2019 lúc 09:15

    Anh có thể làm video được ko ạ? Em download về rồi mà ko upload lên được

    Bình luận
    • Trung Hiếu Quản lýviết

      10/10/2019 lúc 10:10

      Bạn upload bị lỗi gì nhỉ?

      Bình luận
  2. Nu 2 bình luậnviết

    12/06/2019 lúc 09:47

    Cho e hỏi. E tìm ko có add search to menu plugin.

    Bình luận
    • Trung Hiếu Quản lýviết

      12/06/2019 lúc 10:05

      Mình để cả link dẫn đến trang plugin cho bạn rồi mà. Nếu tìm trên WordPress Admin không thấy thì vào download về rồi upload lên.

      Bình luận
      • Nu 2 bình luậnviết

        12/06/2019 lúc 10:56

        Ah. E đã tải. Mà úp failure nghĩa là sao a. E đang dùng theme twenty seventeen

        Bình luận
        • Trung Hiếu Quản lýviết

          12/06/2019 lúc 11:35

          Nó báo lỗi gì bạn? Copy nội dung thông báo paste lên đây mình xem nào.

          Bình luận
  3. Nguyễn văn hoan 1 bình luậnviết

    14/01/2019 lúc 20:39

    Chào anh Trung hiếu!
    A có thể hướng dẫn em cách cài ô tìm kiếm này ở footer được không ạ?

    Bình luận
  4. Doan 1 bình luậnviết

    01/07/2018 lúc 11:41

    Xin lỗi a Hiếu nếu em hỏi câu không liên quan tới bài viết, nhưng Anh cho em hỏi nếu muốn làm một trang chuyển để tải về trong woodpress thì làm cách nào được vậy? Khi người dùng nhấn vào tải về thì chờ mấy giây sẽ được tự động chuyển đến link tải trực tiếp!

    Bình luận
    • Trung Hiếu Quản lýviết

      05/07/2018 lúc 18:51

      Bạn tham khảo plugin Tm – WordPress Redirection xem. Plugin này lâu lắm rồi không được cập nhật nên mình không rõ nó còn hoạt động không.

      Bình luận
  5. Minh Hiếu 73 bình luậnviết

    27/06/2018 lúc 23:10

    Mấy trang bán hàng để cái này khá hợp lý á anh. Nhưng mà menu ai ít chứ menu mình quá nhìu hết chổ nhét :))

    Bình luận
    • Trung Hiếu Quản lýviết

      28/06/2018 lúc 07:00

      Mục “Search Form Style” có tùy chọn cho phép thu gọn khung tìm kiếm thành icon mà. Lúc click vào icon (hình kính lúp) thì khung tìm kiếm mới hiển thị đầy đủ ra, nên không lo việc nó chiếm nhiều diện tích. :P

      Bình luận
  6. Tuấn Tuấn 1 bình luậnviết

    27/06/2018 lúc 12:22

    Bạn ơi cho mình hỏi. Tại sao mỗi khi mình viết bài, sau đó chèn link nội bộ vào bài viết đó, thì tại phần quản lý bình luận Wordpress nó cứ xuất hiện những link nội bộ đó của mình. Người vào bình luận thì ko thấy mấy, chứ link nội bộ thì lại 1 đống. Và mình muốn hỏi là có nên xóa đi các link nội bộ đó ở trong phần quản lý binh luận Wordpress, hay là cứ giữ nguyên, giữ lại thấy rườm rà quá.

    Bình luận
    • Trung Hiếu Quản lýviết

      27/06/2018 lúc 12:25

      Mình nghĩ bạn nên xóa đi cho đỡ vướng. Sau đó vào Settings => Discussion => bỏ tick luôn trong 2 mục “Attempt to notify any blogs linked to from the article” và “Allow link notifications from other blogs (pingbacks and trackbacks) on new articles”.

      Bình luận

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. Tặng miễn phí ebook "Bảo mật WordPress toàn tập" do WP Căn bản biên soạn!

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

Dịch vụ WordPress Hosting

dich-vu-wordpress-hosting-chat-luong-cao

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Thủ thuật CloudFlare

Sửa lỗi WordPress

Thủ thuật LiteSpeed

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật WooCommerce

Sử dụng theme Paradise

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

dich-vu-toi-uu-wordpress-mien-phi

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

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

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

  • Xóa base slug của custom post type và taxonomy 04/07/2025
  • Ra mắt plugin Hybrid Object Cache độc quyền tại WP Căn bản 30/06/2025
  • Monarx Security được tích hợp vào dịch vụ WordPress Hosting 15/06/2025
  • Hiển thị code trong bài viết của WordPress 07/06/2025

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

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Tịnh Nguyễn trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress
  • dự án vlasta hải phòng trong Hướng dẫn nâng cấp PHP 7.4 cho website WordPress

Thông tin hữu ích

  • Giới thiệu bản thân
  • 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

9 Chuyên mục - 1.007 Bài viết - 35.554 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting