Cách tạo form tìm kiếm trong WordPress

Chức năng tìm kiếm trong WordPress cũng khá thú vị. Nhờ nó độc giả có thể nhanh chóng tìm thấy thông tin trên blog, website. Khi bạn hiểu rõ cách sử dụng sẽ tạo được Form tìm kiếm và đặt ở bất cứ vị trí nào theo ý mình.

Code tạo thanh tìm kiếm trong WordPress

Cách 1: Sử dụng Code

Đầu tiên bạn sẽ vào file functions.php cho đoạn mã này xuống dưới cùng

function search_form( $form ) {
$form = '<form class="action-form" role="search" method="get" action="' . home_url( '/' ) . '" > <input type="search" class="search-field" value="' . get_search_query() . '" name="s" id="s" placeholder="Từ khóa tìm kiếm" /><button class="sbutton" type="submit" href="javascript:void(0);"><i class="fa fa-search"></i></button></form>';
return $form;
}
add_shortcode( 'wp_search_form', 'search_form' );

Mục đích của đoạn mã này là để tùy biến CSS dễ hơn do đã đặt Class cho nó.

Tiếp theo bạn sẽ dùng đoạn mã Shortcode chèn vào file mà bạn muốn.

[wp_search_form]

Cách 2: Sử dụng Plugin Ivory Search để chèm Form vào Menu

Cách này khá đơn giản chỉ cần download về cài đặt plugin xong => Nhấp vào Ivory Search ở Menu bên trái phần quản trị

form-tim-kiem

Tiếp theo vào Menu Search => Chọn vị trí hiển thị ô tìm kiếm. Mình sẽ chọn là Menu chính

form-tim-kiem-1

Ở khu vực này cũng có một số cài đặt như:

  • Mặc định
  • Dropdown
  • Full Width
  • Sliding
  • Popup

Tại Add class to search form menu item bạn sẽ thêm Class vào để tùy chỉnh CSS dễ hơn.

Sau khi cài đặt xong đừng quên lưu lại và ra trang chủ để hưởng thành quả.

form-tim-kiem-2

Related Posts

Hướng dẫn cách tắt comment trong wordpress

Trong quá trình xây dựng và quản lý một trang web WordPress, việc tắt chức năng comment có thể là một yêu cầu phổ biến. Điều này…

7 Cách chọn sản phẩm kinh doanh online thành công

7 Cách chọn sản phẩm kinh doanh online thành công

Kinh doanh online bên cạnh những ưu thế thì rủi ro cũng không hề nhỏ, việc bạn tính toán thật kỹ lưỡng trước khi quyết định bán…

Chỉnh sửa Header trong WordPress

Header là khu vực hiển thị phần đầu tiên của trang web. Tại đây nó sẽ hiển Logo, banner, Menu hoặc các mạng xã hội được tích…

doi-mat-khau-admin-wordpress-1

Đổi password admin trong WordPress

Khu vực quản trị của WordPress chỉ admin mới có thể đăng nhập được. Vì thế mật khẩu đóng vai trò quan trọng. Một password sử dụng…

Upload Theme trong Wordpress

Hướng dẫn cách up Theme lên WordPress

Với những người mới bắt đầu học WordPress thường gặp khó khăn khi thay đổi giao diện. Bài viết này sẽ giúp bạn biết cách upload theme,…

Hướng dẫn chỉnh sửa theme WordPress

Trước đây mới làm quen với nền tảng WordPress mình cảm thấy khá khó khăn không biết làm thế nào để chỉnh sửa theme Wordpres, mãi một…