區塊編輯器工具

區塊編輯器工具

區塊編輯器提供了完全重新設計的編輯體驗，以及一組用於編輯頁面的新工具。雖然編輯介面是全新的，但您會發現許多您已經熟悉的元素。

頁面頂部是主區塊編輯器工具欄。這個新工具欄包含許多新圖示和一些熟悉的舊圖示：

	新增塊圖示用於將新塊插入到您的內容中。單擊此圖示將彈出一個小面板，您可以透過該面板訪問可以插入的所有不同型別的塊。
	「工具」按鈕提供了用於塊選擇和編輯的不同互動。使用選擇工具幫助選擇塊。選擇塊後，按 Enter 鍵返回到編輯工具。
	撤消圖示允許您撤消最近的更改。
	重做按鈕允許您重做最近的更改。
	按鈕允許您使用 「列表檢視」選項卡檢視內容中所有塊的列表，以及使用 「大綱」選項卡檢視有關頁面內容的資訊。後一個選項將顯示您的內容包含多少個字元和單詞、內容中的塊型別以及閱讀內容的大致時間
	「切換到草稿」按鈕僅在您的頁面/文章釋出後才會出現。單擊此按鈕將取消釋出您的頁面/文章並將其恢復為草稿模式。雖然此按鈕過去顯示在區塊編輯器工具欄中，但現在顯示在設定側欄內的摘要面板中。
	「儲存草稿」按鈕允許您儲存頁面，並且僅在您的頁面/文章尚未釋出時才會出現。
	「預覽」按鈕將允許您預覽頁面。單擊此按鈕會提供多個選項。您可以在桌面檢視 （預設） 、平板電腦或移動檢視中預覽頁面。您還可以透過選擇 「在新選項卡中預覽」 選項在新的瀏覽器選項卡/視窗中預覽頁面。
	「釋出」按鈕允許您釋出您的頁面/文章。與以前版本的 WordPress 不同，釋出頁面現在只需兩個步驟。第一次單擊 「釋出」 按鈕後，您會看到一個新面板，其中包含確認訊息和另一個 「釋出」 按鈕。此面板還允許您更改內容的可見性以及釋出日期和時間。單擊第二個 「釋出」 按鈕將實際釋出您的內容並使其在您的網站上釋出。
	If your content is published, then the Publish button will be replaced with an Update button. Just like in previous versions of WordPress, clicking the Update button saves your changes.
	The Settings Sidebar shows all the settings for your Page/Post including elements like adding Featured Images, specifying your Categories and Tags on Posts, or selecting Page/Post templates. Clicking the Settings icon will show and hide the settings sidebar.
	The last icon in the Toolbar is the Show more tools & options icon. This button provides access to a number of adhoc settings. You can turn on/off the Top Toolbar and Spotlight Mode. You can also display your content using the Visual Editor (the default mode for adding blocks) or using the Code Editor, which allows you to edit the underlying html. You can also re-show the Block Editor tips, view a list of the editor keyboard shortcuts and also copy all the content in your page with a single click.

 



A word of caution, with the new Code Editor features. The Block Editor saves your content in a slightly different manner than the old (TinyMCE) Classic Editor. Previously, WordPress would save your content as a simple chunk of HTML. Whilst there is still HTML in your underlying content, the new Block editor also wraps each individual section of your content within HTML comment tags. It uses these comment tags to differentiate the various types of blocks your content is contained within. So, while you can still edit your HTML using the Code Editor view within the Block Editor, please take extra caution not to remove or change any of the HTML comments surrounding your content. Doing so, will cause one or more of your blocks to not display correctly once you switch back to the Visual Editor mode, and may possibly even cause you to lose content. If you feel you do need to edit the Block HTML, it's safer to use the 『Edit as HTML' option under the 『More Options' icon for each individual Block, than using the 『Code Editor' option under the 『Show more tools & options' icon at the top of the page.

 

Underneath the Block Editor Toolbar you'll find your content area. This is where you'll add all your content, comprised of various types of blocks. Each block that you add into your content area, will have its own toolbar, and will either display just above the block (by default) or in the main Block Editor Toolbar at the top of the screen (if the Top Toolbar option is turned on).

每個塊都有一個不同的工具欄，該工具欄中的圖示將取決於塊包含的內容型別。例如，段落塊上的工具欄與標題塊上的工具欄不同，因為它們包含不同型別的內容。單擊或選擇一個塊後，您甚至可能會發現可以在 「設定」 側欄中設定額外的選項。同樣，這將取決於您選擇的單個塊。

螢幕右側內容區域旁邊是 「設定側邊欄」。設定側邊欄包含您當前正在編輯的整個頁面/文章的設定，以及當前所選塊的設定。

在設定側邊欄的頂部有兩個選項卡可供選擇。第一個選項卡將顯示Page或Post，具體取決於您是編輯頁面還是文章，第二個選項卡將顯示Block。頁面/文章選項卡顯示您當前正在編輯的單個頁面/文章的設定。這可能包括設定特色影象、選擇類別和標籤 （編輯文章時） 或選擇頁面/文章模板等。

塊選項卡顯示當前所選塊的設定。這些設定將根據當前選擇的塊的型別而變化，並且某些塊比其他塊具有更多的設定。例如，段落塊具有用於更改文字大小、是否顯示首字下沉的設定，以及在某些主題中用於文字顏色和背景顏色的設定。另一方面，標題塊僅具有更改文字大小和顏色的設定。

最後更新時間：2023 年 9 月 18 日

,