WP作业管理器：创建自定义作业搜索表单

Question

我正在尝试使用WP作业管理器插件在我的主页上设置搜索字段。

从功能的角度来看，它应该像AirBnB一样，但没有checkin / checkout / guest选项，而是一个简单的搜索字段，有些像这样的复选框

并且应该有一个“搜索”按钮，它将链接到显示搜索结果的页面。

有一个教程（https://wpjobmanager.com/document/tutorial-creating-custom-job-search-form/，但我不明白。

非常感谢任何答案！

以下代码是我的“job-filters.php”文件，我编辑了搜索字段。

<?php wp_enqueue_script( 'wp-job-manager-ajax-filters' ); ?>

<?php do_action( 'job_manager_job_filters_before', $atts ); ?>

<form class="job_filters">
	<?php do_action( 'job_manager_job_filters_start', $atts ); ?>

	<div class="search_jobs">
		<?php do_action( 'job_manager_job_filters_search_jobs_start', $atts ); ?>

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



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

		<?php do_action( 'job_manager_job_filters_search_jobs_end', $atts ); ?>
	</div>

	<?php do_action( 'job_manager_job_filters_end', $atts ); ?>
</form>

<?php do_action( 'job_manager_job_filters_after', $atts ); ?>

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

Answer 1

我刚刚完成此操作，您将该代码示例粘贴到您希望显示搜索框的位置。

对我来说，它出现在我主页的英雄横幅上。这会设置表单。像这样：

我还没有设计它。

要使其正常工作，您需要在示例代码中更改此行以显示主要作业页面所在的网址：

<form method="GET" action="YOUR_JOBS_PAGE_URL">

对我而言：

<form method="GET" action="../all-jobs">

当您设置WP作业管理器时，它会要求您选择一个显示作业的页面 - 然后您将相关的短代码添加到该页面，该页面将显示您的所有作业。

此页面是您需要在该行代码中添加的页面。我选择的页面称为all-jobs，并出现在我的网址末尾，如下所示：http://www.synergy-personnel-services/all-jobs/

我相信您当然可以将完整的网址放在那里，但只添加以../开头的网页名称可确保您更改网址链接仍然可以使用