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

Ngày đăng: 02 - 05 - 2022 Lượt xem: 66 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.5 2 votes
Đánh giá bài viết

guest
0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

Hướng dẫn custom Bảng tin trong admin WordPress

Hướng dẫn custom Bảng tin trong admin WordPress

11 - 05 - 2022

Bạn có nghĩ rằng bảng tin trong admin WordPress thật lộn xộn và có nhiều phần không cần thiết...

Cách đặt hình ảnh đại diện mặc định trong WordPress

Cách đặt hình ảnh đại diện mặc định trong WordPress

08 - 05 - 2022

Bạn có muốn đặt hình ảnh đại diện mặc định trong WordPress không? Nhiều theme sử dụng hình ảnh đại...

Hiển thị ngày đăng ký của người dùng vào trang tất cả người dùng

Hiển thị ngày đăng ký của người dùng vào trang tất cả người dùng

06 - 05 - 2022

Giả sử rằng có một cuộc tấn công spam vào trang web của bạn. Có gần 50 người dùng...

Làm việc với DateTime trong WordPress

Làm việc với DateTime trong WordPress

04 - 05 - 2022

Một năm trước, mình phát triển một plugin liên quan đến thời gian biểu. Và mình sớm nhận ra...

Thêm cột ảnh đại diện trong trang quản trị danh sách bài viết

Thêm cột ảnh đại diện trong trang quản trị danh sách bài viết

28 - 04 - 2022

Bạn có muốn hiển thị ảnh đại diện ra ngoài trang danh sách bài viết không? Hôm nay mình sẽ...

Làm thế nào để chuyển hướng URL trong WordPress?

Làm thế nào để chuyển hướng URL trong WordPress?

20 - 04 - 2022

Chuyển hướng URL, là một cách để làm cho một đường dẫn có thể truy cập được dưới nhiều...

0
Would love your thoughts, please comment.x