Thêm Thanh Tìm Kiếm Vào Bài Viết Với Shortcode Tìm Kiếm

Gần đây, một bạn đọc thường xuyên của chúng tôi đã đặt ra câu hỏi : “ Liệu có thể thêm biểu mẫu tìm kiếm vào nội dung bài viết hoặc trang bằng shortcode một cách dễ dàng không?”. Và câu trả lời ở đây là có. Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách thêm thanh tìm kiếm vào nội dung bài viết hoặc trang trên WordPress bằng cách tạo một shortcode tìm kiếm. Tất cả những gì bạn cần làm là mở tệp tin giao diện function.php hoặc sử dụng một plugin đặc biệt và dãn mã dưới đây vào đó:

add_shortcode('wpbsearch', 'get_search_form');

Sau đó, sử dụng shortcode như thế nào vào nội dung trang/bài viết của bạn: [wpbsearch]

Nó sẽ hiển thị biểu mẫu tìm kiếm mặc định. Nếu bạn muốn hiển thị biểu mẫu tìm kiếm riêng của mình, bạn có thể làm như 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');

Chúng tôi hi vọng bài viết này sẽ giúp các bạn có thể thêm thanh tìm kiếm bằng shortcode trên WordPress

Về tác giả

Duy Anh

Chào các bạn,

Mình là coder, đang sống và làm việc ở Mỹ. Mình thích viết lách nên muốn dành khoảng thời gian trống để chia sẻ các thủ thuật giúp các bạn xây dựng được trang web riêng của mình. Bạn nào cần xây dựng blog, web thì cứ ới, rảnh là mình giúp, tất cả FREE nhé!

Ý kiến cá nhân của bạn

bộ công cụ Wordpress hữu ích dành cho mọi website

Bộ công cụ hữu ích dành cho mọi website Wordpress

Bao gồm theme & plugin tốt nhất và được sử dụng nhiều nhất!

Xin vui lòng kiểm tra email để xác thực tài khoản!