文章列表區塊

文章列表區塊

文章列表塊允許您插入最近文章的列表。選擇此塊實際上會將查詢循環塊的預自定義版本插入到您的內容中,這就是它在設置側欄中顯示 「查詢循環」 的原因。雖然您可以將此塊添加到正常的頁面或文章內容中,但使用完整站點編輯器將其添加到主題模板中會更有用。

首次插入文章列表塊時,系統會提示您從預製模式中進行選擇或從空白開始。

文章列表塊

如果您選擇從預製圖案開始,單擊 「選擇」按鈕將顯示一個彈窗,您可以在其中選擇用於顯示內容的佈局圖案。只需滾動瀏覽可用的佈局模式列表,然後單擊您喜歡的佈局即可選擇它。您還可以使用彈窗頂部的搜索字段來搜索您喜歡的佈局。

單擊您喜歡的佈局後,適當的塊將被插入到您的內容中。然後,您還可以訪問塊工具欄和設置側欄中的更多選項。

文章列表塊

您還可以在首次插入文章列表塊後單擊開始空白按鈕。然後,您將看到一系列可供選擇的佈局變體。只需單擊相應的圖標即可選擇一個。然後,適當的塊將被插入到您的內容中。

文章列表塊

確認文章列表塊使用的佈局後,您可以使用塊工具欄上的顯示設置( ) 圖標來更改每頁顯示的文章數、設置要跳過的文章數 (如果有)查詢循環塊顯示設置,並限制分頁中顯示的文章數量

設置側欄中的選項還允許您調整為檢索文章而執行的 WordPress 查詢。您可以選擇文章類型 (例如,如果您使用的是 WooCommerce,則顯示文章、頁面,甚至產品) 。您還可以選擇顯示文章的順序 (例如,最新的在前、最舊的在前、按字母順序) 、選擇是否包含 「粘性」 文章,還可以添加過濾器,例如類別、標籤、作者或關鍵字。

值得注意的是,文章列表塊 (同樣,查詢循環塊) 將在主查詢循環塊中插入多個塊。在能夠調整查詢循環的所有設置之前,您需要選擇最外面的查詢循環塊。選擇此塊將顯示塊工具欄和設置側欄中的所有查詢設置。如果您發現很難選擇查詢循環塊,請嘗試使用頁面底部顯示的塊麪包屑來選擇該塊。只要您選擇了一個塊,麪包屑就會出現,並將列出當前所選塊的所有父塊。您還可以使用編輯器頂部工具欄中的列表視圖圖標 ( ),幫助您選擇所需的確切塊。區塊編輯器工具欄 - 列表視圖

文章列表塊

網站標語區塊

網站標語區塊

網站標語塊允許您添加或更新網站的標語。雖然您可以將此塊添加到正常的頁面或文章內容中,但使用完整站點編輯器將其添加到主題模板中會更有用。

網站標語用幾句話描述了您的網站的內容。標語有時會顯示在您的網站標題中,靠近您的徽標,但這完全取決於您的主題。標語有時也用於 SEO 目的,可以顯示在搜索結果或瀏覽器選項卡上。還可以在 「設置」>「常規」頁面上更改標語

添加阻止後,「設置」 側欄中會提供更多選項。您可以更改文本和背景顏色,還可以更改各種版式設置,例如字體大小、外觀、裝飾、行高、字母大小寫和字母間距。「尺寸」面板還允許您指定塊周圍的填充。

網站標語塊

登錄/退出區塊

登錄/退出區塊

登錄/退出塊允許您在站點上顯示登錄或註銷鏈接。如果您正在查看該網站並且當前已註銷,您將看到一個登錄鏈接。同樣,如果您當前已登錄,您將看到一個註銷鏈接。

您還可以選擇使用設置側欄中的將登錄顯示為表單開關來顯示內聯登錄表單,而不是登錄鏈接。您還可以選擇允許用户在登錄後使用 「重定向到當前 URL」開關重定向回同一頁面。

登錄/退出阻止

添加 HTML 鏈接

添加 HTML 鏈接

HTML 鏈接允許您的網站訪客輕鬆瀏覽您的網站。當您希望允許人們從您的網站下載文件 (例如 PDF 或其他文檔) 以查看圖像甚至只是鏈接到其他網站時,也可以使用它們。HTML 鏈接經常會顯示有下劃線,以將其與其他文本區分開來,但這可能會根據您當前使用的主題而有所不同。

也可以看看:

經典區塊

經典區塊

經典允許您使用傳統的 TinyMCE 界面將文本內容添加到您的站點。使用經典塊而不是段落塊的好處之一是您可以在同一個塊中輸入多個文本段落。與段落塊不同,經典塊還提供有用的 「粘貼為文本」 圖標。這允許您從任何格式化文本中刪除所有格式,例如從 Word 文檔或其他網站複製的內容。與經典編輯器中之前的 TinyMCE 界面一樣,經典塊還提供了一個有用的 「特殊字符」 圖標,用於插入版權 (?) 、註冊 (?) 或商標 (?) 符號、 en (–) 和 em ( —) 破折號和其他有用的字符。

區塊編輯器現在更改了它在 WordPress 編輯頁面中的顯示方式。除此之外,您網站上的插件還會影響編輯器在編輯頁面中的顯示方式。雖然您在編輯內容時實際上不會注意到差異,但不幸的副作用是它會影響經典塊現在的行為方式。受此更改影響的唯一塊將是經典塊。您使用的所有其他單獨塊不會改變它們的行為。

以前,要在經典塊中編輯內容,您只需單擊該塊,將鼠標插入文本,然後開始編輯。根據您網站的配置方式,您可能會發現您仍然可以以相同的方式編輯經典塊內容。

經典塊

展望未來,您可能還會發現無法再直接在經典塊中單擊和編輯文本。相反,您現在需要單擊經典塊工具欄上的編輯鏈接。這將顯示一個彈窗,其中包含經典編輯器中的內容,您可以使用它進行編輯。編輯內容後,只需單擊「保存」按鈕即可將內容保存回塊中。請務必注意,此彈窗上的「保存」按鈕不會保存整個頁面,它只是更新塊本身內的更改。

經典塊

將現有內容轉換為區塊

將現有內容轉換為區塊

如果您有現有的 WordPress 網站並且剛剛開始使用新的區塊編輯器,那麼您很可能擁有使用經典編輯器創建的現有內容。當您在新的區塊編輯器中編輯該頁面或文章時,所有內容都將顯示在經典塊中。

轉換現有內容

您可以自由地在此經典塊中編輯內容,然後只需保存更改,您的頁面就會與之前的顯示完全一樣。如果您希望使用新的區塊編輯器功能,您可以輕鬆地將這些內容轉換為塊。單擊塊後,將出現塊工具欄。單擊轉換為塊選項,將此經典塊中的內容轉換為單個塊。

單擊「轉換為塊」選項後,您的內容將顯示在各自的塊中。您的文本段落現在將位於段落塊中,引號將位於引號塊中,圖像將位於圖像塊中,依此類推。如果您對所有內容均已正確轉換感到滿意,請單擊頁面頂部的「更新」 按鈕以保存更改。

轉換現有內容

查詢循環區塊

查詢循環區塊

查詢循環塊允許您插入文章列表。如果您使用的是 WooCommerce,這可能是頁面、文章甚至產品的列表。雖然您可以將此塊添加到正常的頁面或文章內容中,但使用完整站點編輯器將其添加到主題模板中會更有用。

首次插入查詢循環塊時,系統會提示您從預製模式中進行選擇或從空白開始。

查詢循環塊

如果您選擇從預製圖案開始,單擊 「選擇」按鈕將顯示一個彈窗,您可以在其中選擇用於顯示內容的佈局圖案。只需滾動瀏覽可用的佈局模式列表,然後單擊您喜歡的佈局即可選擇它。您還可以使用彈窗頂部的搜索字段來搜索您喜歡的佈局。

單擊您喜歡的佈局後,適當的塊將被插入到您的內容中。然後,您還可以訪問塊工具欄和設置側欄中的更多選項。

查詢循環塊

您還可以在首次插入查詢循環塊後單擊「開始」 空白按鈕。然後,您將看到一系列可供選擇的佈局變體。只需單擊相應的圖標即可選擇一個。然後,適當的塊將被插入到您的內容中。

查詢循環塊

確認用於查詢循環塊的佈局後,您可以使用塊工具欄上的顯示設置( 查詢循環塊顯示設置) 圖標來更改每頁顯示的文章數、設置要跳過的文章數 (如果有),並限制分頁中顯示的文章數量。

設置側欄中的選項還允許您調整為檢索文章而執行的 WordPress 查詢。您可以選擇文章類型 (例如,如果您使用的是 WooCommerce,則顯示文章、頁面,甚至產品) 。您還可以選擇顯示文章的順序 (例如,最新的在前、最舊的在前、按字母順序) 、選擇是否包含 「粘性」 文章,還可以添加過濾器,例如類別、標籤、作者或關鍵字。

如果您打開從模板繼承查詢開關,則此塊將僅繼承當前模板的全局查詢,例如存檔或搜索模板。

值得注意的是,查詢循環塊 (同樣,文章列表塊) 將在主查詢循環塊中插入多個塊。在能夠調整查詢循環的所有設置之前,您需要選擇最外面的查詢循環塊。選擇此塊將顯示塊工具欄和設置側欄中的所有查詢設置。如果您發現很難選擇查詢循環塊,請嘗試使用頁面底部顯示的塊麪包屑來選擇該塊。只要您選擇了一個塊,麪包屑就會出現,並將列出當前所選塊的所有父塊。您還可以使用編輯器頂部工具欄中的列表視圖圖標 ( ),幫助您選擇所需的確切塊。區塊編輯器工具欄 - 列表視圖

查詢循環塊

 

編輯或刪除圖像

編輯或刪除圖像

有多種選項可用於調整插入圖像的佈局。

單擊已插入頁面或文章中的圖像後,圖像上方將出現一個小工具欄。通過選擇對齊按鈕 ( ) 之一,對齊圖像您可以更改插入圖像的對齊方式。單擊編輯按鈕 ( 編輯圖像) 可以編輯圖像屬性。單擊「刪除」按鈕 ( 刪除圖像) 將從您的內容中刪除該圖像。它只會從您的頁面或文章中刪除圖像,而不會從您的媒體庫中刪除圖像。

當您單擊頁面或文章中的圖像以及上面提到的對齊、編輯和刪除圖標時,圖像還會顯示 「調整大小手柄」 。這些是您在圖像邊緣看到的小方塊。要調整圖像大小,只需單擊並拖動角調整大小手柄之一即可。

與任何圖像編輯軟件一樣,如果您嘗試放大小圖像,它往往會變得相當像素化。最好插入大圖像,然後調整大小。

編輯或刪除圖像

單擊「編輯」按鈕 ( ) 後,將出現以下彈窗。

編輯或刪除圖像

圖像詳細信息彈窗允許您編輯各種圖像和鏈接屬性:

  • 標題– 顯示在圖像下方作為簡短説明。如何顯示將取決於當時使用的 WordPress 主題。您還可以在標題中包含基本 HTML
  • 替代文本 – 當瀏覽器無法呈現圖像時顯示。視障用户的屏幕閲讀器也使用它,因此使用圖像描述填寫此字段非常重要。在某種程度上,它也在您的網站搜索引擎優化 (SEO) 中發揮着作用。由於搜索引擎無法 「讀取」 圖像,因此它們依賴於替代文本
  • 對齊– 允許您選擇圖像的對齊方式。它們可以左對齊、居中對齊或右對齊。將對齊設置為 「無」 將刪除其他對齊設置。這如何影響您內容中的圖像將取決於當前使用的主題
  • 尺寸- 從下拉列表中選擇特定尺寸或選擇 「自定義尺寸」,然後在出現的輸入字段中輸入寬度和高度 (以像素為單位)
  • 鏈接到– 從下拉列表中選擇您想要將圖像鏈接到的位置。您可以通過選擇 「附件頁面」 來選擇鏈接到圖像附件頁面,也可以通過選擇「媒體文件」來鏈接到全尺寸圖像您還可以通過選擇 「自定義 URL」鏈接到任何 URL 當您執行此操作時,將出現一個新字段,允許您輸入自定義 URL 。您還可以通過選擇 「無」來選擇不鏈接到任何內容
  • 圖像標題屬性– 當鼠標鼠標懸停在瀏覽器中的圖像上時顯示為工具提示
  • 圖像 CSS 類 – 默認情況下,WordPress 將為您的圖像分配多個 CSS 類。如果由於某種原因,您想將其他 CSS 類分配給您的圖像,那麼您可以將它們添加到此輸入字段中
  • Link Rel – 描述從當前文檔到指定鏈接的關係。有關 rel HTML 屬性的更多信息可以在 Wikipedia上找到
  • 鏈接CSS 類– 如果需要在 HTML 鏈接上設置特定的 CSS 類,則可以將其添加到此輸入字段中

單擊編輯原始按鈕可以對上傳的圖像執行一些簡單的操作。您可以旋轉和翻轉圖像,也可以將其縮放和裁剪為不同的尺寸。

如果您想完全替換圖像,請單擊「替換」按鈕,您將看到媒體庫,您可以在其中選擇新圖像。

更新圖像屬性後,單擊「更新」按鈕保存更改。或者,單擊彈窗右上角的小 「x」 以關閉彈窗而不保存任何更改。

 

設置特色圖像

設置特色圖像

某些主題允許您為頁面和文章指定特色圖像。特色圖像通常稱為文章/頁面縮略圖,通常是代表特定頁面或文章的某種圖像。這些圖像的顯示方式完全取決於當前使用的主題。

如果您的主題允許您設置特色圖像,則當您編輯頁面或文章時,將顯示以下特色圖像面板。如果無法設置特色圖像,則不會顯示此面板。

設置特色圖像

設置特色圖像與將圖像添加到頁面或文章中非常相似。單擊「設置特色圖像」鏈接後,將顯示一個彈窗,該窗口看起來與您向頁面/文章添加圖像時顯示的窗口類似。您可以上傳一張新圖像作為您的特色圖像,也可以簡單地從之前上傳的圖像中進行選擇。

默認情況下,您將看到之前上傳的圖像的列表。如果您想上傳新圖像,可以單擊彈窗頂部的 「上傳文件」 選項卡,然後單擊「選擇文件」按鈕,或者只需將圖像拖放到彈窗中即可。上窗。單擊要用作特色圖像的圖像後,您可以更新標題、説明文字、替代文本和説明。要將圖像設置為特色圖像,請單擊設置特色圖像按鈕。然後,您選擇的圖像將出現在「特色圖像」面板中。

設置特色圖像