返回支援 內容和媒體 區塊 並列的藝廊區塊

並列的藝廊區塊

使用並列的藝廊區塊,以井然有序的並排版面配置顯示多帳圖片。

教學課程影片

新增並列的藝廊區塊

若要新增並列的藝廊區塊,請按一下「+ 區塊插入工具」圖示,然後搜尋「並列」。按一下即可將區塊加入文章或頁面。

新增並列的藝廊區塊。
新增並列的藝廊區塊

💡

你也可以在新的一行用鍵盤輸入 /tiled,然後按 Enter 快速新增並列的藝廊區塊

透過斜線插入工具新增並列的藝廊區塊
透過斜線命令新增並列的藝廊區塊

此處有新增區塊的詳細說明。 

新增圖片

新增並列的藝廊區塊後,系統會提供兩個選項:「上傳」和「選取圖片」:

新增圖片至並列的藝廊
新增圖片至並列的藝廊

上傳」可讓你從電腦上傳新圖片或多張圖片到網站。

選取圖片」可讓你從媒體庫選擇過去上傳的圖片,或從 Google 相簿Pexels 免費相片圖庫或 Openverse 選擇圖片。

區塊工具列

新增完圖片後,按一下區塊即會顯示選項工具列:

上層並列的藝廊區塊工具列
並列的藝廊區塊工具列

並列的藝廊區塊工具列有以下幾個選項:

區塊設定

按一下區塊,右側邊欄會出現其他區塊設定。如果沒有出現側邊欄,可能需要按一下右上角的 ⚙️ (齒輪) 圖示叫出設定。

區塊設定位於右側邊欄中。
區塊設定

並列的藝廊區塊有以下設定:

樣式

並列的藝廊區塊讓你以四種樣式顯示圖庫中的圖片:

  • 磚形馬賽克
  • 圓形
  • 方磚
  • 並排的欄
並列的藝廊區塊樣式設定

💡

你也可以啟用/停用圖片輪播及其設定 (如背景顏色、顯示/隱藏相片中繼資料及留言)。

圓角

並列的藝廊區塊包含圓角選項,可套用至所有新增到圖庫的圖片。

連結設定

並列的藝廊區塊設定中,有三種連結圖庫的選項:

  • 附件頁面:這個選項會將點擊圖庫中圖片的所有人引導至網站的附件頁面,該頁面是關於圖片的資訊頁面,其中包括圖片、說明文字、圖片描述和留言欄位。
  • 媒體檔案:這個選項會在全螢幕隨選區中載入圖片,你的訪客可以一次瀏覽一張圖片。如需調整輪播設定,請檢視媒體設定
  • (預設):這個選項會將圖片設為無法點擊,讓圖片不與任何東西連結。
顏色設定

顏色設定可讓你變更並列的藝廊的背景顏色。

並列的藝廊區塊顏色設定
Copied to clipboard!