在 WordPress 中突出顯示內容:Blockquote 與 Pullquote

在 WordPress 中突出顯示內容:Blockquote 與 Pullquote

發布新內容時,重要的是要注意其整體圖形佈局 - 而不僅僅是使頁面看起來不錯。適當突出顯示某些部分可以提高清晰度並吸引訪問者對內容的關鍵部分的注意力。因此,即使用戶沒有閱讀整篇文章而只是瀏覽一下,他也會獲得最重要的信息。

今天我們將重點關注在 WordPress 編輯器中使用引號突出顯示文本。我們將向您展示如何在特定情況下進行塊引用和拉式引用,並解釋它們之間的區別。

文章回答了以下問題:

何時使用塊引用

術語塊引用是通過縮短短語而創建的 塊引用 這意味著它是對單個內容(塊)的引用。通常它不是從文章本身中提取的文本。塊引用引用外部來源。您可以將它們用作以下內容的引用:

  • 另一個來源和專業出版物
  • 名人名言
  • 來自滿意客戶的評價

塊引用引起對特定內容的關注。他們通過以圖形方式將信息與其他內容區分開來將其標記為重要信息。塊引用通常通過引號或引號來直觀地表示。但是,它們的最終外觀取決於您使用的 WordPress 主題。

如何在 WordPress 編輯器中插入塊引用

有一個特殊的塊用於將塊引用插入到頁面或帖子中,稱為引用塊。它可以很容易地添加到您的頁面:

1. 第一個選項是單擊頂部欄中或編輯器中要放置塊的位置的“+”符號。然後在搜索欄中查找“引用”一詞。

添加報價塊
單擊“+”添加報價塊

2. 第二個選項是通過在正斜杠“/”後鍵入塊名稱來搜索塊。

使用斜杠“/”添加引用塊
要查找並添加引用塊,您還可以使用斜杠“/”

全做完了。您已經創建了一個帶有佔位符和文本“Write quote”的塊。

塊樣式和格式

新添加的報價塊具有默認樣式和格式。有一條垂直線突出顯示引文並將其與其餘內容分開。但是,您可以通過單擊工具欄中的引號 (“) 圖標或在右側檢查器中選擇“樣式”將樣式更改為“大”。

大樣式刪除垂直線,增加字體大小並將其更改為斜體。儘管預覽頁面上報價的最終外觀取決於您所使用的 WordPress 主題的設計。

將報價塊樣式從“默認”更改為“大”
查看當您將引用塊的塊樣式從“默認”更改為“大”時,其外觀會有何不同

塊引用格式與段落格式類似。引文格式可以設置為粗體或斜體,您甚至可以在引文中使用超鏈接(URL)。文本對齊方式可以是左對齊、居中對齊或右對齊。引用塊本身始終固定為內容的寬度。

將 Blockquote 轉換為另一種塊類型

您只需單擊一下即可將塊引用轉換為另一種塊類型。優點是您可以直接從 Quote 塊切換到 Pullqoute,反之亦然。以下是可供選擇的所有可用塊的完整列表:

  • 段落
  • 拉科特
  • 標題
  • 列表

引述:什麼時候使用它們?

塊引用引用外部來源,而引文則突出顯示直接從頁面內容中提取的最重要信息。這意味著它們會引起人們對帖子或頁面中特定段落的關注,並強調其重要性。

拉式報價如何運作?

  • 作為增強內容及其結構的圖形元素
  • 它們在滾動頁面時吸引用戶的注意力
  • 它們可以用作頁面上的副標題或標題

如何添加 Pullquote 塊

在 WordPress 塊編輯器(版本低於 5.0)發布之前,需要在 CSS 中設置引文的樣式。現在,借助 Pullquote 塊,您只需單擊幾下即可添加它們。將 Pullquote 塊插入頁面與插入 Quote 塊完全相同。搜索時只需使用該塊的名稱即可。

Pullquote 塊的定制

Pullqoute 塊提供 2 種基本樣式 - 默認和純色。您可以在工具欄或檢查器中在它們之間切換。他們看起來怎麼樣?

默認樣式的特點是 兩條水平線,位於報價的頂部和底部。您可以更改這兩行的顏色,但背景將保持白色。

拉引默認樣式
Pullquote 的默認樣式

另一方面,純色是一種設計更簡單的風格, 沒有任何線條。與默認樣式相比,字體大小稍大,並且使用純色樣式時可以選擇整個塊的背景顏色。

拉引 純色
Pullquote 塊的純色樣式

無論您選擇哪種樣式,都可以更改兩種樣式的字體顏色。還有可用的標準段落格式,例如粗體、斜體或插入 URL。

高級 Pullqoute 塊對齊選項

與 Quote 塊不同,Pullqoute 塊除了標準對齊(左、右、中)之外,還提供更多對齊選項:寬寬度或全寬度。

由於具有寬屏視圖,pullqoute 可以用作標題或副標題。它不僅可以很好地劃分頁面上的內容,還可以起到懸念的作用,吸引用戶繼續瀏覽頁面。請記住,Pullquote 的最終外觀取決於主題的設計。並非所有主題都支持高級對齊選項。

Pullqoute 塊的全寬對齊
Pullqoute 可以用作標題(拉伸到全寬)

Citadela主題允許您毫無困難地選擇寬幅或全幅。
下載並親自看看!

轉換為另一種塊類型

Pullquote 塊轉換為其他類型塊的可能性有限。事實上,Pullquote 塊只能轉換為 Quote 塊。

結論:引用塊還是 Pullquote 塊?

何時使用 Quote 塊而不是 Pullquote 塊,反之亦然?

當表達觀點和引用名人或引用外部資源時,我們建議使用引用塊。引用應該是用戶無法直接在頁面或帖子中找到的文本。它非常適合推薦,因為它們以圖形方式將評論與其他內容分開(在設計和格式方面 - 例如通過使用斜體)。乍一看很明顯這是一個引文,因此需要強調。

Pullqoute 塊應該用於突出顯示直接從頁面文本中提取的關鍵信息。由於拉引是內容的摘錄,因此您的網絡訪問者無需徹底閱讀文章即可了解最重要的信息。然而,如果 Pullquote 塊中的信息確實很有吸引力,它將鼓勵訪問者在您的網站上花費更多時間。此外,您還可以使用 Pullqoute 作為標題或替代字幕。

5 對“Highlighting content in WordPress: Blockquote vs. Pullquote”的思考

  1. 嗨艾維,
    感謝您提供有關如何正確使用 wordpress blockquote 的指南,我嘗試通過我的主題編輯器添加它,但幾乎使所有內容都崩潰了。再次感謝。

    請問您使用的是哪個 WordPress 目錄插件?它很漂亮,我很想在我的網站上實現它。

    1. 你好,博拉里薩,

      謝謝你的誇獎。請查看發佈在以下位置的詳細信息:https://www.ait-themes.club/create-table-in-wordpress-without-plugin-blog/

      親切的問候!
      茲拉特科
      艾特團隊

  2. 在我的 citadela pro 插件主題佈局示例中,我找不到如何更改引文中的照片

    https://prnt.sc/v26fce

    1. 你好呀,

      感謝您的來信。我們懇請您檢查我們的知識庫和/或帶有視頻教程的文檔:
      https://www.ait-themes.club/ait-themes-documentation/
      或者隨時直接在我們的專用支持票系統中發布技術問題。請通過 https://system.ait-themes.club/support/add-question 登錄您的帳戶。

      親切的問候!
      茲拉特科
      艾特團隊

評論被關閉。