區塊

區塊 »封面區塊

你可以新增「封面」區塊,讓文章或頁面的外觀既時尚又專業。

新增封面區塊

按一下 +插入程式圖示即可開始使用。你也可以在新的段落區塊中輸入 /cover,然後按下 Enter,以快速新增封面區塊。

使用斜線命令 /cover 以插入封面圖片。
使用斜線命令 /cover 以插入封面圖片。

你可以在此處查看新增區塊的詳細說明。


新增圖片

建立區塊之後,你有兩個選項,分別是「上傳」「媒體庫」。「上傳」可讓你從裝置上傳新圖片,「媒體庫」則讓你選取已上傳到網站「媒體庫」的圖片。


新增文字和其他內容

你已選取封面圖片,現在可以在上面編寫標題。例如,你可以使用此功能為文章或頁面的新區段設定標題。你也可以新增其他區塊顯示在「封面」區塊頂端,例如「按鈕」區塊「段落」區塊


區塊工具列

每個區塊皆提供獨特的工具列圖示和區塊特定的使用者控制項,可讓你在編輯器中直接操作區塊。

「封面」區塊提供多個工具列選項。
「封面」區塊提供多個工具列選項。
對齊

與許多其他區塊一樣,你可以透過工具列,將「封面」區塊靠左對齊、靠右對齊或置中。使用靠左或靠右對齊選項時,你可以在「封面」區塊旁邊新增另一個區塊。

「封面」區塊也有「寬幅」和「全寬」對齊選項,可用於建立獨特的頁首和全螢幕效果。這兩個選項只適用於支援此類對齊方式的佈景主題。

「寬幅」會直接分隔邊界欄,而「全寬」會延伸至頁面兩側寬度。
「寬幅」會直接分隔邊界欄,而「全寬」會延伸至頁面兩側寬度。
內容位置

使用「內容位置」選項可以調整文字和其他內容在圖片上的位置:

封面區塊–內容位置選項
使用「內容位置」移動區塊內的內容
取代圖片

這是「封面」區塊工具列的另一個選項。選擇「取代」可以為區塊選擇新的圖片檔案。如果你需要取代「封面」區塊中的圖片檔案,請使用此選項。


區塊設定

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

區塊設定位於側邊欄中。
區塊設定位於側邊欄中。
樣式

使用「封面」區塊設定中的「樣式」,可以在封面圖片的頂端或底部增添波形效果。

背景固定位置

你會在側欄的區塊設定中,看到固定背景的切換。固定背景位置表示封面圖片會與你的頁面一起捲動。關閉此選項會將圖片嵌入到固定位置,因此圖片不會捲動。

將你的封面區塊變成固定圖片。
將你的「封面」區塊變成固定圖片。
焦點選擇器

如果關閉了固定背景選項,會顯示焦點選擇器。此工具可讓你識別相片重點並加以突顯。按一下選擇器將其拖曳到所需的位置,或使用下方的水平和垂直位置百分比手動設定。

尺寸

你可以設定封面圖片的最小高度 (以像素為單位),確保無論使用哪種尺寸的螢幕檢視頁面,顯示的高度至少永遠都是你設定的高度。

覆疊色彩

使用覆疊色彩選項,就可以將色彩覆疊新增至封面圖片。依預設,這是灰色的透明覆疊,但你可以使用覆疊色彩選項,將該顏色切換為你選擇的任何其他顏色。

新增色彩覆疊,並設定其不透明度。
新增色彩覆疊,並設定其不透明度。
不透明度

使用此滑桿即可設定封面圖片覆疊的不透明度。將滑桿向上移動到 100,覆疊就會變得較暗,而且更不透明;將滑桿向下移動到 0,覆疊就會變得更亮,而且更透明。滑桿移動到 100 時,覆疊會完全不透明,而且無法再看到封面圖片。滑桿移動到 0 時,覆疊會完全消失,只留下你的圖片。

如果你要新增標題到封面圖片,建議至少將覆疊設為較不透明,這樣標題才會更容易閱讀。


封面區塊中的影片

你的網站有進階版商務版電子商務版方案嗎?你可以在「封面」區塊中使用影片!.mp4 格式的影片最適合,但你可以自由上傳其他格式的影片;你可以瀏覽我們的 VideoPress 常見問題集,瞭解「封面」區塊可接受的格式。

像平常一樣插入「封面」區塊,然後從已上傳的影片中選擇要新增的影片 (不是圖片),或者直接上傳影片也可以:

錄製:插入「封面」區塊,選擇從媒體庫插入圖片,然後在媒體庫快顯視窗中選擇「影片」分頁。

然後你可以選擇要插入的影片,並調整區塊的寬度設定:

錄製:選擇要插入區塊的影片並調整區塊寬度。

現在你可以在封面影片的頂端新增任何文字或按鈕!


進階

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

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

Not quite what you're looking for?

取得說明