區塊

區塊 »媒體及文字區塊

媒體 及文字 區塊可讓你將圖片或視訊與文字並排。

媒體及文字區塊
新增媒體及文字區塊

若要建立此版面形式,請按一下區塊插入器圖示,開啟區塊庫,然後選擇媒體 及 文字 區塊

你也可以在新的段落區塊輸入 /媒體 並按下 Enter 鍵,以快速新增區塊:

媒體及文字區塊捷徑
新增媒體及文字區塊捷徑

你可以在此處取得新增區塊的詳細指示。


新增內容

若要將圖片或視訊新增到區塊,可以使用提供的選項從電腦上傳檔案,或從現有媒體庫選擇檔案。

媒體及文字區塊
空白的媒體及文字區塊

若要新增文字,只需在文字方塊中輸入內容即可。你可以使用的文字編輯選項與一般段落區塊的相同。


區塊工具列

若要顯示區塊工具列,你可以按一下該區塊,工具列隨即顯示。每個區塊都有其區塊專用控制項,可讓你在編輯器中直接操作區塊。媒體 及文字 區塊的工具列提供下列選項:

媒體及文字區塊選項
媒體及文字區塊選項

使用這些選項,你可以:

  • 將區塊變更為一般圖片或視訊區塊。
  • 在寬幅和全寬顯示器之間切換區塊 (如果網站佈景主題提供支援的話。)
  • 在左側顯示媒體,右側顯示文字,反之亦可。

區塊設定

除了區塊工具列中的選項以外,編輯器側邊欄也會顯示每個區塊的特定選項。如果看不到側邊欄,只要按一下「發佈」按鈕旁的「小齒輪」圖示即可。

區塊設定位於側邊欄中。

媒體及文字設定

你可以選擇將媒體和文字相互堆疊,這個作法適用於行動電話,對於使用較小螢幕檢視網站的使用者來說相當實用。

媒體及文字 - 於行動裝置上以堆疊方式顯示內容元素
於行動裝置上以堆疊方式顯示內容元素之設定

如果要區塊中的媒體及文字在行動裝置上並排顯示,內容可能會太小而無法在行動裝置上查看。啟用於行動裝置上 以堆疊方式 顯示內容元素後,左側的內容將顯示在右側內容的上方。此作法可為行動裝置訪客提供更好的瀏覽體驗。


文字設定

若要編輯字體大小、取消大寫等文字設定,可以按一下媒體及文字區塊中的段落區塊。


顏色設定

區塊的文字側可以設定背景顏色,讓你突顯出重要內容。

媒體及文字區塊 - 色彩設定
顏色設定

進階

進階分頁可讓你將 CSS 類別新增至區塊,以便編寫自訂 CSS,並視需要設定區塊樣式。

進階區段可讓你新增 CSS 類別到區塊。
進階區段可讓你新增 CSS 類別到區塊。

Not quite what you're looking for?

取得說明