本教程旨在指导用户如何在 Elementor 中为分类归档页面动态展示相关文章。我们将重点介绍如何利用 Elementor 主题构建器中的“归档文章”小部件，并通过设置“当前查询”选项，无需编写复杂代码即可实现文章根据当前分类自动筛选和显示，从而优化用户体验和开发效率。
在 Elementor 主题构建器中创建自定义归档页面时，动态展示与当前分类相关的文章是一个非常常见的需求。许多开发者可能会误认为需要编写复杂的自定义查询代码来实现这一功能。然而，Elementor 提供了更简洁、高效且内置的解决方案，能够完美处理这类场景。
核心方法：使用 Elementor “归档文章”小部件
Elementor 的“归档文章”（Archive Posts）小部件专为各种归档页面（如分类、标签、作者归档等）设计，能够智能地根据当前页面上下文显示相关内容。
步骤详解：
-
创建或编辑归档模板:
- 首先，导航至 WordPress 后台的 Elementor -> 主题构建器。
- 点击“添加新模板”，选择模板类型为“归档”（Archive），然后命名并创建模板。
- 在“显示条件”中，确保该归档模板被应用到“所有分类归档”（All Categories Archive）或你指定的目标分类。
-
添加“归档文章”小部件:
- 在 Elementor 编辑器中，从左侧小部件面板搜索并拖拽“归档文章”（Archive Posts）小部件到你的页面布局中。
- 这个小部件会自动显示你的文章，但关键在于下一步的配置。
-
配置查询选项为“当前查询”:
- 选中“归档文章”小部件，进入其设置面板。
- 找到“查询”（Query）选项卡。
- 在“源”（Source）下拉菜单中，务必选择“当前查询”（Current Query）。
原理阐释：
当“归档文章”小部件的“查询源”设置为“当前查询”时，Elementor 会智能地识别当前页面的上下文。这意味着：
- 如果用户正在访问一个特定的分类归档页面（例如：/category/news/），“当前查询”会自动获取该分类的 ID。
- 小部件随后会根据这个 ID 自动过滤并显示该分类下的所有文章，无需你手动指定任何分类或编写 PHP 代码来获取当前分类信息。
- 这种方法不仅大大简化了开发流程，还确保了最佳的兼容性和性能。
理解与避免：自定义查询过滤器的常见误区
虽然 Elementor 提供了强大的自定义查询过滤器（通过 add_action( 'elementor/query/{your_custom_filter}', ... ) 钩子），但对于标准的分类归档需求，它通常不是首选，甚至可能因误用而导致问题。
例如，在问题中提供了一个尝试使用自定义查询过滤器的代码片段：
add_action( 'elementor/query/my_custom_filter', function( $query ) {
// 获取当前 meta Query
$meta_query = $query->get( 'meta_query' );
// 如果没有 meta query，则初始化为空数组
if ( ! $meta_query ) {
$meta_query = [];
}
// 添加我们的 meta query
$meta_query[] = [
'key' => 'category',
'value' => get_the_ID(),
'compare' => '=',
];
$query->set( 'meta_query', $meta_query );
} );这段代码存在几个关键误区：
- meta_query 用于分类过滤是错误的: meta_query 是用于查询文章的自定义字段（post meta）。而 category 是 WordPress 的一个内置分类法（taxonomy）。要按分类过滤，应使用 tax_query，而不是 meta_query。
- get_the_ID() 在此上下文中的作用: 在 Elementor 的查询钩子中直接使用 get_the_ID()，如果不是在文章循环内部，它通常会返回当前页面（例如归档模板本身）的 ID，而非当前归档分类的 ID。要获取当前归档对象的 ID，应使用 get_queried_object_id()。
如果确实需要通过自定义代码实现分类过滤（例如，在非归档页面上显示特定分类的文章，并且 Elementor 内置选项无法满足），正确的做法是使用 tax_query 并获取正确的分类 ID。以下是一个仅作演示的示例，但对于标准的分类归档，仍然推荐使用“归档文章”小部件的“当前查询”功能：
// 仅作演示：如何通过自定义查询过滤器正确地按分类过滤
// 通常不推荐用于标准的分类归档页面，因为“归档文章”小部件更优
add_action( 'elementor/query/my_custom_filter_taxonomy', function( $query ) {
$queried_object = get_queried_object(); // 获取当前查询的对象
// 确保当前查询对象是分类（WP_Term）且是“category”分类法
if ( $queried_object instanceof WP_Term && $queried_object->taxonomy === 'category' ) {
$tax_query = $query->get( 'tax_query' );
if ( ! $tax_query ) {
$tax_query = [];
}
$tax_query[] = [
'taxonomy' => 'category',
'field' => 'term_id',
'terms' => $queried_object->term_id,
'operator' => 'IN',
];
$query->set( 'tax_query', $tax_query );
}
} );重要提示: 上述代码仅为演示如何正确使用 tax_query 和 get_queried_object()。对于本教程讨论的“Elementor 分类归档页面动态文章展示”场景，强烈推荐使用“归档文章”小部件的“当前查询”功能，因为它更简单、更健壮，且无需编写任何代码。
总结
Elementor 提供了直观且强大的工具来构建动态网站。对于分类归档页面的文章展示，优先选择“归档文章”小部件并将其查询设置为“当前查询”，这不仅能大大简化开发流程，还能确保最佳的兼容性和性能。只有在遇到非常规或复杂查询需求，且 Elementor 内置功能无法满足时，才考虑深入研究自定义查询过滤器，并务必确保正确理解其工作原理和参数设置。
