表格區塊

表格區塊

表格允許您將 HTML 表格新增到您的內容中。表是由行和列組成的結構化資料集。

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

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

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

工作臺塊

小工具

小工具

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

也可以看看:

全屏模式

全屏模式

現在,當您新增新頁面或文章時,WordPress 預設以全屏模式開啟區塊編輯器。全屏模式將隱藏使用者介面的某些部分,例如左側選單和頂部儀表盤管理欄。

區塊編輯器全屏模式

 

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

區塊編輯器全屏模式

 

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

引言區塊

引言區塊

引用允許您新增引用和引文。

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

報價塊

導航區塊

導航區塊

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

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

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

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

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

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

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

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

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

導航塊

音訊區塊

音訊區塊

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

將音訊檔案新增到塊後,「設定」 側欄中會提供更多選項。您可以選擇「自動播放」以自動播放檔案,也可以選擇「迴圈」以讓音訊不斷迴圈播放。

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

音訊塊

更多區塊

更多區塊

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

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

更多區塊

詩詞區塊

詩詞區塊

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

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

詩塊

程式碼區塊

程式碼區塊

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

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

程式碼塊

腳註區塊

腳註區塊

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

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

腳註塊