WP Job Manager: Creating a custom job search form
<p>I am trying to have a search field on my homepage with the WP Job Manager Plugin.  </p>

<p>from the functionality point of view it should be like on AirBnB but without the checkin/checkout/guest option and instead a simple search field some check boxes  like this </p>

<p><a href="http://i.stack.imgur.com/BO02a.png" rel="nofollow"></a></p>

<p>and there should be a "Search" button which would than link to the page where the search results are presented.</p>

<p>There is a tutorial (<a href="https://wpjobmanager.com/document/tutorial-creating-custom-job-search-form/" rel="nofollow">https://wpjobmanager.com/document/tutorial-creating-custom-job-search-form/</a>, but I do not Understand it.</p>

<p>Would appreciate any answer!</p>

<p>The following code is my "job-filters.php"-file, where I edited the search field.</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;?php wp_enqueue_script( 'wp-job-manager-ajax-filters' ); ?&gt;

&lt;?php do_action( 'job_manager_job_filters_before', $atts ); ?&gt;

&lt;form class="job_filters"&gt;
 &lt;?php do_action( 'job_manager_job_filters_start', $atts ); ?&gt;

 &lt;div class="search_jobs"&gt;
  &lt;?php do_action( 'job_manager_job_filters_search_jobs_start', $atts ); ?&gt;

  &lt;div class="search_keywords"&gt;
   &lt;label for="search_keywords"&gt;&lt;?php _e( 'Search', 'wp-job-manager' ); ?&gt;&lt;/label&gt;
   &lt;input type="text" name="search_keywords" id="search_keywords" placeholder="&lt;?php esc_attr_e( 'Search', 'wp-job-manager' ); ?&gt;" value="&lt;?php echo esc_attr( $keywords ); ?&gt;" /&gt;
  &lt;/div&gt;



  &lt;?php if ( $categories ) : ?&gt;
   &lt;?php foreach ( $categories as $category ) : ?&gt;
    &lt;input type="hidden" name="search_categories[]" value="&lt;?php echo sanitize_title( $category ); ?&gt;" /&gt;
   &lt;?php endforeach; ?&gt;
  &lt;?php elseif ( $show_categories &amp;&amp; ! is_tax( 'job_listing_category' ) &amp;&amp; get_terms( 'job_listing_category' ) ) : ?&gt;
   &lt;div class="search_categories"&gt;
    &lt;label for="search_categories"&gt;&lt;?php _e( 'Category', 'wp-job-manager' ); ?&gt;&lt;/label&gt;
    &lt;?php if ( $show_category_multiselect ) : ?&gt;
     &lt;?php job_manager_dropdown_categories( array( 'taxonomy' =&gt; 'job_listing_category', 'hierarchical' =&gt; 1, 'name' =&gt; 'search_categories', 'orderby' =&gt; 'name', 'selected' =&gt; $selected_category, 'hide_empty' =&gt; false ) ); ?&gt;
    &lt;?php else : ?&gt;
     &lt;?php job_manager_dropdown_categories( array( 'taxonomy' =&gt; 'job_listing_category', 'hierarchical' =&gt; 1, 'show_option_all' =&gt; __( 'Any category', 'wp-job-manager' ), 'name' =&gt; 'search_categories', 'orderby' =&gt; 'name', 'selected' =&gt; $selected_category, 'multiple' =&gt; false ) ); ?&gt;
    &lt;?php endif; ?&gt;
   &lt;/div&gt;
  &lt;?php endif; ?&gt;

  &lt;?php do_action( 'job_manager_job_filters_search_jobs_end', $atts ); ?&gt;
 &lt;/div&gt;

 &lt;?php do_action( 'job_manager_job_filters_end', $atts ); ?&gt;
&lt;/form&gt;

&lt;?php do_action( 'job_manager_job_filters_after', $atts ); ?&gt;

&lt;noscript&gt;&lt;?php _e( 'Your browser does not support JavaScript, or it is disabled. JavaScript must be enabled in order to view listings.', 'wp-job-manager' ); ?&gt;&lt;/noscript&gt;</code></pre>
</div>
</div>
</p>