古騰堡編輯器教程:如何使用WordPress詩篇區塊

古騰堡編輯器教程:如何使用WordPress詩篇區塊-1

WordPress詩篇區塊旨在以經過驗證的格式顯示文字。它在不更改換行符和空格的情況下顯示文字。按Enter鍵開始下一行而不是開始一個新段落。它不適用於您的正常內容。相反,它是為詩歌、歌詞或任何其他型別的文學表達而設計的。

瞭解如何使用詩篇區塊可以幫助您正確設計內容的外觀。在本教程中,我們將檢視詩篇區塊的設定和選項,檢視如何使用它的最佳實踐,並檢視常見問題。

如何將詩篇區塊新增到文章或頁面

古騰堡編輯器教程:如何使用WordPress詩篇區塊-2

要將詩篇區塊新增到您的頁面和文章,請在您的內容中或頁面左上角選擇塊圖示,輸入區塊的名稱,並在出現時選擇它。

古騰堡編輯器教程:如何使用WordPress詩篇區塊-3

然後將詩篇區塊新增到您的內容中,您可以在其中開始新增詩歌、歌詞等。詩篇區塊的預設樣式將根據您使用的主題而有所不同。對於這些示例,我正在使用WordPress官方附帶主題。

古騰堡編輯器教程:如何使用WordPress詩篇區塊-4

當您在欄位中輸入文字並按Enter鍵時,您將轉到下一行。這與預格式區塊而不是段落區塊類似,後者在您按Enter時新增一個新段落。

古騰堡編輯器教程:如何使用WordPress詩篇區塊-5

它甚至會保留您在單詞之間新增的任何額外空格。此示例顯示已釋出的文章,包含空格和換行符。

詩篇區塊設定和選項

古騰堡編輯器教程:如何使用WordPress詩篇區塊-6

詩篇區塊有兩個帶有設定和選項的區域。第一個是詩歌工具欄。第二個是右側邊欄中的詩篇區塊選項。下面來看看兩者。

詩篇區塊工具欄

古騰堡編輯器教程:如何使用WordPress詩篇區塊-7

單擊詩篇區塊中的任意位置會開啟其工具欄。

更改區塊型別或樣式

古騰堡編輯器教程:如何使用WordPress詩篇區塊-8

第一個設定將塊更改為段落區塊,更改列數,並讓您分組。懸停會顯示預覽,以便您瞭解它的外觀。

拖動或移動

古騰堡編輯器教程:如何使用WordPress詩篇區塊-9

拖動工具包括六個點。抓住這些點將塊拖動到任何你想要的地方。或者,您可以單擊箭頭向上移動塊或內容中的文字。

文字對齊

古騰堡編輯器教程:如何使用WordPress詩篇區塊-10

文字對齊選項包括左對齊、居中對齊和右對齊。這將移動文字在塊內對齊的位置。

粗體和斜體

古騰堡編輯器教程:如何使用WordPress詩篇區塊-11

粗體和斜體設定適用於您選擇選項時突出顯示的文字。單獨或一起使用它們,就像我在這個例子中所做的那樣。

連結

古騰堡編輯器教程:如何使用WordPress詩篇區塊-12

連結設定允許您搜尋或輸入您突出顯示的文字部分的 URL。

更多設定

古騰堡編輯器教程:如何使用WordPress詩篇區塊-13

更多設定連結會開啟一個包含許多選項的下拉框。他們試圖提供一個簡單的例子來直觀地展示它們的用途。

(1)內聯程式碼

古騰堡編輯器教程:如何使用WordPress詩篇區塊-14

這將文字顯示為程式碼。在此示例中,我已將第一行和第三行設定為程式碼格式。

(2)內嵌影象

古騰堡編輯器教程:如何使用WordPress詩篇區塊-15

內嵌影象開啟媒體庫,您可以在其中選擇影象。影象內嵌新增到游標所在的位置。選擇影象會開啟一個下拉框,您可以在其中選擇影象的寬度。

(3)鍵盤輸入

古騰堡編輯器教程:如何使用WordPress詩篇區塊-16

鍵盤輸入為您的內容新增鍵盤標籤。這定義了鍵盤輸入並以瀏覽器的預設等寬字型顯示。

古騰堡編輯器教程:如何使用WordPress詩篇區塊-17

以下是在程式碼編輯器中檢視文字時新增到文字中的標籤。

(4)刪除線

古騰堡編輯器教程:如何使用WordPress詩篇區塊-18

刪除線會在您突出顯示的文字中新增一行。

(5)下標

古騰堡編輯器教程:如何使用WordPress詩篇區塊-19

下標將您突出顯示的文字格式化為下標。

(6)上標

古騰堡編輯器教程:如何使用WordPress詩篇區塊-20

上標將您突出顯示的文字格式化為上標。

古騰堡編輯器教程:如何使用WordPress詩篇區塊-21

下標和上標一起使用可減小字型大小並使其水平居中。

(7)文字顏色

古騰堡編輯器教程:如何使用WordPress詩篇區塊-22

文字顏色可讓您調整突出顯示的文字的顏色。您可以從一些預先選擇的顏色中進行選擇,在顏色選擇器工具上選擇一種顏色,或者輸入十六進位制或 RBG 程式碼形式的值。

詩篇區塊選項

古騰堡編輯器教程:如何使用WordPress詩篇區塊-23

詩篇區塊選項包括:

  • 隱藏更多設定– 這會隱藏右側邊欄,為您提供更乾淨的工作區。
  • 複製– 複製詩篇區塊,以便您可以將其貼上到您想要的編輯器中的任何位置。
  • 建立副本– 建立詩篇區塊的副本並將其放置在原件下方。
  • 在當前區塊前插入– 在詩篇區塊之前新增一個空格,您可以在其中放置另一個區塊。
  • 在當前區塊前插入– 在詩篇區塊之後新增一個空格,您可以在其中放置另一個區塊。
  • 移動到– 放置一條藍線,您可以使用箭頭鍵向上或向下移動。當藍線到達您要將詩篇區塊移動到的位置時,按 Enter 鍵,您的區塊將自動移動。
  • 作為HTML編輯 – 開啟程式碼編輯器,您可以在其中將所有內容編輯為HTML。
  • 新增至可重用塊– 將詩篇區塊新增到您的可重用區塊列表中,以便您可以在任何頁面或文章中使用它。
  • – 將區塊新增到組中,以便您可以將區塊作為一個單元進行調整。
  • 刪除塊– 刪除區塊。

區塊設定

古騰堡編輯器教程:如何使用WordPress詩篇區塊-24

詩篇區塊設定位於右側邊欄中。如果側邊欄顯示,則選擇區塊將顯示設定。如果側邊欄未顯示,請單擊齒輪圖示,然後選擇內容區域中的區塊。

(1)排版

古騰堡編輯器教程:如何使用WordPress詩篇區塊-25

排版允許您從下拉框中選擇整個區塊的字型大小或輸入自定義大小。

(2)顏色

古騰堡編輯器教程:如何使用WordPress詩篇區塊-26

顏色使您可以控制詩篇區塊的文字和背景顏色。從預先選擇的顏色中選擇或選擇自定義顏色。選擇純色或為背景建立漸變。將漸變設定為線性或徑向。您還可以設定連結的顏色。

(3)間距

古騰堡編輯器教程:如何使用WordPress詩篇區塊-27

間距允許您為詩篇區塊的所有邊或特定邊新增空間。

(4)高階

古騰堡編輯器教程:如何使用WordPress詩篇區塊-28

高階包括一個 HTML錨點選項和一個用於新增CSS類的欄位。錨點是專門針對詩篇區塊的特殊網址。這使您可以直接連結到此塊。CSS類欄位允許您建立自定義CSS來設定區塊的樣式。

有效使用詩篇區塊的提示和最佳實踐

使用它來顯示與您網站上的標準文字不同的文字。如果您想在內容中保留空間,這也是一個不錯的選擇。

使用段落區塊為詩歌或歌曲建立標題。

預設情況下,您的詩篇區塊的樣式將與您的主題相匹配。以不同的方式為您設計風格,使其從您網站的其他部分中脫穎而出。設計好樣式後,將其新增到可重複使用的區塊中,以便再次使用。

要將其轉換為另一種型別的區塊,您需要先將其轉換為段落區塊。然後,您可以將其轉換為其他型別的區塊。

關於詩篇區塊的常見問題

詩篇區塊的目的是什麼?

它用於顯示多行文字。這是詩歌、歌詞等的理想選擇。

詩篇區塊和段落區塊有什麼區別?

它的工作方式與段落區塊類似,不同之處在於它保留您的間距並通過按回車鍵將文字新增到下一行。段落區塊要求您在按 Enter 鍵時按住 shift 鍵。

它可以用於詩歌之外的任何東西嗎?

是的。它是詩歌和歌詞的理想選擇,但它也可用於您想要分成詩歌格式的任何型別的文字。例如,您還可以使用它來顯示沒有專案符號或編號的列表。

詩歌內容必須使用這個區塊嗎?

不一定。您可以在按 Enter 鍵時按住 shift 鍵將詩歌新增到段落區塊中,但詩歌塊是預先格式化的,因此更易於快速使用。只需輸入您的文字,按回車鍵,然後在下一行繼續輸入。

小結

這就是我們對WordPress詩篇區塊的看法。這是顯示詩歌、歌詞或任何其他型別的文學作品的絕佳區塊。它對於您想要保留空格或換行符的任何型別的文字也很有用。它易於使用,並且可以為您的內容賦予段落塊難以獲得的視覺風格。我們強烈建議將這個專門的WordPress區塊用於您所有的詩意內容。

評論留言