區塊編輯器工具

區塊編輯器工具

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

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

	添加塊圖標用於將新塊插入到您的內容中。單擊此圖標將彈出一個小面板，您可以通過該面板訪問可以插入的所有不同類型的塊。
	「工具」按鈕提供了用於塊選擇和編輯的不同交互。使用選擇工具幫助選擇塊。選擇塊後，按 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 日

,