要在WordPress中添加一个多选项筛选功能,您可以使用WordPress的pre_get_posts
钩子和get_query_var
函数来修改WordPress的主查询。以下是一个实例代码,可以用来在文章列表页面中添加多个筛选选项:
//添加筛选表单到文章列表页面
function add_filter_form() {
//检查当前是否在文章列表页面
if (is_home() || is_archive() || is_search()) {
//获取当前筛选参数
$filter_1 = get_query_var('filter_1');
$filter_2 = get_query_var('filter_2');
?>
<form action="<?php echo esc_url(home_url('/')); ?>" method="get">
<label>
Filter 1:
<select name="filter_1">
<option value="">All</option>
<option value="option_1" <?php selected($filter_1, 'option_1'); ?>>Option 1</option>
<option value="option_2" <?php selected($filter_1, 'option_2'); ?>>Option 2</option>
<option value="option_3" <?php selected($filter_1, 'option_3'); ?>>Option 3</option>
</select>
</label>
<label>
Filter 2:
<select name="filter_2">
<option value="">All</option>
<option value="option_a" <?php selected($filter_2, 'option_a'); ?>>Option A</option>
<option value="option_b" <?php selected($filter_2, 'option_b'); ?>>Option B</option>
<option value="option_c" <?php selected($filter_2, 'option_c'); ?>>Option C</option>
</select>
</label>
<input type="submit" value="Filter">
</form>
<?php
}
}
add_action('genesis_before_loop', 'add_filter_form');
//修改主查询
function custom_filter_query($query) {
//检查当前是否在文章列表页面
if (is_home() || is_archive() || is_search()) {
//获取当前筛选参数
$filter_1 = get_query_var('filter_1');
$filter_2 = get_query_var('filter_2');
//如果有筛选参数,将其添加到主查询中
if ($filter_1) {
$query->set('meta_key', 'filter_1');
$query->set('meta_value', $filter_1);
}
if ($filter_2) {
$query->set('meta_key', 'filter_2');
$query->set('meta_value', $filter_2);
}
}
}
add_action('pre_get_posts', 'custom_filter_query');
上述代码将在文章列表页面添加两个筛选选项,并将用户选择的选项作为查询参数添加到主查询中。这样,用户就可以根据他们选择的选项来过滤文章列表。
请注意,如果您使用的是Genesis主题或其他自定义主题,则需要根据您的主题进行适当的更改。
还没有评论呢,快来抢沙发~