標籤： block-editor

圖像區塊

圖像塊允許您將圖像添加到內容中。插入圖像塊後，單擊「上傳」按鈕將圖像上傳到您的媒體庫，或單擊 「媒體庫」按鈕顯示您的媒體庫並選擇您之前上傳的現有文件。或者，單擊「從 URL 插入」按鈕輸入要顯示的圖像的 URL 。您還可以將圖像拖放到圖像塊上，它將自動上傳到媒體庫並插入到塊中。

您可以使用 「塊」 工具欄上的 「插入鏈接」圖標 ( )添加圖像鏈接。您可以將圖像鏈接到媒體文件本身、鏈接到該文件的 WordPress 附件頁面，或者使用提供的編輯字段輸入鏈接的自定義 URL 。

將圖像添加到塊後，「設置」 側欄中會提供更多選項。

可以使用替代文本字段將替代文本添加到圖像中。您還可以為圖像選擇樣式。默認情況下，您的圖像將顯示為方角，但您也可以通過選擇 「圓角」 樣式來顯示帶有圓角蒙版的圖像。

如果您想更改圖像的大小，有多種方法可以實現。您可以使用 「寬度」 和 「高度」 字段來設置圖像的精確像素寬度，也可以使用百分比按鈕 （例如 25% 、 50% 、 75% 、 100%） 相應地更改寬度。或者，您也可以從圖像尺寸下拉字段中選擇尺寸。默認的 WordPress 圖像尺寸可供選擇 （例如縮略圖、中尺寸、大尺寸或全尺寸），並且根據您的主題，您可能還可以選擇其他尺寸。

您還可以使用塊內圖像本身的拖動手柄來更改圖像的大小。只需將鼠標放在圖像邊緣出現的藍點之一上，然後單擊圖像並將其拖動到所需的大小即可。

調整圖像大小時，最好只縮小尺寸，而不放大。如果您將小圖像添加到塊中，然後增加尺寸，則圖像將變得像素化，並且在查看頁面時不會顯得清晰。

要在圖像下方顯示文本標題，請單擊圖像正下方的「添加標題」部分，然後輸入標題。

還可以通過單擊塊工具欄上的裁剪圖標 ( ) 來進行基本圖像編輯。單擊 「裁剪」 後，您將獲得三個額外的圖標，可用於放大圖像、更改縱橫比和旋轉圖像。進行任何這些更改後，單擊「應用」按鈕應用更改，或單擊「取消」按鈕取消更改。

要在圖像頂部添加文本，請單擊塊工具欄上的在圖像上添加文本圖標 ( ) 。您的圖像塊將轉換為封面塊，它允許您在圖像頂部添加文本。如果您決定不再需要在圖像上添加文本，則可以刪除插入在圖像頂部的段落塊，但該塊本身仍將是封面塊。如果您想返回到原始圖像塊，則需要使用變換圖標將覆蓋塊變換回圖像塊。

單擊應用雙色調濾鏡圖標 ( )，您可以在圖像頂部添加彩色濾鏡。雙色調濾鏡會影響圖像的陰影和高光，並且在高對比度圖像上效果最佳。

自定義 HTML 區塊

自定義 HTML 塊允許您將自定義 HTML 添加到您的內容中。該塊也將接受 JavaScript 代碼，但不會接受服務器端語言，例如 PHP 代碼。您可以使用塊工具欄上的選項在查看 html 源或預覽 HTML 之間切換。與純粹用於在頁面/文章中顯示代碼的代碼塊不同，自定義 HTML 塊實際上會在瀏覽器中呈現您添加到塊中的 HTML 。

同步模式 （以前?? 的可重用區塊）

Synced patterns, which were previously called Reusable Blocks, are Blocks that you can re-use anywhere on your site. A Synced pattern can be added to any Page or Post, and as many times as you want. If you update or change the style of your Synced pattern, the changes are automatically applied to that block, right across your whole site.

To create a Synced pattern, simply add a block, add your content to the block then style it how you'd like it to appear. Once you've got the block looking how you want it, click the Create pattern/reusable block option under the Options icon on the Block Toolbar. You're then prompted to enter a name for your Synced pattern. After doing so, click the Create button to save it. Your new Synced pattern/ Reusable Block will appear under the Synced patterns tab () within the Block Inserter.

If you』d like to remove or edit any of your Synced patterns, you can click on the Manage patterns option under the Options icon at the top-right of the page, or the Manage my patterns link underneath your list of Synced patterns in the Synced patterns tab within the Block Inserter. Once you click this option, you』re presented with a list of all your existing Synced patterns which you can then edit or delete. Before clicking the Manage patterns option, ensure that you save your current Page or Post to avoid losing your recent changes.

刪除內容

如果您想刪除其中一個頁面或文章，請將鼠標懸停在每一行上時單擊標題下方出現的 「回收站」 鏈接。這會將頁面/文章移至回收站。

要永久刪除頁面/文章或恢復頁面/文章，請單擊屏幕頂部的「回收站」 鏈接。當鼠標懸停在回收站中的每個項目上時，將顯示「恢復」和「永久刪除」鏈接。單擊永久刪除可永久刪除單個頁面或文章。單擊恢復將恢復頁面或文章。

如果您想一次永久刪除或還原多個項目，請單擊要刪除或還原的項目旁邊的複選框，然後從頁面頂部的批量操作下拉列表中選擇還原或永久刪除。選擇適當的操作後，單擊「應用」按鈕進行更改。或者，單擊清空回收站按鈕以刪除回收站中的所有項目。

畫廊區

圖庫塊允許您添加圖片庫。插入圖庫塊後，單擊塊工具欄上的添加按鈕將圖像添加到塊中。單擊「添加」後，您可以使用 「打開媒體庫」 選項打開媒體庫，然後從現有圖像中進行選擇，或者將新圖像拖放到媒體庫中，或者您也可以簡單地選擇 「上傳」選項來瀏覽計算機並選擇要上傳的圖像。或者，只需將新圖像拖放到圖庫塊上，它們就會自動上傳到媒體庫並插入到塊中。

將圖像添加到塊後，「設置」 側欄中會提供更多選項。您可以選擇圖庫應顯示的列數。您還可以選擇裁剪縮略圖，以便它們對齊得更均勻。

使用「鏈接到」下拉字段，您可以選擇將每個圖庫圖像鏈接到媒體文件本身，或鏈接到該文件的 WordPress 附件頁面。或者，您也可以選擇在圖庫圖像上不包含任何鏈接。

當您將每張圖像上傳到媒體庫時，您可以為它們添加標題，或者只需在圖庫塊中單擊每張圖像，然後在提供的字段中輸入標題即可。您還可以通過在圖庫塊最底部的 「編寫圖庫標題...」 字段中輸入一些文本來為整個圖庫添加標題。標題的顯示方式取決於您當前使用的主題。

單擊圖庫中的每個單獨圖像還將為您提供該特定圖像的更多選項，例如添加鏈接、裁剪或應用雙色調濾鏡。您還可以通過單擊選擇單個圖像後顯示的工具欄上的「替換」 按鈕來替換單個圖像。

圖庫塊中的每個圖像都是其自己的單獨塊，因此要更改圖庫塊的整體佈局，您需要確保選擇外部圖庫塊本身，而不是單個圖像塊。

該塊的各種選項位於 「設置」 側欄中單獨的 「設置」( ) 和 「樣式」( ) 選項卡中。

日曆區塊

日曆塊允許您顯示文章的每月日曆視圖。

該塊沒有任何設置。將塊插入到內容中後，它將提供當月任何一天發佈的文章的鏈接，以及指向上個月發佈文章的鏈接。

文章作者傳記區塊

文章作者簡介塊將顯示當前文章/頁面的作者簡介。雖然您可以將此塊添加到正常的頁面或文章內容中，但使用完整站點編輯器將其添加到主題模板中會更有用。文章作者簡介詳細信息通常顯示在單個文章或頁面的底部，允許您向讀者提供有關該特定內容頁面的作者的更多信息。

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

類別區塊

類別塊允許您顯示文章類別的列表。每個類別均以逗號分隔，並將包含指向各個類別存檔頁面的鏈接。雖然您可以將此塊添加到正常的文章內容中，但使用完整站點編輯器將其添加到主題模板中會更有用。

添加該塊後，「設置」 側欄中會提供更多選項。您可以更改文本和背景顏色，還可以更改各種版式設置，例如字體大小、外觀、裝飾、行高、字母大小寫和字母間距。單擊 「轉換為標籤」圖標 ( )，您可以將此塊與「標籤塊」進行切換，標籤塊會顯示文章的標籤列表。

單擊塊內的前綴和後綴字段，您可以在類別列表之前和之後添加一些額外的文本。

社交圖標區塊

社交圖標塊允許您插入一行社交圖標以及指向各個平台的鏈接。

要添加圖標，請單擊添加塊圖標 ( ) 。單擊此圖標將顯示一個塊插入器彈窗，這是一個小面板，可讓您訪問可以插入的所有不同類型的社交圖標塊。默認情況下，它只顯示最近的六個區塊。要查看所有可用的社交圖標塊，請單擊彈窗中的「瀏覽全部」 按鈕以顯示 「塊插入器」 面板。或者，如果您知道社交圖標塊的名稱，則可以開始在搜索字段中輸入其名稱來過濾顯示的塊列表。單擊某個塊將其插入後，新塊將被附加到現有社交圖標的末尾。

插入每個社交圖標後，您可以單擊每個圖標，然後將顯示一個 URL 字段，允許您輸入用於社交圖標鏈接的 URL 。

您可以通過單擊每個社交圖標並單擊塊工具欄中的向左移動( ) 或向右移動( ) 圖標來更改社交圖標的順序。要刪除圖標，請單擊要刪除的圖標，然後單擊塊工具欄中的更多選項圖標 ( )，然後選擇該特定圖標的刪除選項。

添加社交圖標塊後，您還可以使用設置側欄中的樣式面板來更改圖標的外觀。

該塊的各種選項位於 「設置」 側欄中單獨的 「設置」( ) 和 「樣式」( ) 選項卡中。

區塊編輯器選項

有多個選項可幫助自定義區塊編輯器的顯示方式。編輯頁面或文章時，可以在頁面右上角 ( ) 的選項圖標下找到這些選項。

選項菜單提供以下選項：

• 頂部工具欄- 啓用此選項將在頁面頂部顯示塊工具欄，而不是在每個單獨塊的上方。
• 聚光燈模式- 啓用此選項將使頁面上除當前選定的塊之外的所有塊變暗，從而更輕鬆地僅關注該塊。
• 全屏模式- 啓用此選項將隱藏頂部管理欄和左側菜單。這類似於舊經典編輯器中提供的無干擾寫作模式。
• 無干擾- 啓用此選項將隱藏頂部管理欄、設置側欄以及各個塊工具欄。此模式將為您提供更清晰的界面，適合長篇寫作，但也會阻止您修改內容的任何設置或移動內容，因為所有工具欄和設置側邊欄都被隱藏。要退出此模式，您需要將鼠標移至頁面頂部。只有這樣，頂部管理欄才會重新出現，您可以再次單擊 「選項」 圖標以關閉此模式。或者，您可以使用快捷鍵打開和關閉此模式。
• 可視化編輯器- 默認情況下啓用此選項，並將您的內容顯示為單獨的塊。
• 代碼編輯器– 啓用此選項將關閉可視化編輯器，並顯示組成內容的 html 。需要注意的是，雖然基礎內容中仍然存在 HTML，但新的區塊編輯器還將內容的每個單獨部分包含在 HTML 註釋標記中。它使用這些評論標籤來區分您的內容所包含的各種類型的塊。因此，雖然您仍然可以使用區塊編輯器中的代碼編輯器視圖編輯 HTML，但請格外小心，不要刪除或更改內容周圍的任何 HTML 註釋。這樣做將導致您切換回可視化編輯器模式後，一個或多個塊無法正確顯示，甚至可能導致您丟失內容。
• 管理模式– 單擊此選項將使您退出編輯器，並向您顯示所有已同步模式的列表。同步模式以前稱為可重用塊，其工作方式與可重用塊完全相同。可以編輯、刪除同步模式或將其導出到 JSON 文件 （然後可以根據需要將其導入到另一個站點） 。警告一句，即使內容已更改，也不會提示您保存內容。單擊此選項後，您將立即進入同步模式列表，如果不先保存頁面，可能會導致您丟失內容。
• 鍵盤快捷鍵- 顯示區塊編輯器中可用的鍵盤快捷鍵列表。
• 歡迎指南– 顯示一個非常短的幻燈片，解釋區塊編輯器是什麼
• 複製所有塊- 此選項會將當前頁面或文章中的所有內容複製到剪貼板。
• 幫助– 由於歡迎指南不是很詳細，「幫助」 選項提供了一些外部頁面的鏈接，這些頁面提供瞭如何使用區塊編輯器的更詳細説明。
• 首選項- 此選項提供了用於自定義區塊編輯器顯示方式的更多選項。您可以關閉/打開預發佈檢查和許多其他面板，包括幾個默認文檔面板，例如類別、標籤或特色圖像面板。您還可以禁用單個塊或整個塊面板，這會阻止它們在塊插入器中顯示。禁用單個塊只會為當前登錄的用户禁用它們。網站上的任何其他用户都不會禁用它們。