Cách thêm form tìm kiếm bằng shortcode trong bài viết WordPress

Bạn có muốn thêm một form tìm kiếm vào một bài đăng WordPress không?

Thêm form tìm kiếm vào nội dung bài đăng hoặc trang của bạn là một cách tốt để khuyến khích khách truy cập tìm thấy nhiều nội dung hơn và ở lại trang web của bạn lâu hơn.

Mình sẽ hướng dẫn bạn cách cách làm đơn giản nhất.

thêm form tìm kiếm bằng shortcode

Tại sao phải thêm một form tìm kiếm vào bài viết và trang của bạn?

Một khách thích bài đăng trên blog WordPress của bạn, thì họ có thể sẽ muốn đọc thêm. Đưa ra một form tìm kiếm trong bài đăng sẽ giúp họ tìm thấy nhiều nội dung của bạn hơn.

Khi bạn giúp người dùng dễ dàng dành nhiều thời gian hơn trên trang web của mình, bạn có thể tăng số lần xem trang và giảm tỷ lệ thoát.

Khách truy cập của bạn cũng có nhiều khả năng tham gia vào danh sách email của bạn, để lại nhận xét, mua hàng và theo dõi bạn trên mạng xã hội.

Mình sẽ chỉ bạn cách thêm form tìm kiếm WordPress chuẩn vào bài đăng. Nếu bạn muốn thêm form tìm kiếm tùy chỉnh, hãy xem hướng dẫn từng bước của mình.

Thêm form tìm kiếm bằng shortcode

Bạn có thể thêm một form tìm kiếm vào các bài đăng trên WordPress của mình bằng cách sử dụng code. Phương pháp này không được khuyến nghị cho người mới bắt đầu, vì vậy nếu bạn không quen thuộc với code, thì bạn nên sử dụng phương pháp khác thay thế.

Trong phương pháp này, bạn sẽ phải chỉnh sửa tệp functions.php của theme hoặc child theme.

Tất cả những gì bạn phải làm là mở tệp functions.php của theme và dán đoạn code sau:

add_shortcode('wpbsearch', 'get_search_form');

chỉnh sửa form tìm kiếm

Sau đó, bạn chỉ cần thêm shortcode [wpbsearch] vào bài đăng hoặc trang mà bạn muốn form tìm kiếm xuất hiện.

shortcode của form tìm kiếm

Điều này sẽ hiển thị form tìm kiếm mặc định của WordPress. Để xem form tìm kiếm này, bạn chỉ cần xem bài đăng trên website của bạn.

xem trước form tìm kiếm

Nếu muốn hiển thị form tìm kiếm tùy chỉnh, bạn nên sử dụng đoạn code này để thay thế.

function wpbsearchform( $form ) {
   
    $form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
    <div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
    <input type="text" value="' . get_search_query() . '" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
    </div>
    </form>';
   
    return $form;
}
add_shortcode('wpbsearch', 'wpbsearchform');

Vui lòng sửa đổi đoạn code trên để tùy chỉnh form tìm kiếm như bạn muốn.