WP Job Manager 中职位类型多选字段：创建和使用指南

在 WP Job Manager 中创建职位类型多选字段

引言

WP Job Manager 是一个广泛使用的 WordPress 插件，用于管理职位列表。它默认使用复选框来选择职位类型。然而，如果您希望将这些复选框替换为更直观的 多选字段 ，本文将指导您完成这一过程。

步骤

1. 创建多选字段

首先，为职位类型创建一个 <select> 元素，如下所示：

<select name="job_types[]" multiple>
    <option value="full-time">全职</option>
    <option value="part-time">兼职</option>
    <option value="contract">合同工</option>
    <option value="freelance">自由职业</option>
</select>

2. 替换复选框

接下来，用此多选字段替换 job_filters.php 文件中的复选框代码：

<div class="search_job_types">
    <label for="search_job_types"><?php esc_html_e( 'Job Type', 'wp-job-manager' ); ?></label>
    <select name="search_job_types[]" multiple>
        <?php foreach ( get_terms( 'job_listing_type', [ 'hide_empty' => false ] ) as $job_type ) : ?>
            <option value="<?php echo esc_attr( $job_type->slug ); ?>"><?php echo esc_html( $job_type->name ); ?></option>
        <?php endforeach; ?>
    </select>
</div>

3. 样式化多选字段

您可以使用 CSS 样式来自定义多选字段的外观：

.search_job_types select {
    /* 样式代码 */
}

4. 保存更改

完成所有步骤后，请保存 job_filters.php 文件。

结论

通过这些步骤，您可以在 WP Job Manager 中轻松创建职位类型多选字段。这将为用户提供一种更方便、更直观的方式来选择职位类型。

常见问题解答

Q1：如何限制用户最多可以选择多少个职位类型？

A1：您可以通过在多选字段中添加 max 属性来限制选择数量。

Q2：如何根据选定的职位类型筛选职位列表？

A2：您需要修改查询以包括选定的职位类型。

Q3：我可以将多选字段与其他搜索过滤器一起使用吗？

A3：是的，多选字段可以与其他搜索过滤器一起使用。

Q4：为什么我的多选字段没有显示？

A4：检查 CSS 样式是否正确，并且已包含必要的文件。

Q5：如何保存多选字段中的选择？

A5：使用 $_POST['search_job_types'] 获取用户在多选字段中做出的选择，并将其保存到数据库中。