Wordpress教程 2023年03月3日
0 收藏 1 点赞 738 浏览 1634 个字

要在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主题或其他自定义主题,则需要根据您的主题进行适当的更改。

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.mizhanw.com/blog/1804.html

相关推荐
WordPress去除/禁止后台侧栏插件-主题-版本更新提示
今天使用了张戈修改的nginx-help插件修改版,官方版并无自动重启功能,因此不能更新。但是这WordPress后台一直有更新提示,这可真…
日期:2024-12-30 点赞:0 阅读:26
WordPress网站js防扒代码-禁止右键/F12/调试自动关闭窗口
网站防扒老生常谈了,今天老白博客@老白也给大家分享一下从网上看到的“WordPress网站防扒代码/禁止F12调试教程-以7b2主题为例” …
日期:2024-12-30 点赞:0 阅读:36
WordPress优化加速之导航菜单栏缓存Menu Cache
今天老白博客@老白给大家分享又一个WordPress优化加速教程:“导航菜单栏缓存WordPress插件Menu Cache”。我们都知道数…
日期:2024-12-30 点赞:0 阅读:27
2024基于网站性能测试的WordPress优化指南
老白博客WordPress优化高级教程:在如今5G遍地走,千兆多如狗的高速网络时代,如果你访问网站,还出现转圈圈的情况,那么你十有八九是要关…
日期:2024-12-30 点赞:0 阅读:31
WP网站用户行为监测回放插件nicen-replay
在数字营销的世界里,了解用户行为是提升用户体验和转化率的关键。老白推荐一款炫酷的WordPress插件:nicen-replay 。它能够让…
日期:2024-12-30 点赞:0 阅读:31
2024新WordPress缓存插件atec Cache APCu
WordPress插件atec Cache APCu 是一款2024年才投入使用的的高效缓存插件,与其他内存缓存选项(如 Redis 和 M…
日期:2024-12-30 点赞:0 阅读:38
发表评论
暂无评论

还没有评论呢,快来抢沙发~