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

Ngày đăng: 09 - 12 - 2021 Lượt xem: 141 lượt

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.

Lời kết

Mình hy vọng hướng dẫn này đã giúp bạn trong việc thêm form tìm kiếm.

Nếu các bạn thấy hay có thể theo dõi chuyên mục WordPress cơ bản để biết thêm nhiều kiến thức mới nha.

Hãy follow fanpage để nhận được những bài viết mới nhất nhé : Hocwordpress Group

0 0 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 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...

Cấu hình SMTP trong WordPress mà không sử dụng plugin

Cấu hình SMTP trong WordPress mà không sử dụng plugin

26 - 05 - 2022

Đôi khi, bạn không muốn cài nhiều plugin vì lý do bảo mật. Vì vậy bạn có thể tự...

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...

0
Would love your thoughts, please comment.x