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

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 trong WordPress một cách đơn thuầ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 blog/ 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 :

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

Rất đơn thuần, những bạn chỉ cần làm theo những bước đơn cử sau đây :
1. Cài đặt và kích hoạt plugin Add Search To Menu .

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

2. Truy cập Settings => Add Search To Menu và thực thi thiết lập một số mục thiết yếu 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 hiệu quả. Ví dụ ở đây tôi thử trên giao diện Twenty Fifteen ( năm ngoái ) mặc định của WordPress .

demo-khung-tim-kiem-tren-menu

Thật đơn thuần phải không nào ? Chúc những bạn thành công xuất sắc !
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để tiếp tục update những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. 🙂

3.6 / 5 – ( 17 bầu chọn )

Source: https://expgg.vn
Category: Thông tin

Total
0
Shares
Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Previous Post

Chia sẻ 3 cách chèn ảnh vào Excel nhanh chóng, đơn giản

Next Post

Cách Chèn Đường Liên Kết Trong Email, Gmail, Outlook

Related Posts