Wordpress教程 2023年03月3日
0 收藏 1 点赞 658 浏览 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

相关推荐
WooCommerce订单列表显示购买产品
// 为 Legacy CPT-based 订单添加自定义列 add_filter('manage_edit-shop_order_colu…
日期:2024-09-20 点赞:0 阅读:11
WooCommerce Order 类的所有Get方法,以面向对象的方法获取订单数据
在开发WooCommerce插件或者与第三方系统交互时,我们需要获取 WooCommerce 订单的数据,WooCommerce的 WC_O…
日期:2024-09-20 点赞:0 阅读:7
为WooCommerce后台订单列表添加按自定义字段功能
  // 添加自定义列到订单列表 add_filter('manage_woocommerce_page_wc-orders_co…
日期:2024-09-20 点赞:0 阅读:8
添加删除 WooCommerce 数据列表中的数据列
转载:添加删除 WooCommerce 数据列表中的数据列 _WordPress智库 (wpzhiku.com) 在 WooCommerce…
日期:2024-09-20 点赞:0 阅读:12
WooCommerce的结账页面的订单摘要中,在商品数量后添加加减按钮
关于 WooCommerce 结账页面的定制内容在网上有大量讨论。为什么呢?因为结账页面无疑是任何 WooCommerce 网站的关键页面!…
日期:2024-08-11 点赞:0 阅读:87
woocommerce在账单地址和配送地址中添加自定义字段
// 添加自定义字段到结账页面并显示在邮编下面 add_filter('woocommerce_checkout_fields', 'cus…
日期:2024-07-19 点赞:0 阅读:128
发表评论
暂无评论

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