• Speedtest Internet
  • Test Code
  • Nén CSS
  • Chuyển đổi định dạng Webp
  • Mã Hóa URL
  • Shorturl
  • LYRICS
Blog thủ thuật máy tính f4vnn
No Result
View All Result
28 Tháng Năm , 2022
  • Login
  • Trang chủ
  • TIPS COMPUTER
    • WINDOWS
    • SERVER
    • OFFICE
    • SOFTWARE
    • GAME
    • INTERNET
    • SECURITY
  • TIPS MAC – IOS
  • TIPS MOBILE
  • TIPS SOURCE
    • TIPS WORDPRESS
    • TIPS BLOGSPOT
    • OTHER SOURCE
  • TIPS OTHER
  • REVIEWS
  • Trang chủ
  • TIPS COMPUTER
    • WINDOWS
    • SERVER
    • OFFICE
    • SOFTWARE
    • GAME
    • INTERNET
    • SECURITY
  • TIPS MAC – IOS
  • TIPS MOBILE
  • TIPS SOURCE
    • TIPS WORDPRESS
    • TIPS BLOGSPOT
    • OTHER SOURCE
  • TIPS OTHER
  • REVIEWS
No Result
View All Result
Blog thủ thuật máy tính f4vnn
No Result
View All Result
Home Tips Source

Thêm box search trên menu cho WordPress không cần Plugin

Blog Tips f4vnn by Blog Tips f4vnn
18/01/2021
Reading Time: 4 mins read
# QUÀ TẶNG VÀ KHUYẾN MẠI
  • Đăng ký tên miền tên miền .com,.com.vn, .vn giá rẻ: TẠI ĐÂY
  • Hosting giá rẻ chất lượng cao chỉ 49k/tháng: TẠI ĐÂY
  • Cloud VPS giá rẻ chất lượng cao chỉ 120k/tháng: TẠI ĐÂY

  • Nội dung chính

    • Tạo sao bạn muốn thêm Box search trên menu
    • Thêm box search trên menu cho WordPress
      • # Bước 1 : Thêm code vào Function
      • # Bước 2 : Thêm Css
    • Kết luận

    Thêm box search trên menu cho WordPress không cần Plugin: Trong các Theme nổi tiếng hiện nay gần như họ đều tích hợp sẵn box search trên thanh menu cho các mẫu demo của mình, tuy nhiên một số thì lại không được tích hợp sẵn.

    Vậy làm thế nào để thêm thêm box search trên menu cho WordPress không cần Plugin cho giao diện của bạn đang dùng. Bài viết này sẽ chia sẻ cho bạn cách thực hiện nó rất đơn giản thông qua các funtion của theme bạn đang dùng.

    Thêm box search trên menu cho WordPress không cần Plugin

    Tạo sao bạn muốn thêm Box search trên menu

    Nếu blog của bạn là các Blog/web cá nhân số lượng bài viết của bạn không nhiều thì việc thêm vào là cũng không cần thiết. Nhưng đối với các Blog/web bán hàng hay các trang tin tức lớn với dữ liệu nhiều thì Box search là khá cần thiết, ngoài việc giúp người dùng tìm kiếm thông tin nó còn làm đpẹ cho Theme của bạn rất nhiều.

    Thêm box search trên menu cho WordPress

    Có rất nhiều Plugin phụ cụ cho việc thêm box search trên menu cho WordPress, nhưng bài viết này Blog thủ thuật máy tính f4vnn không sử dụng plugin mà mình sẽ dùng một đoạn code nhỏ thông qua file function.php.

    # Bước 1 : Thêm code vào Function

    Chú ý: Việc thay đổi Function rất dễ gây lỗi cấu trúc nên bạn nhớ backup lại nó trước khi làm bất cứ điều gì nhé.

    Bạn copy đoạn code bên dưới và dán vào file Function

    add_filter( 'wp_nav_menu_items','add_search_box', 10, 2 );
    function add_search_box( $items, $args ) {
        $items .= '<li>' . get_search_form( false ) . '</li>';
        return $items;
    }

    # Bước 2 : Thêm Css

    Thực ra thì Css này cũng khá khó để làm chính xác một theme nào đó vì nó tùy theo theme nên Css các bạn có thể tự sửa cho phù hợp với theme mình đang dùng nhé

    DEMO

    Kết luận

    Thế là xong việc thêm tìm kiếm trên Menu cũng khá đơn giản đúng không. Hy vọng với cách thêm box search trên menu cho WordPress không cần Plugin mà Blog thủ thuật máy tính f4vnn đã chia sẻ sẽ có ích với bạn. Chúc bạn thành công.

    Bài Viết Cùng Chuyên Mục
    Game & Apk Mod Acapella Việt Template BLogspot Liên Kết URL
    Tags: Add a search box on the menu for WordpressAdd a search box on the menu for Wordpress without PluginThêm box search trên menu cho WordpressThêm box search trên menu cho Wordpress không cần Plugin
    ShareTweetPin1Share1ShareShare

    Related Posts

    Hướng dẫn cách cài đặt WordPress trên Windows 10

    Hướng dẫn cách cài đặt WordPress trên Windows 10

    06/12/2021
    Chia sẻ danh sách Ping list tăng tốc độ index tốt nhất cho WordPress

    Chia sẻ danh sách Ping list tăng tốc độ index tốt nhất cho WordPress

    04/12/2021

    Hướng dẫn cách tạo Popup thông báo bằng html css cho WordPress

    15/11/2021

    Hướng dẫn cách tùy biến Menu trên Mobile cho WordPress

    11/11/2021

    Giới thiệu 4 giao diện wordpress chia sẻ video miễn phí cực đẹp

    08/10/2021

    Hướng dẫn cách kiểm tra địa chỉ IP bằng Abstract API và PHP

    11/09/2021
    Next Post
    Bật hoặc tắt quyền truy cập của Guest trên Microsoft Teams

    Bật hoặc tắt quyền truy cập của Guest trên Microsoft Teams

    Sửa lỗi 0xc0000221 màn hình xanh trên Windows 10

    Sửa lỗi 0xc0000221 màn hình xanh trên Windows 10

    ☊ BLOG NGHE NHẠC DJ

    slide-dj24h

    Receive updates of our latest tutorials.

    By signing up, you agree to our Privacy Policy.

    Facebook logoTwitter logoLinked-in logo

    ✪ TÌM KIẾM NHANH TRÊN GOOGLE

    Mẹo để tìm kiếm nhanh cách sửa lỗi bạn vào Google gõ tên lỗi + từ khóa f4vnn!

    ☷ BÀI VIẾT MỚI NHẤT

    Chia sẻ 8 mẹo tối ưu hóa SSD để có hiệu suất tốt hơn trên máy tính

    Chia sẻ 8 mẹo tối ưu hóa SSD để có hiệu suất tốt hơn trên máy tính

    25/05/2022
    Hướng dẫn cách sửa thiếu tùy chọn Sleep trên Windows 11

    Hướng dẫn cách sửa thiếu tùy chọn Sleep trên Windows 11

    25/05/2022
    Hướng dẫn cách chơi Fortnite trên iPhone và iPad miễn phí

    Hướng dẫn cách chơi Fortnite trên iPhone và iPad miễn phí

    23/05/2022
    Hướng dẫn cách cập nhật bộ điều khiển không dây Xbox bằng máy tính

    Hướng dẫn cách cập nhật bộ điều khiển không dây Xbox bằng máy tính

    16/05/2022
    Hướng dẫn 3 cách cho phép người dùng thông thường chạy với quyền quản trị

    Hướng dẫn 3 cách cho phép người dùng thông thường chạy với quyền quản trị

    16/05/2022

    ☷ BÀI VIẾT XEM NHIỀU

    • Chuyển từ Google Slides sang PowerPoint và ngược lại 25.8k views
    • Làm thế nào để dừng Fixing Stage 1 trong Windows 10 24.3k views
    • Sửa lỗi A JavaScript error occurred in the main process trên Windows 10 15.2k views
    • Sửa lỗi Run-time error 1004 không thể chạy Macro trong Excel 13.5k views
    • Cách sửa lỗi Runtime Error 1004 trong Microsoft Excel 10.7k views
    • Cách sửa lỗi Bad Image 0xc000012f trong Windows 10 10.2k views
    Blog thủ thuật máy tính f4vnn

    © 2021 Blog Tips F4vnn - Chia sẻ thủ thuật công nghệ.

    Giới thiệu & Bạn bè

    • Chính sách
    • Quy định
    • About Us
    • DMCA
    • Nhạc DJ24h
    • Game & App
    • Vocal

    Follow Us

    No Result
    View All Result
    • Trang chủ
    • TIPS COMPUTER
      • WINDOWS
      • SERVER
      • OFFICE
      • SOFTWARE
      • GAME
      • INTERNET
      • SECURITY
    • TIPS MAC – IOS
    • TIPS MOBILE
    • TIPS SOURCE
      • TIPS WORDPRESS
      • TIPS BLOGSPOT
      • OTHER SOURCE
    • TIPS OTHER
    • REVIEWS

    © 2021 Blog Tips F4vnn - Chia sẻ thủ thuật công nghệ.

    Welcome Back!

    Login to your account below

    Forgotten Password?

    Retrieve your password

    Please enter your username or email address to reset your password.

    Log In