{"id":20275,"date":"2020-01-02T04:38:06","date_gmt":"2020-01-02T09:38:06","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=20275"},"modified":"2020-01-02T08:53:10","modified_gmt":"2020-01-02T13:53:10","slug":"wordpress-how-to-add-a-search-form-and-edit-search-results-page","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/wordpress-how-to-add-a-search-form-and-edit-search-results-page.html","title":{"rendered":"WordPress. How to add a search form and edit search results page"},"content":{"rendered":"

\r\n<\/p>\r\n

This tutorial is going to show you how to add a search form & edit search results page on your WordPress template.<\/p>\r\n

How to add a search form<\/h3>\r\n

Log into your WordPress admin panel and go to the left-side menu Appearance -> Widgets.<\/strong><\/p>\r\n

\"\"<\/a><\/p>\r\n

    \r\n
  1. Under the Available Widgets<\/strong> locate a one called Search<\/strong> (A search form for your site) and drag it to one of the boxes available on the right side (depends on the particular template design)<\/li>\r\n

    \"\"<\/a><\/p>\r\n

  2. When needed, specify a title for your Search form and click Save.<\/li>\r\n
  3. Preview the page which has the widget position with the Search form enabled to see it there.<\/li>\r\n<\/ol>\r\n

    How to edit the search results page<\/h3>\r\n
      \r\n
    1. In your WordPress admin panel go to Appearance -> Editor<\/strong>.<\/li>\r\n

      \"\"<\/a><\/p>\r\n

    2. From the right-hand side of the Edit Themes page look for the one called Search Results<\/strong> (serach.php) and click on it. The search.php<\/strong> is a template file that represents a template that displays the search results.\r\n

      \"\"<\/a><\/p>\r\n<\/li>\r\n

    3. Search Form<\/strong> (searchform.php) you can also select from the right side represents another template file that is often included to the sidebar of many themes and generates the search box form. If there isn’t one in your theme, you can easily copy it from the Default theme. <\/li>\r\n
    4. Prior to making any changes to the code of these pages, we suggest that you copy it and save in a file on your computer to have for a backup copy.<\/li>\r\n
    5. The way you need to customize the search results page is totally up to you. For instance, your default search results pages look like this:<\/li>\r\n

      \"\"<\/a><\/p>\r\n

    6. You can look for the text you see on this page (like: Search for, Read More, Older Entries, Newer Entries etc) in the code by hitting Ctrl + F.<\/strong><\/li>\r\n
    7. To disable text, for example, the one that says No comments, <\/strong>first look for the text with Ctrl + F to find the line it is in, which is <\/br>\r\n
      <?php comments_popup_link('No comments', '1  comment', '% comments', 'comments-link', 'Comments are closed');  ?><\/pre>\r\n
          And delete it (comment it  out). <\/li>\r\n
    8.     To change the number of search  results, put\r\n
      <?php query_posts('showposts=#'); ?><\/pre>\r\n
        above<\/p>\r\n
       <?php if (have_posts()) : while  (have_posts()) : the_post(); ?><\/pre>\r\n
        where  #<\/strong> is the number of posts.
      \r\n    To remove the footer sidebar,  remove <?php get_footer(); ?>  at  the bottom. <\/li>\r\n
    9. To display  the number of results, change\r\n
      <h1>Search for: "<?php the_search_query();  ?>"<\/h1><\/pre>\r\n
        to<\/p>\r\n
      <h1>Search for: "<?php \/*  Search Count *\/ $allsearch = &new  WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1);  $count = $allsearch->post_count; _e(''); _e('<span  class="search-terms">'); echo $key; _e('<\/span>'); _e(' \u2014  '); echo $count . ' '; _e('articles'); wp_reset_query(); ?><\/h1><\/pre>\r\n<\/li>\r\n
    10. Once you are done with your changes, click on Update File at the bottom to save them and try use the Search  box on your site:\r\n
      \"\"<\/a>\r\n<\/li>\r\n<\/ol>\r\n
      Feel free to check the detailed video tutorial below:<\/p>\r\n
      WordPress. How to add a search form and edit search results page<\/a><\/p>\r\n
      I hope you succeeded in creating a WordPress search page and now everything works great. If not, you can use professional website support to edit your WordPress page. Such service helps you to fix some bugs on your website or just support your website to function on a monthly basis.<\/p>\r\n
      \"\"<\/p>\r\n
      Whether you are a beginner or a professional, there will be times when you need help with WordPress. After the launch of the site, everybody someday needs to provide high-quality and timely technical support.<\/p>\r\n
      What happens without timely technical support?<\/h3>\r\n