查詢迴圈：WordPress 5.8最強大功能之一的來龍去脈

WordPress 5.8將於7月20日釋出，距現在僅 10 天。該版本旨在成為社羣一段時間以來功能最豐富的更新。基於區塊的小工具、模式目錄、WebP影象支援、模板編輯模式和更多工具幾乎準備好向大眾釋出。

然而，最強大的功能之一是查詢迴圈區塊。

如果您不熟悉術語“查詢”和“迴圈”，它們是WordPress中的重要概念。傳統上，它們僅用於主題和外掛開發。但是，通過Query Loop區塊，使用者將接觸到WordPress如何在網站前端顯示文章的主幹。

查詢？迴圈？

並不是每個人都會立即熟悉WordPress在使用者介面中出現的這些開發人員條款。對於主題和外掛作者來說，這些都是日常概念。然而，即使是一些使用該平臺十年的使用者也從未接觸過他們。所以，我們應該得到一些基本的定義。

“查詢”一詞比您想象的要簡單。它僅僅意味著根據一組定義的選項從資料庫“查詢”或“詢問”文章。例如，您可能會嘗試獲取最後10篇部落格文章。

“迴圈”是一個更容易掌握的概念。它的意思是“loop”或“cycle”通過每個查詢的文章並輸出它。從技術上講，在此過程中，開發人員可以做除顯示文章外的其他事情，但我們只關心螢幕上輸出的內容。

兩者結合成為查詢迴圈區塊。它允許使用者請求一組文章並顯示每個文章。

還有一個Post Template區塊，它在所有這一切中丟擲了一個摺痕。除了“模板”這個詞在WordPress中被過度用於各種功能之外，這是一箇舊概念的新方法。傳統上，WordPress主題作者會寫出所有HTML並在查詢的文章迴圈中呼叫特定的模板標籤，以顯示文章標題、作者、內容等內容。這在PHP檔案中很容易做到。然而，在區塊編輯器中，需要有一種新的方式將這些東西組合在一起。Post Template區塊充當該組，容納使用者希望在查詢迴圈中顯示的內容。

WordPress在Query Loop區塊上還有一個變體，稱為Posts List。他們做同樣的事情，但後者的標題比前者更易於使用。這種變化的唯一問題是，當它被插入時，使用者仍然看到相同的“查詢迴圈”區塊標題。有人提出可以解決這個問題方案，但它不太可能進入WordPress 5.8。

查詢迴圈模式插入器

首次在編輯器中插入查詢迴圈時，WordPress會向使用者介紹另一個5.8版功能：模式插入器。使用者無需立即訪問與區塊互動，而是可以從預定義模式列表中進行選擇。

預設情況下，插入器是一個輪播，讓使用者可以單獨滾動模式：

查詢迴圈模式插入器：輪播檢視

但是，他們可以切換到基於網格的佈局並立即檢視所有模式：

查詢迴圈模式插入器：網格檢視

預設情況下，WordPress 5.8設定為附帶六個查詢迴圈模式，除非在未來幾天內新增更多模式：

• 標準
• 左圖
• 小圖和標題
• 網格
• 大標題
• Offset

除了“大標題”之外，我並不特別喜歡任何預設模式（在上面的螢幕截圖中顯示為黑色背景和白色文字）。為了讓這個區塊大放異彩，使用者需要構建自己的設計或等待主題作者開始捆綁自定義查詢迴圈模式。

而且，這就是它應該的樣子。核心WordPress應該提供一些基礎知識，同時讓我們的主題設計師社羣展示他們的工藝。

一個自定義的簡單部落格文章列表

這也是主題作者為其自定義頁面模板設計提供替代方案的機會。現在不是把它們完全扔掉的時候。但是，這是一種在區塊時代開始重新建立舊想法的方式，例如構建電子商務外掛整合、作品集網格等等。一些工具仍然有限（我們將進入下一個），但有足夠的初步探索基礎，幫助使用者以新的方式體驗 WordPress。

區塊選項

查詢迴圈區塊有幾個選項供使用者自定義要查詢資料庫的文章：

查詢迴圈區塊及其選項

在區塊工具欄中，有一個“顯示設定”按鈕。單擊時，它會建立一個彈出視窗，其中包含要顯示多少文章的選項：

• 每頁專案數：每頁顯示的文章數
• 偏移量：要跳過的文章數
• 要顯示的最大頁面：限制頁面（這需要使用查詢分頁區塊之一）

查詢迴圈區塊側欄中的“設定”面板有幾個輔助選項。使用者可以啟用“從模板繼承查詢”來使用WordPress的全域性查詢，但這對於沒有啟用Gutenberg外掛和基於區塊的主題的WordPress 5.8使用者來說幾乎沒有用。現在，您幾乎總是想禁用此選項。這將授予訪問大量新選擇的許可權，例如：

• 文章型別
• 訂購
• 類別、標籤、作者和關鍵字的過濾器面板

Settings和Filters面板是Query Loop區塊中最微調的部分。開發團隊在易用性和通過程式碼提供的數十個與查詢相關的引數之間取得了合理的平衡。它為使用者提供了大量的許可權，但在未來應該足夠靈活，以便外掛作者進行擴充套件。

文章模板

插入查詢迴圈時，編輯器會自動新增其內部Post Template塊。這是大部分魔法發生的地方。使用者可以直接更改其文章的顯示方式。首先，他們將通過新增來自Theme類別的區塊來實現，其中許多區塊用於輸出與後期相關的資料。

用於輸出動態資料的主題分類區塊

幾乎所有其他區塊也可以在這裡插入。但是，它們中的許多都不是在查詢迴圈中使用的理想選擇。

可能不會立即顯現的一件事是，您對“文章模板”區塊中的一篇文章所做的更改會影響所有其他文章。因此，如果您在此處新增視訊或按鈕區塊，它們將是相同的。請記住，這是一個“模板”，用於設計查詢迴圈中所有文章的顯示方式。

自定義Post Template模組輸出的缺點是缺少某些模組的設計選項。構建一個簡單的文章列表之類的東西很容易：

帶有標題和日期的文章列表

您還可以構建像作品集專案網格這樣的佈局，如下面的螢幕截圖所示。但是，Post Featured Image區塊當前沒有大小控制，因此您只能使用主題的預設縮圖後大小 – 假設它實際上已註冊。體驗可能會有所不同。

建立一個基本的作品集網格

對於比更改排版、顏色和間距更高階的事情，使用者需要等待WordPress 5.9及更高版本。但是，主題作者仍然可以使用區塊樣式API。一方面，我期待看到他們用它做什麼。