Tạo form tìm kiếm bằng shortcode trong WordPress

Ngày đăng: 02 - 05 - 2022 Lượt xem: 184 lượt

Bạn muốn thêm form tìm kiếm vào bài viết, trang, hoặc sidebar của website?

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

Hôm nay mình sẽ hướng dẫn các bạn cách tạo form tìm kiếm bằng shortcode trong WordPress.

tạo form tìm kiếm bằng shortcode

Tại sao lại cần phải thêm form tìm kiếm vào website?

Nếu người dùng đã thích đọc một bài đăng trên blog của bạn, thì họ có thể sẽ muốn đọc thêm. Hiển thị một form tìm kiếm trên website sẽ giúp họ tìm thấy nhiều nội dung hơn để đọc. Điều này cũng giúp bạn tăng lượt tải trang và giảm tỉ lệ thoát.

Trong bài viết này, mình sẽ chỉ cho bạn cách thêm form tìm kiếm WordPress vào website của bạn. Cùng mình bắt đầu thôi!

Tạo form tìm kiếm bằng shortcode

Đầu tiên, hãy chỉnh sửa file functions.php của theme bạn đang kích hoạt. Thêm vào đoạn code sau:

add_shortcode('wpbsearch', 'get_search_form');

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

tạo form tìm kiếm bằng shortcode

Nếu bạn muốn hiển thị một form tìm kiếm tùy chỉnh, thì bạn có thể 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');

Lúc này bạn có thể thêm placehoder vào ô input, hoặc thay đổi nhãn của nút submit.

Ngoài ra bạn còn có thể sử dụng CSS để tuỳ biến giao diện sao cho phù hợp.

Lời kết

Hy vọng hướng dẫn này sẽ giúp bạn biết cách làm thế nào để thêm form tìm kiếm bằng shortcode.

Nếu bài viết này hữu ích và giúp tiết kiệm được thời gian của bạn, hãy giúp mình chia sẻ nó. Ngoài ra nếu bạn quan tâm đến các chủ đề tương tự như vậy, hãy đọc các bài viết Thủ thuật WordPress khác và follow Fanpage để không bỏ lỡ bài viết mới từ mình nhé.

4.7 3 votes
Đánh giá bài viết

guest
0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

Genesis Framework là gì? Top 6 Genesis Framework tốt nhất hiện nay

Genesis Framework là gì? Top 6 Genesis Framework tốt nhất hiện nay

29 - 09 - 2022

Genesis Framework là gì? Đây là một khung Theme Framework được StuidoPress phát triển. Genesis Framework đem lại cho...

Hướng dẫn 2 cách trỏ domain về host cPanel đơn giản nhất

Hướng dẫn 2 cách trỏ domain về host cPanel đơn giản nhất

13 - 09 - 2022

Trỏ domain về host cPanel là điều mà các bạn lập trình viên cần phải thực hiện. Bởi vì...

Cách chèn Google Form vào WordPress chi tiết nhất

Cách chèn Google Form vào WordPress chi tiết nhất

12 - 09 - 2022

Google Forms là một công cụ vô cùng tuyệt vời để thu thập thông tin của người dùng thông...

Top 10 Các Widget hay cho WordPress

Top 10 Các Widget hay cho WordPress

10 - 09 - 2022

Các Widget hay cho WordPress là điều mà rất nhiều bạn lập trình viên quan tâm. Việc lựa chọn...

3 cách thay đổi Favicon trong WordPress dễ thực hiện nhất

3 cách thay đổi Favicon trong WordPress dễ thực hiện nhất

17 - 08 - 2022

Thay đổi favicon trong WordPress là điều vô cùng cần thiết khi bạn setup một website mới. Favicon đem...

Hướng dẫn chuyển từ HTTP sang HTTPs chi tiết nhất

Hướng dẫn chuyển từ HTTP sang HTTPs chi tiết nhất

16 - 08 - 2022

Chuyển từ HTTP sang HTTPs là một điều gần như bắt buộc cho các website WordPress hiện nay. Chuyển...

0
Would love your thoughts, please comment.x