古騰堡編輯器教學:如何使用WordPress媒體和文字區塊教學

如何使用WordPress媒體和文字區塊教學

WordPress使您能夠分別新增段落區塊圖片區塊。但是,藉助媒體和文字區塊,您也可以並排放置兩種型別的元素。如果您知道如何導航其設定,它甚至包括多種佈局供您選擇。

在本教學中,我們將向您展示如何將這個媒體和文字多功能區塊新增到文章和頁面。我們將介紹配置選項,並討論充分利用此元素的提示和技巧。

如何將媒體和文字區塊新增到文章或頁面

在媒體和文字區塊,您可以新增書面內容,視訊和影象檔案通過使用多個佈局並排。要使用它,請開啟您要編輯的文章或頁面。單擊加號並選擇媒體和文字 選項:

將媒體和文字區塊新增到文章或頁面

預設情況下, 媒體和文字區塊將使用將影象或視訊檔案放在左側並將寫入的內容放在右側的佈局。您可以單擊“上傳” 或“媒體庫” 選項來選擇檔案:

上傳媒體至文字和媒體區塊

放置影象或視訊檔案後,您可以移動到區塊的內容… 一側並開始編寫。以下是新增一些內容後的外觀示例:

文字和媒體區塊編輯器顯示預覽

請注意,區塊的每個部分都有單獨的格式選單。預設情況下,WordPress會在您的媒體檔案旁邊放置一個段落元素。但是,您可以將其替換為其他基於文字的元素:

媒體和文字區塊設定選項

在多種型別的書寫元素之間進行選擇的能力使媒體和文字區塊成為一個令人難以置信的多功能選項。在下一節中,我們將向您展示如何配置其設定。

媒體和文字區塊設定和選項

使用媒體和文字區塊時,您可以使用兩組配置選項。一個是格式化工具欄,為您使用的每個區塊提供自定義選項。第二個是設定選單,具有更全面的樣式調整。讓我們從格式工具欄開始。

工具欄設定

如果您將滑鼠懸停在媒體和文字區塊的影象或視訊部分上,您將看到一個格式選單,其中包含以下選項:

  1. 將區塊轉換為另一種型別的元素
  2. 通過從兩個選項中進行選擇來更改區塊的佈局
  3. 在區塊內新增指向媒體檔案的連結
  4. 用不同的選項替換媒體檔案

這是一個快速備忘單,顯示了每個選項在格式工具欄中的位置:

媒體和文字區塊工具欄設定

如您所見, 媒體和文字區塊使您可以在多個佈局選項之間進行選擇。每種情況下的主要區別在於視訊或影象的位置:

媒體和文字區塊佈局

與圖片區塊不同,媒體和文字元素的格式工具欄不包括用於編輯影象的選項。但是,我們將在一分鐘內向您展示如何進一步調整您的圖片。

現在,讓我們轉向媒體和文字區塊的寫入部分。預設情況下,它將使用段落元素,但您可以將其更改為區塊編輯器支援的任何其他基於文字的選項。

您選擇的基於文字的區塊將更改您將滑鼠懸停在其上時出現的格式選項。在這裡您可以看到與段落區塊相對應的設定:

媒體和文字區塊段落元素

如果您想詳細瞭解每種文字元素的不同格式選項,我們建議您檢視我們的WP教學。我們有最重要的區塊編輯器元素的完整指南,向您展示如何新增和配置單個區塊。

其他選項

接下來,在選擇媒體和文字區塊的同時單擊編輯主選單右上角的齒輪圖示。在那裡,您可以訪問帶有其他配置選項的側邊欄:

媒體和文字區塊其他選項

讓我們來看看每個設定所涵蓋的內容:

  1. 樣式:這使您可以為區塊新增邊框。請記住,邊界的格式將取決於您的主題設定。
  2. 顏色:這使您可以更改區塊及其背景中的文字和連結顏色。
  3. 媒體和文字設定:您可以在影象檔案中新增替代文字並在此處調整其大小。此部分還包括用於為移動顯示調整區塊和裁剪影象的選項。

以下是區塊的顏色選項的快速瀏覽:

媒體和文字區塊顏色設定

繼續,如果您在“媒體和文字”設定 選項卡中啟用“在移動裝置上堆疊顯示” 選項,當訪問者從移動裝置檢視您的網站時,它會摺疊區塊。這是它的外觀:

在移動裝置上堆疊顯示媒體和文字區塊內容

這涵蓋了您需要了解的有關更改媒體和文字區塊的格式和設定的所有資訊。現在是時候討論這個元素的實際應用了。

有效使用媒體和文字區塊的技巧和最佳實踐

在媒體和文字區塊是直接使用,並且可以完美整合到大多數文章和頁面。本質上,您正在處理兩個分組區塊和兩個佈局選擇。

您可以使用列複製區塊的外觀和樣式以並排新增影象和段落區塊。但是,當存在媒體和文字功能時,幾乎沒有理由選擇這種方法。

由於這是一個如此簡單的區塊,我們唯一的建議是格式化元素的寫入部分以與您選擇的媒體檔案完美匹配。例如,您可能不想在單個單詞的段落或小列表旁邊放一張大照片。您會希望這兩個元素看起來平衡。請記住,您可以在區塊內調整影象大小。

最後,請記住,您使用媒體和文字區塊新增的任何影象仍可用於搜尋引擎優化 (SEO) 目的。這意味著您仍然應該考慮遵循基本的影象搜尋引擎優化指南。

關於媒體和文字區塊的常見問題

儘管使用媒體和文字區塊相對簡單,但您可能仍然對這個特定元素有一些疑問。考慮到這一點,讓我們回顧一下有關此功能的一些最常見問題。

什麼時候應該使用媒體和文字區塊?

在媒體和文字區塊可以展示旁邊寫內容的影象或視訊的最佳方式。請記住,區塊編輯器允許您在多種型別的基於文字的元素之間進行選擇。

可以將這個區塊的媒體和文字部分分開嗎?

您可以將媒體和文字區塊轉換為欄目。這樣做會將兩個元素分成單獨的區塊,但保留原始佈局。

可以更改媒體和文字區塊的字型設定嗎?

在媒體和文字區塊您不可以更改字型設定。但是,您可以更改文字和任何包含的超連結的顏色。如果要訪問更高階的字型相關配置,則需要將區塊轉換為欄目。

小結

在媒體和文字區塊可能成為WordPress的您最常用的元素之一。影象和文字完美地搭配在一起,此區塊使您可以將它們並排放置,並採用適合任何主題和頁面的簡單佈局。

使用此 功能時,請記住您不必堅持使用簡單的段落。預設情況下,該區塊會在您的影象或視訊檔案旁邊新增一個段落元素。但是,您可以將其替換為區塊編輯器庫中的其他基於文字的選項(例如列表或標題)。

評論留言