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: 571 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

5 1 vote
Đánh giá bài viết

Nhận thông báo
Nhận thông báo cho
guest

0 Góp ý
Inline Feedbacks
View all comments

Bài viết liên quan

WordPress Multisite là gì? 6 bước cài đặt chi tiết

WordPress Multisite là gì? 6 bước cài đặt chi tiết

20 - 11 - 2022

Doanh nghiệp của bạn đang phát triển muốn mở rộng thêm nhiều chi nhánh và muốn xây dựng thêm...

Chi tiết cách kiểm tra mã độc WordPress và loại bỏ chúng

Chi tiết cách kiểm tra mã độc WordPress và loại bỏ chúng

15 - 11 - 2022

Đối với website, mã độc được sử dụng để đánh cắp thông tin khách hàng, nắm giữ thông tin...

So sánh Blogspot và WordPress, 2 nền tảng Blog tốt nhất hiện nay

So sánh Blogspot và WordPress, 2 nền tảng Blog tốt nhất hiện nay

11 - 11 - 2022

WordPress và Blogspot hiện nay đang là 2 nền tảng website dạng blog nổi tiếng nhất trên thế giới....

Uncategorized là gì, cách đổi tên danh mục Uncategorized trong WordPress

Uncategorized là gì, cách đổi tên danh mục Uncategorized trong WordPress

05 - 11 - 2022

Trong WordPress, Category để chỉ một danh mục được sử dụng để gom các bài viết có liên quan...

Elementor là gì? hướng dẫn cài đặt Elementor chi tiết

Elementor là gì? hướng dẫn cài đặt Elementor chi tiết

03 - 11 - 2022

Elementor là một plugin xây dựng trang giúp bạn dễ dàng tạo các trang web WordPress đẹp. Ngay cả...

4 cách xóa category trong URL WordPress đơn giản, nhanh chóng

4 cách xóa category trong URL WordPress đơn giản, nhanh chóng

02 - 11 - 2022

Nhà phát triển wordpress thêm / category / urls để dễ dàng xác định các trang web có /...

0
Would love your thoughts, please comment.x