本文詳細(xì)闡述了如何在Elementor中為分類存檔頁面動(dòng)態(tài)顯示相關(guān)文章。通過利用Elementor的“存檔文章”小部件及其“當(dāng)前查詢”功能，可以高效、無需復(fù)雜代碼地實(shí)現(xiàn)文章自動(dòng)過濾。文章還探討了何時(shí)需要自定義查詢過濾器，并提供了正確的實(shí)現(xiàn)示例，幫助用戶構(gòu)建專業(yè)且響應(yīng)式的分類存檔頁面。

理解Elementor存檔頁面內(nèi)容顯示的挑戰(zhàn)

在使用Elementor Theme Builder創(chuàng)建自定義分類存檔頁面時(shí)，一個(gè)常見的需求是讓頁面動(dòng)態(tài)地顯示屬于當(dāng)前分類的文章。Elementor的“文章”小部件通常需要手動(dòng)指定一個(gè)分類或標(biāo)簽，這使得它難以在通用存檔模板中動(dòng)態(tài)適應(yīng)不同的分類頁面。而傳統(tǒng)的“存檔”小部件雖然能顯示存檔信息，但在文章列表的精細(xì)控制上可能不夠靈活。因此，如何讓文章列表自動(dòng)根據(jù)訪問的分類頁面進(jìn)行過濾，成為了一個(gè)關(guān)鍵問題。

核心解決方案：Elementor“存檔文章”小部件

Elementor提供了一個(gè)專門用于存檔頁面的強(qiáng)大工具——“存檔文章”小部件。這個(gè)小部件的設(shè)計(jì)初衷就是為了解決在各種存檔類型（如分類、標(biāo)簽、作者、日期等）頁面上動(dòng)態(tài)顯示相關(guān)文章的問題。其核心優(yōu)勢在于能夠自動(dòng)識(shí)別當(dāng)前的查詢上下文。

實(shí)現(xiàn)步驟：

1. 創(chuàng)建或編輯分類存檔模板：
   • 在WordPress后臺(tái)，導(dǎo)航至 Elementor youjiankuohaophpcn 模板 > 主題生成器。
   • 點(diǎn)擊“添加新”或編輯現(xiàn)有的“存檔”模板。
   • 確保此模板的顯示條件設(shè)置為適用于所有分類存檔（或特定分類）。
2. 拖入“存檔文章”小部件：
   • 在Elementor編輯器中，從左側(cè)小部件面板搜索并拖拽“存檔文章”（Archive Posts）小部件到您的布局中。
3. 配置“查詢”選項(xiàng)為“當(dāng)前查詢”：
   • 選中“存檔文章”小部件，切換到“內(nèi)容”選項(xiàng)卡下的“查詢”部分。
   • 在“源”下拉菜單中，選擇“當(dāng)前查詢”（Current Query）。

通過以上簡單的配置，“存檔文章”小部件將自動(dòng)檢測當(dāng)前訪問的URL是哪個(gè)分類的存檔頁面，并只顯示屬于該分類的文章。這是最直接、最高效且無需編寫任何代碼的解決方案。

何時(shí)需要Elementor自定義查詢過濾器？

雖然“存檔文章”小部件的“當(dāng)前查詢”功能足以滿足大多數(shù)分類存檔頁面的需求，但在某些高級(jí)場景下，您可能仍需要使用Elementor的自定義查詢過濾器（elementor/query/{your_query_name}）。這些場景包括：

• 添加額外過濾條件： 例如，您想在當(dāng)前分類的文章中，只顯示那些具有特定自定義字段值（如“特色文章”）的文章。
• 排除特定文章： 從當(dāng)前分類的文章列表中排除某些ID的文章，或者排除具有特定標(biāo)簽的文章。
• 自定義排序： 按照非標(biāo)準(zhǔn)方式（如自定義字段值、隨機(jī)順序）對(duì)文章進(jìn)行排序。
• 修改默認(rèn)查詢參數(shù)： 調(diào)整每頁顯示的文章數(shù)量，或者修改其他WordPress查詢參數(shù)，而Elementor小部件本身不提供這些選項(xiàng)時(shí)。

重要提示： 對(duì)于僅僅顯示當(dāng)前分類的文章，自定義查詢過濾器通常是多余的，應(yīng)優(yōu)先使用“存檔文章”小部件的內(nèi)置功能。

剖析常見誤區(qū)與正確實(shí)踐

在嘗試自定義查詢時(shí)，一些常見的誤區(qū)可能導(dǎo)致代碼無效或行為異常。例如，原始問題中提供的代碼片段存在以下問題：

Calliper 文檔對(duì)比神器

文檔內(nèi)容對(duì)比神器

28

查看詳情

add_action( 'elementor/query/my_custom_filter', function( $query ) {
    // ...
    $meta_query[] = [
        'key' => 'category', // 錯(cuò)誤：將分類當(dāng)作meta_key
        'value' => get_the_ID(), // 錯(cuò)誤：在存檔頁get_the_ID()不返回分類ID
        'compare' => '=',
    ];
    $query->set( 'meta_query', $meta_query );
} );

1. 'key' => 'category'： WordPress的分類（Category）是一種分類法（Taxonomy），而不是自定義字段（Meta Field）。因此，使用meta_query來查詢分類是錯(cuò)誤的。分類應(yīng)該通過tax_query來處理。
2. 'value' => get_the_ID()： 在一個(gè)分類存檔頁面上，get_the_ID()通常返回的是模板本身的ID，或者在循環(huán)外可能沒有確切的上下文ID。它不會(huì)返回當(dāng)前正在查看的分類的ID。要獲取當(dāng)前分類的ID或?qū)ο?，?yīng)該使用get_queried_object()。

正確實(shí)踐：為分類存檔添加自定義分類查詢（示例）

如果您確實(shí)需要通過自定義過濾器來對(duì)分類進(jìn)行操作（例如，在非存檔頁面上模擬分類列表，或者在存檔頁面上進(jìn)行更復(fù)雜的分類法操作），應(yīng)該使用tax_query并正確獲取分類ID。

以下是一個(gè)示例，展示如何在Elementor自定義查詢中正確地根據(jù)當(dāng)前存檔頁面的分類來過濾文章。請(qǐng)注意，此示例假設(shè)您正在對(duì)一個(gè)已經(jīng)由Elementor小部件（例如“文章”小部件，而非“存檔文章”小部件）發(fā)起的查詢進(jìn)行 額外 修改，并且該小部件的查詢源已設(shè)置為您的自定義查詢名稱（例如 my_custom_filter）。

<?php
/**
 * 為Elementor自定義查詢添加分類過濾
 *
 * 此代碼段應(yīng)添加到您主題的 functions.php 文件或自定義插件中。
 * 假設(shè)Elementor小部件的查詢源設(shè)置為 'my_custom_category_filter'。
 */
add_action( 'elementor/query/my_custom_category_filter', function( $query ) {
    // 檢查當(dāng)前是否在一個(gè)分類存檔頁面
    if ( is_category() ) {
        // 獲取當(dāng)前查詢的對(duì)象，對(duì)于分類存檔，這將是WP_Term對(duì)象
        $current_category = get_queried_object();

        if ( $current_category instanceof WP_Term ) {
            // 獲取當(dāng)前的tax_query
            $tax_query = $query->get( 'tax_query' );

            // 如果沒有tax_query，初始化為空數(shù)組
            if ( ! $tax_query ) {
                $tax_query = [];
            }

            // 添加或修改tax_query以包含當(dāng)前分類
            $tax_query[] = [
                'taxonomy' => 'category',
                'field'    => 'term_id',
                'terms'    => $current_category->term_id,
                'operator' => 'IN',
            ];

            // 設(shè)置修改后的tax_query
            $query->set( 'tax_query', $tax_query );

            // 確保只顯示子分類的文章，如果需要的話
            // $query->set( 'category__in', [$current_category->term_id] );
        }
    }
    // 如果不是分類存檔頁面，或者需要更復(fù)雜的邏輯，可以在此處添加其他條件
} );

如何使用上述自定義查詢過濾器：

1. 將上述代碼添加到您WordPress主題的 functions.php 文件或一個(gè)自定義插件中。
2. 在Elementor編輯器中，拖入一個(gè)“文章”小部件（Posts Widget）。
3. 在“文章”小部件的“內(nèi)容”選項(xiàng)卡下，找到“查詢”部分。
4. 將“源”設(shè)置為“自定義查詢”（Custom Query），并在下方的“查詢ID”字段中輸入 my_custom_category_filter。

這樣，這個(gè)“文章”小部件就會(huì)在分類存檔頁面上動(dòng)態(tài)地過濾出當(dāng)前分類的文章。

注意事項(xiàng)與最佳實(shí)踐

• 優(yōu)先使用內(nèi)置功能： 總是首先考慮Elementor小部件本身提供的功能，尤其是“存檔文章”小部件的“當(dāng)前查詢”選項(xiàng)，它通常是最簡單、最健壯的解決方案。
• 代碼位置： 自定義PHP代碼應(yīng)放置在子主題的 functions.php 文件中，或創(chuàng)建一個(gè)自定義插件。避免直接修改父主題文件，以免更新時(shí)被覆蓋。
• 性能考慮： 復(fù)雜的自定義查詢可能會(huì)影響網(wǎng)站性能。在部署前進(jìn)行測試，并使用緩存插件優(yōu)化加載速度。
• 清晰的命名： 為自定義查詢過濾器使用有意義的名稱（例如 my_custom_category_filter），以便于管理和調(diào)試。

總結(jié)

在Elementor中為分類存檔頁面動(dòng)態(tài)顯示文章，最推薦且高效的方法是利用“存檔文章”小部件并將其“查詢源”設(shè)置為“當(dāng)前查詢”。這種方法無需任何代碼，即可實(shí)現(xiàn)文章的自動(dòng)過濾和顯示。僅當(dāng)您需要對(duì)文章列表進(jìn)行更高級(jí)的、Elementor內(nèi)置功能無法滿足的自定義過濾、排序或排除操作時(shí)，才考慮使用Elementor的自定義查詢過濾器。在編寫自定義查詢代碼時(shí)，務(wù)必注意使用正確的WordPress查詢參數(shù)（如tax_query而非meta_query）和上下文函數(shù)（如get_queried_object()而非get_the_ID()），以確保代碼的正確性和健壯性。

以上就是Elementor動(dòng)態(tài)顯示分類文章：優(yōu)化存檔頁面的內(nèi)容呈現(xiàn)的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！