Blog thủ thuật máy tính f4vnn
No Result
View All Result
13 Tháng Tư , 2021
  • Login
  • Trang chủ
  • Tips Computer
    • Windows
    • Server
    • Office
    • Software
    • Game
  • Tips Security
  • Tips Internet
  • Tips MacOS
  • Tips Mobile
  • Tips Source
    • Tips WordPress
    • Tips Blogspot
    • Other Source
  • More Tips
    • Tips Other
    • Review
    • Lyrics chords
  • Trang chủ
  • Tips Computer
    • Windows
    • Server
    • Office
    • Software
    • Game
  • Tips Security
  • Tips Internet
  • Tips MacOS
  • Tips Mobile
  • Tips Source
    • Tips WordPress
    • Tips Blogspot
    • Other Source
  • More Tips
    • Tips Other
    • Review
    • Lyrics chords
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

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

Welcome to f4vnn.com: là một web/blog cá nhân, chủ yếu chia sẻ kiến thức về máy tính, internet, công nghệ và thủ thuật WordPress, Blogger... Mình hi vọng một điều là: Tại đây, các bạn có thể học thêm được rất nhiều kinh nghiệm và thủ thuật khi sử dụng máy tính ^_^

ĐỪNG QUÊN ĐĂNG KÝ FANPAGE ĐỂ NHẬN THỦ THUẬT MỚI NHẤT NHÉ!

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

Reviews: có gì mới trong phiên bản WordPress 5.7

Reviews: có gì mới trong phiên bản WordPress 5.7

10/03/2021
Melina Blogger Template giao diện Blogger tạp chí thời trang

Melina Blogger Template giao diện Blogger tạp chí thời trang

01/03/2021

Tạo thanh thông báo bằng HTML và CSS cho WordPress

25/02/2021

Hướng dẫn thêm Load more post không cần Plugin cho WordPress

22/02/2021

Chia sẻ Theme WordPress làm trang Download cực đẹp

03/02/2021

Tùy biến trang đăng nhập không cần Plugin cho WordPress

27/01/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

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é!

Facebook logotwitter- logopinterest logoYoutube logo

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

Hướng dẫn sửa lỗi USB Keyboard not recognized trên Windows 10

Hướng dẫn sửa lỗi USB Keyboard not recognized trên Windows 10

12/04/2021
Hướng dẫn cách quản lý cập nhật Windows 10 bằng WuMgr

Hướng dẫn cách quản lý cập nhật Windows 10 bằng WuMgr

12/04/2021
Hướng dẫn cách sửa lỗi Error 0xc004f069 khi kích hoạt Windows Server

Hướng dẫn cách sửa lỗi Error 0xc004f069 khi kích hoạt Windows Server

12/04/2021
Hướng dẫn sửa lỗi Snipping Tool không sao chép vào khay nhớ tạm

Hướng dẫn sửa lỗi Snipping Tool không sao chép vào khay nhớ tạm

11/04/2021
8 cách khôi phục máy tính khi bị nhiễm phần mềm độc hại

8 cách khôi phục máy tính khi bị nhiễm phần mềm độc hại

11/04/2021

☷ BÀI VIẾT NỔI BẬT

  • Sửa lỗi A JavaScript error occurred in the main process trên Windows 10

    Sửa lỗi A JavaScript error occurred in the main process trên Windows 10

    1 shares
    Share 0 Tweet 0
  • Chuyển từ Google Slides sang PowerPoint và ngược lại

    1 shares
    Share 0 Tweet 0
  • Sửa lỗi Run-time error 1004 không thể chạy Macro trong Excel

    1 shares
    Share 0 Tweet 0
  • Cách sửa lỗi Runtime Error 1004 trong Microsoft Excel

    2 shares
    Share 0 Tweet 0
  • Cách sửa lỗi Bad Image 0xc000012f trong Windows 10

    2 shares
    Share 0 Tweet 0
Blog thủ thuật máy tính f4vnn

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

Điều hướng

  • Chính sách
  • Giới Thiệu
  • Quy định
  • DMCA
  • Game – Soft
  • Vocal
  • Blog Liên kết

Follow Us

No Result
View All Result
  • Trang chủ
  • Tips Computer
    • Windows
    • Server
    • Office
    • Software
    • Game
  • Tips Security
  • Tips Internet
  • Tips MacOS
  • Tips Mobile
  • Tips Source
    • Tips WordPress
    • Tips Blogspot
    • Other Source
  • More Tips
    • Tips Other
    • Review
    • Lyrics chords

© 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