檔案區塊

檔案區塊

檔案允許您使用可選按鈕建立指向您上傳的媒體檔案之一 (例如 PDF 或 Word 文件) 的文字連結。插入檔案塊後,單擊「上傳」按鈕將新檔案上傳到您的媒體庫,或單擊 「媒體庫」按鈕顯示您的媒體庫並選擇您之前上傳的現有檔案。

將檔案新增到塊後,「設定」 側欄中會提供更多選項。您可以選擇連結到媒體檔案本身,或連結到該檔案的 WordPress 附件頁面。您還可以選擇在新選項卡中開啟連結,並選擇顯示帶有文字連結的下載按鈕。您可以透過單擊按鈕並輸入新文字來更改按鈕上的文字。

檔案塊

頭像區塊

頭像區塊

頭像允許您將文章/頁面作者或其他選定使用者的頭像影象插入到您的內容中。雖然您可以將此塊新增到正常的頁面或文章內容中,但使用完整站點編輯器將其新增到主題模板中會更有用。

新增該塊後,「設定」 側欄中會提供更多選項。您可以使用 「影象大小」滑塊選擇影象的大小,還可以使用 「連結到使用者配置檔案」 開關將該影象連結到使用者配置檔案頁面。

預設情況下,該塊將顯示文章/頁面作者的頭像。使用者輸入欄位允許您選擇站點上的其他使用者。如果此欄位為空,則影象預設為文章/頁面作者。

使用塊工具欄中的選項,您可以更改影象的對齊方式,還可以應用雙色調濾鏡。

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

頭像塊

區塊編輯器工具

區塊編輯器工具

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

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

區塊編輯器工具

區塊編輯器工具欄 - 新增塊 新增塊圖示用於將新塊插入到您的內容中。單擊此圖示將彈出一個小面板,您可以透過該面板訪問可以插入的所有不同型別的塊。
區塊編輯器工具欄 - 工具 「工具按鈕提供了用於塊選擇和編輯的不同互動。使用選擇工具幫助選擇塊。選擇塊後,按 Enter 鍵返回到編輯工具。
區塊編輯器工具欄 - 撤消 撤消圖示允許您撤消最近的更改。
區塊編輯器工具欄 - 重做 重做按鈕允許您重做最近的更改。
區塊編輯器工具欄 - 塊導航 按鈕允許您使用 「列表檢視」選項卡檢視內容中所有塊的列表,以及使用 「大綱」選項卡檢視有關頁面內容的資訊。後一個選項將顯示您的內容包含多少個字元和單詞、內容中的塊型別以及閱讀內容的大致時間
區塊編輯器工具欄 - 切換到 Daft 「切換到草稿」按鈕僅在您的頁面/文章釋出後才會出現。單擊此按鈕將取消釋出您的頁面/文章並將其恢復為草稿模式。雖然此按鈕過去顯示在區塊編輯器工具欄中,但現在顯示在設定側欄內的摘要面板中。
區塊編輯器工具欄 - 儲存草稿 「儲存草稿」按鈕允許您儲存頁面,並且僅在您的頁面/文章尚未釋出時才會出現。
區塊編輯器工具欄 - 預覽 預覽」按鈕將允許您預覽頁面。單擊此按鈕會提供多個選項。您可以在桌面檢視 (預設) 、平板電腦移動檢視中預覽頁面您還可以透過選擇 「在新選項卡中預覽」 選項在新的瀏覽器選項卡/視窗中預覽頁面。
區塊編輯器工具欄 - 釋出 「釋出」按鈕允許您釋出您的頁面/文章。與以前版本的 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).

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

區塊編輯器工具

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

區塊編輯器工具

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

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

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


,

文章列表區塊

文章列表區塊

文章列表塊允許您插入最近文章的列表。選擇此塊實際上會將查詢迴圈塊的預自定義版本插入到您的內容中,這就是它在設定側欄中顯示 「查詢迴圈」 的原因。雖然您可以將此塊新增到正常的頁面或文章內容中,但使用完整站點編輯器將其新增到主題模板中會更有用。

首次插入文章列表塊時,系統會提示您從預製模式中進行選擇或從空白開始。

文章列表塊

如果您選擇從預製圖案開始,單擊 「選擇」按鈕將顯示一個彈窗,您可以在其中選擇用於顯示內容的佈局圖案。只需滾動瀏覽可用的佈局模式列表,然後單擊您喜歡的佈局即可選擇它。您還可以使用彈窗頂部的搜尋欄位來搜尋您喜歡的佈局。

單擊您喜歡的佈局後,適當的塊將被插入到您的內容中。然後,您還可以訪問塊工具欄和設定側欄中的更多選項。

文章列表塊

您還可以在首次插入文章列表塊後單擊開始空白按鈕。然後,您將看到一系列可供選擇的佈局變體。只需單擊相應的圖示即可選擇一個。然後,適當的塊將被插入到您的內容中。

文章列表塊

確認文章列表塊使用的佈局後,您可以使用塊工具欄上的顯示設定( ) 圖示來更改每頁顯示的文章數、設定要跳過的文章數 (如果有)查詢迴圈塊顯示設定,並限制分頁中顯示的文章數量

設定側欄中的選項還允許您調整為檢索文章而執行的 WordPress 查詢。您可以選擇文章型別 (例如,如果您使用的是 WooCommerce,則顯示文章、頁面,甚至產品) 。您還可以選擇顯示文章的順序 (例如,最新的在前、最舊的在前、按字母順序) 、選擇是否包含 「粘性」 文章,還可以新增過濾器,例如類別、標籤、作者或關鍵字。

值得注意的是,文章列表塊 (同樣,查詢迴圈塊) 將在主查詢迴圈塊中插入多個塊。在能夠調整查詢迴圈的所有設定之前,您需要選擇最外面的查詢迴圈塊。選擇此塊將顯示塊工具欄和設定側欄中的所有查詢設定。如果您發現很難選擇查詢迴圈塊,請嘗試使用頁面底部顯示的塊麵包屑來選擇該塊。只要您選擇了一個塊,麵包屑就會出現,並將列出當前所選塊的所有父塊。您還可以使用編輯器頂部工具欄中的列表檢視圖示 ( ),幫助您選擇所需的確切塊。區塊編輯器工具欄 - 列表檢視

文章列表塊

網站標語區塊

網站標語區塊

網站標語塊允許您新增或更新網站的標語。雖然您可以將此塊新增到正常的頁面或文章內容中,但使用完整站點編輯器將其新增到主題模板中會更有用。

網站標語用幾句話描述了您的網站的內容。標語有時會顯示在您的網站標題中,靠近您的徽標,但這完全取決於您的主題。標語有時也用於 SEO 目的,可以顯示在搜尋結果或瀏覽器選項卡上。還可以在 「設定」>「常規」頁面上更改標語

新增阻止後,「設定」 側欄中會提供更多選項。您可以更改文字和背景顏色,還可以更改各種版式設定,例如字型大小、外觀、裝飾、行高、字母大小寫和字母間距。「尺寸」面板還允許您指定塊周圍的填充。

網站標語塊

登入

登入

在對站點進行任何更改之前,您需要登入。站點的登入資訊通常可以在以下 URL 中找到 – http://your-wordpress-site.com/wp-admin這裡需要將your-wordpress-site.com替換為您的實際域名。

當然也有例外。例如,您的 WordPress 設定可能安裝在子目錄中。不過,對於大多數標準設定,您會發現上面的網址URL應該有效。

您可以使用您的使用者名稱或與您的帳戶關聯郵箱地址登入您的儀表盤。

如果您想確保輸入正確,可以單擊 「密碼」 欄位中的 「眼睛」 圖示來顯示您輸入的密碼。

如果您丟失了密碼,或者只是忘記了密碼,請單擊丟失密碼?找回系統會提示您輸入使用者名稱或郵箱地址,單擊 「獲取新密碼」按鈕後,您將收到一封電子郵件,其中包含有關如何重置密碼的說明。

如果您的網站安裝了多種語言,登入螢幕現在會顯示一個下拉欄位,允許您切換語言。只需選擇一種可用語言,然後單擊下拉欄位旁邊的「更改」按鈕即可。

目前,該語言選擇器只會更改登入表單中的語言。登入站點後,儀表盤仍將以預設站點語言顯示。要實際更改儀表盤中使用的語言,請透過單擊左側導航中 「使用者」 選單選項下方的 「您的個人資料」 連結來編輯您的使用者個人資料。在您的 「個人資料」 頁面上,從 「語言」 下拉選單中的可用選項中選擇一種語言,然後單擊頁面底部的「更新個人資料」 按鈕以儲存更改。

如果您的網站沒有安裝任何其他語言,而只是使用預設的英語 (美國),則語言選擇器將不會顯示在登入螢幕或儀表盤內的個人資料頁面上。如果您是站點管理員並且希望向站點新增備用語言,則可以透過「設定」>「常規」 頁面上選擇新的站點語言來完成此操作。

登入/退出區塊

登入/退出區塊

登入/退出塊允許您在站點上顯示登入或登出連結。如果您正在檢視該網站並且當前已登出,您將看到一個登入連結。同樣,如果您當前已登入,您將看到一個登出連結。

您還可以選擇使用設定側欄中的將登入顯示為表單開關來顯示內聯登入表單,而不是登入連結。您還可以選擇允許使用者在登入後使用 「重定向到當前 URL」開關重定向回同一頁面。

登入/退出阻止

新增 HTML 連結

新增 HTML 連結

HTML 連結允許您的網站訪客輕鬆瀏覽您的網站。當您希望允許人們從您的網站下載檔案 (例如 PDF 或其他文件) 以檢視影象甚至只是連結到其他網站時,也可以使用它們。HTML 連結經常會顯示有下劃線,以將其與其他文字區分開來,但這可能會根據您當前使用的主題而有所不同。

也可以看看:

經典區塊

經典區塊

經典允許您使用傳統的 TinyMCE 介面將文字內容新增到您的站點。使用經典塊而不是段落塊的好處之一是您可以在同一個塊中輸入多個文字段落。與段落塊不同,經典塊還提供有用的 「貼上為文字」 圖示。這允許您從任何格式化文字中刪除所有格式,例如從 Word 文件或其他網站複製的內容。與經典編輯器中之前的 TinyMCE 介面一樣,經典塊還提供了一個有用的 「特殊字元」 圖示,用於插入版權 (?) 、註冊 (?) 或商標 (?) 符號、 en (–) 和 em ( —) 破折號和其他有用的字元。

區塊編輯器現在更改了它在 WordPress 編輯頁面中的顯示方式。除此之外,您網站上的外掛還會影響編輯器在編輯頁面中的顯示方式。雖然您在編輯內容時實際上不會注意到差異,但不幸的副作用是它會影響經典塊現在的行為方式。受此更改影響的唯一塊將是經典塊。您使用的所有其他單獨塊不會改變它們的行為。

以前,要在經典塊中編輯內容,您只需單擊該塊,將滑鼠插入文字,然後開始編輯。根據您網站的配置方式,您可能會發現您仍然可以以相同的方式編輯經典塊內容。

經典塊

展望未來,您可能還會發現無法再直接在經典塊中單擊和編輯文字。相反,您現在需要單擊經典塊工具欄上的編輯連結。這將顯示一個彈窗,其中包含經典編輯器中的內容,您可以使用它進行編輯。編輯內容後,只需單擊「儲存」按鈕即可將內容儲存回塊中。請務必注意,此彈窗上的「儲存」按鈕不會儲存整個頁面,它只是更新塊本身內的更改。

經典塊

將現有內容轉換為區塊

將現有內容轉換為區塊

如果您有現有的 WordPress 網站並且剛剛開始使用新的區塊編輯器,那麼您很可能擁有使用經典編輯器建立的現有內容。當您在新的區塊編輯器中編輯該頁面或文章時,所有內容都將顯示在經典塊中。

轉換現有內容

您可以自由地在此經典塊中編輯內容,然後只需儲存更改,您的頁面就會與之前的顯示完全一樣。如果您希望使用新的區塊編輯器功能,您可以輕鬆地將這些內容轉換為塊。單擊塊後,將出現塊工具欄。單擊轉換為塊選項,將此經典塊中的內容轉換為單個塊。

單擊「轉換為塊」選項後,您的內容將顯示在各自的塊中。您的文字段落現在將位於段落塊中,引號將位於引號塊中,影象將位於影象塊中,依此類推。如果您對所有內容均已正確轉換感到滿意,請單擊頁面頂部的「更新」 按鈕以儲存更改。

轉換現有內容