How to Integrate Live search in WordPress?

admin2025-06-04  9

I tried most of the available plugins to integrate Live Search in WordPress, but all of them messed up my theme layout.

The search function in my site is from a small search box at the top right using the following code in header.php:

<div id="search">
    <div class="search-content">
        <form method="get" id="searchform" action="/">
            <input class="form-control search-input" type="text" placeholder="<?php _e('Search..', 'demotheme'); ?>" name="s" id="s" value="<?php echo get_search_query(); ?>">
        <button type="submit"><i class="fa fa-search"></i></button>
    </form>
    </div>
</div>

So far I have tested these plugins:

  • Dave's WordPress Live Search
  • Ajax Search for WooCommerce
  • Ajax Search Lite
  • SearchWP Live Ajax Search
  • Advanced Woo Search
  • Ivory Search – WordPress Search Plugin

Every time I try to replace the default search function <?php echo get_search_query(); ?> in the header file with the plugin shortcode, I got the following mess in my theme:

Thanks.

转载请注明原文地址:http://conceptsofalgorithm.com/Algorithm/1748974224a315295.html

最新回复(0)