Wordpress教程 2023年03月3日
0 收藏 1 点赞 720 浏览 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标签按拼音字母层级排序教程
此教程实现标签按拼音字母(A、B、C 等字母)层级排序,并在页面上添加一个侧边竖向字母导航 <?php /* Template Nam…
日期:2024-11-07 点赞:0 阅读:33
wordpress网站编辑器启隐藏的编辑器功能
如果开启WordPress隐藏的编辑器功能就够你用了,何必安装插件呢。 如何开启隐藏的编辑器功能 WordPress默认不支持TinyMCE…
日期:2024-10-29 点赞:0 阅读:45
在WooCommerce中添加“立即购买”按钮直接跳转到结算页面
add_action( 'woocommerce_after_add_to_cart_button', 'add_content_after…
日期:2024-10-19 点赞:0 阅读:65
实现 WordPress 自动更新所有文章的发布日期为当天的日期
//二开自动更新文章日期为当天发布。 //设置宝塔面板中的定时任务,通过访问带有?update_posts=run的链接触发文章更新.如:c…
日期:2024-09-22 点赞:0 阅读:90
WooCommerce订单列表显示购买产品
// 为 Legacy CPT-based 订单添加自定义列 add_filter('manage_edit-shop_order_colu…
日期:2024-09-20 点赞:0 阅读:179
WooCommerce Order 类的所有Get方法,以面向对象的方法获取订单数据
在开发WooCommerce插件或者与第三方系统交互时,我们需要获取 WooCommerce 订单的数据,WooCommerce的 WC_O…
日期:2024-09-20 点赞:0 阅读:185
发表评论
暂无评论

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