Trang chủ WordpressHướng dẫn Wordpress [shortcode] Chèn hộp tìm kiếm vào bài viết

[shortcode] Chèn hộp tìm kiếm vào bài viết

bởi Thạch Phạm
6 bình luận 3,4K views

Tham gia nhóm hỗ trợ WordPress

Tham gia nhóm Hỗ trợ Server - Hosting & WordPress để cùng nhau hỏi đáp và hỗ trợ các vấn đề về WordPress, tối ưu máy chủ/server.

Tham gia ngay

Và có thể chèn bất cứ đâu mà bạn muốn. Ưu điểm của shortcode này là cho phép bạn chèn hộp tìm kiếm vào một nơi bất kỳ nhằm phục vụ nhu cầu tìm kiếm của người đọc một cách tiện lợi hơn.

[shortcode] Chèn hộp tìm kiếm vào bài viết 19

Việc làm này đơn giản đến mức chỉ cần nhúng đoạn code sau đây vào file functions.php

add_shortcode('wpbsearch', 'get_search_form');

Sau đó bạn sử dụng thẻ [wpbsearch] vào bài viết là hộp tìm kiếm sẽ hiển thị ra.

Khuyến mãi Black Friday

Còn nếu bạn muốn chèn một hộp tìm kiếm tùy chỉnh, không sử dụng form tìm kiếm mặc định của WordPress thì bạn dùng code sau:

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');

Quá đơn giản và dễ làm đúng không nào  :*

5/5 - (1 bình chọn)
6 bình luận

Có thể bạn quan tâm

Hiện tại blog tạm đóng bình luận vì mình cần tập trung thời gian vào cập nhật bài viết. Bình luận sẽ mở ra cho đến khi mình sẵn sàng.