相簿小工具

小工具介紹

相簿是圖片和圖片說明的組合，可透過多種方式呈現。圖片小工具可以呈現出類似的是視覺效果，但相簿小工具更具彈性，較不受網頁框架限制。相簿分為內容（圖片、標題、說明）和設計。

小工具設置

在小工具設置中設置相簿。

1. 新增相簿小工具，如何 新增小工具。

2. 在相簿小工具上點擊滑鼠右鍵，打開相簿設置。如何 設置小工具

   

相簿設置

在設置視窗的 相簿設置 頁籤中新增相簿內容。接下來，您可以在 設計 頁籤中設置相簿內容及風格設計。

1. 將滑鼠移動至相簿設置視窗左上方的 + 上傳（或視窗中央的 上傳按鈕）上。

   

2. 點擊上傳圖片或上傳影片。
3. 從您的電腦上傳圖片，或輸入影片連結（YouTube 或 Vimeo）。
4. 相簿名稱預設為未命名相簿#＿。 建議輸入容易辨別的名稱，以便管理。

5. 圖片標題/說明/連結：點選上傳的圖片/影片，可分別為每項目輸入標題、說明、加入連結或其他功能（打電話、發送簡訊、電子郵件、附加文件、視頻、分享到社交、氣泡話框、代碼、新商品、彈出窗口等）。

   

   

6. 點擊相簿設置視窗外的區域以完成設定。

相簿設計

相簿的顯示具多種呈現方式。 有別於圖片小工具， 相簿的細節設計不受網格系統的限制，可在單列中呈現1~12個顯示數量。在相簿的設計中,首先要做的就是選擇相簿的風格，點擊其他風格按鈕,選擇想要的風格。

相簿風格

Imweb提供多種相簿設計風格，相簿的風格大致分爲3類，共提供11種。點擊設置視窗中想呈現的樣式，即可更改相簿風格。

1. 網格相簿：按固定比例，如棋盤具有一定的形狀、大小呈現。
2. 瀑布流相簿 :按照圖片原始比例呈現，不規則的分佈在小工具範圍內。
3. 輪播相簿：採用輪播展示各種圖片的方式。

設計細節設定

1. 列表：選擇圖片比例，顯示的數量和間距等設定。
2. 文本：調整文字相關設定。包括文字大小、填充和對齊方式。
3. 圖片效果：設定放置滑鼠時的陰影顏色、圖片的圓角(倒角)程度以及邊框線條寬度及顏色。

延伸閱讀

了解如何在相簿小工具中連結Instagram帳號