標籤： 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 檔案 （然後可以根據需要將其匯入到另一個站點） 。警告一句，即使內容已更改，也不會提示您儲存內容。單擊此選項後，您將立即進入同步模式列表，如果不先儲存頁面，可能會導致您丟失內容。
• 鍵盤快捷鍵- 顯示區塊編輯器中可用的鍵盤快捷鍵列表。
• 歡迎指南– 顯示一個非常短的幻燈片，解釋區塊編輯器是什麼
• 複製所有塊- 此選項會將當前頁面或文章中的所有內容複製到剪貼簿。
• 幫助– 由於歡迎指南不是很詳細，「幫助」 選項提供了一些外部頁面的連結，這些頁面提供瞭如何使用區塊編輯器的更詳細說明。
• 首選項- 此選項提供了用於自定義區塊編輯器顯示方式的更多選項。您可以關閉/開啟預釋出檢查和許多其他面板，包括幾個預設文件面板，例如類別、標籤或特色影象面板。您還可以禁用單個塊或整個塊面板，這會阻止它們在塊插入器中顯示。禁用單個塊只會為當前登入的使用者禁用它們。網站上的任何其他使用者都不會禁用它們。