表格區塊

表格區塊

表格允許您將 HTML 表格添加到您的內容中。表是由行和列組成的結構化數據集。

首次添加表塊時,系統會提示您輸入所需的列數和行數。將內容添加到區塊後,設置側邊欄中會提供更多選項。如果您希望添加或刪除列或行,請使用 「編輯表格」 工具欄圖標 (編輯表格)下提供的各種選項

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

您還可以為您的表格選擇一種樣式。默認情況下,您的表格將不顯示任何顏色,但您也可以通過選擇 「條紋」樣式,使用淺灰色陰影對每個備用行進行着色這可以使讀取表變得更容易,特別是當它有大量數據時。可以使用 「塊工具欄」 中的 「塊切換器」 圖標或 「設置」 側欄的 「樣式」 選項卡內的 「塊切換器」 圖標來更改樣式。

工作台塊

小工具

小工具

小工具部分包含特殊的小工具,例如短代碼塊、檔案塊、類別塊、最新評論塊、最新文章塊等。這些塊中的大多數複製了您在 「外觀」>「小工具」菜單下找到的功能

也可以看看:

全屏模式

全屏模式

現在,當您添加新頁面或文章時,WordPress 默認以全屏模式打開區塊編輯器。全屏模式將隱藏用户界面的某些部分,例如左側菜單和頂部儀表盤管理欄。

區塊編輯器全屏模式

 

要關閉全屏模式,請單擊頁面右上角的選項圖標 ( ),然後單擊全屏模式選項。這將使頁面返回到您習慣的熟悉佈局。值得注意的是,本指南中的所有區塊編輯器屏幕截圖都是在關閉全屏模式的情況下拍攝的。區塊編輯器更多選項

區塊編輯器全屏模式

 

在全屏模式下,單擊頁面左上角的 WordPress 徽標將使您退出區塊編輯器並返回到文章或頁面列表。

引言區塊

引言區塊

引用允許您添加引用和引文。

將內容添加到塊後,您可以使用設置側欄中的樣式面板或單擊塊工具欄上的更改塊類型圖標從兩種不同樣式中選擇一種。您還可以更改各種版式設置,例如字體大小、外觀、行高、字母大小寫和字母間距。

報價塊

導航區塊

導航區塊

導航塊在您的內容中顯示導航菜單。雖然您可以將此塊添加到正常的頁面或文章內容中,但使用完整站點編輯器將其添加到主題模板中會更有用。

第一次插入導航塊時,它將顯示為空。使用「設置」 側欄的 「列表視圖」 選項卡 ( ) 中的 「選擇導航菜單」 圖標 ( ),您可以選擇現有的 「經典菜單」(如果有),也可以創建一個菜單當您選擇導入現有的 「經典菜單」 時,它將自動導入該所選菜單的所有選項。

請務必注意,導航塊存儲菜單數據的方式與經典外觀 > 菜單頁面存儲菜單的方式完全不同。如果您選擇導入使用 「經典菜單」頁面創建的現有菜單,並且您決定稍後使用 「經典菜單」屏幕重新編輯該菜單,則對該菜單所做的任何更改都不會反映出來。編輯創建的菜單或導入導航塊的菜單的唯一方法是使用塊本身編輯項目。

此外,如果您使用的是專為與新的完整站點編輯器 (FSE) 一起使用而構建的主題,例如 「二十二十二」「二十二十三」默認主題,您將無法再訪問 「外觀」>「菜單」儀表盤中的選項。在 FSE 主題內創建新導航菜單或編輯現有菜單的唯一方法是使用導航塊。

除了使用塊本身內的圖標編輯菜單項外,您還可以在設置側欄中的列表視圖選項卡 ( ) 中編輯菜單項。後一個選項使添加和編輯菜單項以及添加子菜單變得更加容易。

要將新菜單選項添加到導航菜單中,請單擊塊本身內的添加塊圖標 ( ),或在設置側邊欄的列表視圖選項卡 ( ) 內。如果在塊中使用「添加塊」 圖標,您將看到一個小的彈窗,允許您搜索要作為菜單項插入的頁面/文章。如果您使用設置側欄中的添加塊圖標,則首先需要添加新的頁面鏈接塊文章鏈接塊,然後才能選擇要用作菜單項的頁面/文章。塊工具欄添加塊

您可以使用 「在新選項卡中打開」 開關來選擇是否希望菜單項在新瀏覽器選項卡中打開。如果您希望向菜單添加完全自定義的菜單選項 (例如指向外部網站的鏈接),只需在單擊 「添加塊」 圖標後顯示的小彈窗中輸入自定義URL輸入自定義 URL 並按鍵盤上的 Return/Enter 鍵會將此 URL 添加為新的菜單選項。然後,您可以單擊文本並對其進行編輯,以更改菜單中顯示的實際文本。例如,在小彈窗中輸入https://lego.com 將使用該鏈接添加一個新的菜單項到樂高網站。該鏈接的菜單中顯示的文本將是 lego.com 。如果您希望更改該鏈接文本,使其僅顯示 「樂高」 一詞,您需要單擊該文本並進行編輯。

添加該塊並填充菜單項後,「設置」 側欄中會提供更多選項。您可以更改文本和背景顏色,以及子菜單和覆蓋文本以及子菜單和覆蓋背景顏色。您還可以更改各種版式設置,例如字體大小、外觀、行高、字母間距、裝飾和字母大小寫。還有菜單理由和方向的選項。使用疊加菜單按鈕,您可以選擇菜單是否摺疊為 「漢堡包」 樣式圖標。選擇 「移動」 將僅在較小的移動設備上顯示漢堡包圖標,而選擇 「始終」 將在桌面和移動設備上顯示漢堡包圖標。如果您根本不希望菜單摺疊成漢堡包圖標,請選擇 「關閉」 選項。

該塊的各種選項位於設置側欄中單獨的列表視圖 ( ) 、設置 ( ) 和樣式 ( ) 選項卡中。

導航塊

音頻區塊

音頻區塊

音頻允許您將簡單的音頻播放器嵌入到您的內容中。插入音頻塊後,單擊 「上傳」按鈕將新音頻文件上傳到您的媒體庫,或單擊 「媒體庫」按鈕顯示您的媒體庫並選擇您之前上傳的現有文件。單擊「從 URL 插入」按鈕可以選擇其他 URL 中存在的媒體文件。您還可以將音頻文件拖放到塊上,WordPress 會自動上傳該文件,然後將其插入到您的塊中。

將音頻文件添加到塊後,「設置」 側欄中會提供更多選項。您可以選擇「自動播放」以自動播放文件,也可以選擇「循環」以讓音頻不斷循環播放。

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

音頻塊

更多區塊

更多區塊

更多塊允許您向內容添加更多標籤。大多數存檔頁面 (例如您的博客頁面) 僅顯示文章的一小部分摘錄,然後為您提供 「閲讀更多...」 鏈接以繼續閲讀文章的其餘部分。當您在內容中插入更多塊時,標籤之前的所有內容都被視為此摘錄。大多數時候,您只會在創建博客文章而不是頁面時使用此按鈕。

您只能在每個頁面或文章中插入一個 「更多塊」 。如果您想更改 「閲讀更多...」 鏈接中的文本,只需單擊該塊中的文本並將其更改為您想要顯示的任何內容。要恢復為主題顯示的默認文本,只需從塊中刪除所有文本並保存您的文章或頁面即可。

更多區塊

詩詞區塊

詩詞區塊

詩歌允許您向內容添加詩歌。Verse 塊幾乎與預格式化塊相同,因為它尊重您的間距和製表符。

將文本添加到塊後,設置側欄中會提供更多選項。您可以更改文本和背景顏色以及各種版式設置,例如字體大小、外觀、行高、字母大小寫和字母間距。您還可以通過在 「尺寸」 設置中添加 「填充」 來更改塊周圍的間距。

詩塊

代碼區塊

代碼區塊

代碼允許您向內容添加示例代碼。您添加到此塊的代碼不會被執行,它純粹是為了顯示內容中的代碼行。

將文本添加到塊後,設置側欄中會提供更多選項。您可以更改文本和背景顏色以及各種版式設置,例如字體大小、外觀、行高、字母大小寫和字母間距。您還可以通過在 「尺寸」 設置中添加 「填充」 來更改塊周圍的間距。

代碼塊

腳註區塊

腳註區塊

腳註允許您在內容中顯示腳註。腳註用於引用來源、數據或向讀者提供更多附加信息。腳註通常在內容中顯示為上標數字、字母或符號,然後在頁面的其他位置引用。腳註通常出現在頁面底部,因此該塊通常會添加到主頁內容下方。

實際上,您無法將腳註直接插入腳註塊中。該塊僅顯示創建的腳註。要實際創建腳註,您可以從某些塊 (例如段落塊或標題塊) 的塊工具欄的更多菜單 ( ) 中選擇腳註選項。插入腳註後,您將直接進入腳註塊,您現在可以在其中輸入該特定腳註的文本。值得注意的是,如果您在內容中創建腳註,但該頁面內沒有腳註塊,則腳註塊將自動插入到內容的底部。

腳註塊