P1作品集區塊可以應用於多種商品的介紹或商業見證的案例，這次TinyBook將會告訴大家，如何進行「P1作品集」的區塊顯示切換，讓版面有更多元的呈現方式哦！

本單元將簡單介紹P1作品集區塊的切換及功能示範


一、P1作品集區塊如何介紹

首先教大家如何新增P1作品集的區塊，一樣點進「首頁編輯」

進到首頁編輯的後台之後，點選上方的「新增區塊到上方」，新增P1作品集區塊

 

接著這邊選擇「作品集」、「P1作品陳列」，以圖片陳列為主要顯示版型

新增完成後，點選「P1-作品陳列」的編輯按鈕，開始編輯「P1-作品陳列」

（一）文字顯示於圖片遮罩

點選「版面內容」，可以看到「文字展示方式」，預設為「文字顯示於圖片遮罩上」，文字會於滑鼠移到該圖片上方時，顯示第一張圖片的標題及說明文字

如果選擇「文字顯示於圖片下方」的選項，則會如紅框處般顯示標題及說明文字

（二）圖片尺寸切割

下方可以看到「圖片尺寸切割」的選項，預設為方形切割方式，如右邊紅框顯示

如果選擇「圓形」的圖片顯示方式，則作品圖都會以圓形做切割呈現，除此之外亦有「4:3」、「16:9」等不同的尺寸可以進行調整

（三）調整圖片間距

接著點選上方的「字級間距」，這邊可以調整「排列方式」及「商品圖的間距」；點選「每排張數」，可以看到預設為四張圖片排一排

點選「每頁張數」調整為「3」，就可以看到更改為三張圖片排成一列，除此之外還有「2」和「1」的選項，可以自行選擇和調整

接著看到下方的「圖片間距」，預設為正常的寬度，點選後即可進行調整

若將間距調整為「圖片緊靠」，即可看到圖片間隙變得緊密相連，透過更改此選項，可以調整圖與圖之間的間距比例

（三）調整欄位寬度

下方的「寬度on電腦」部分則是設定該區塊的寬度，如下圖所示為「長」的尺寸

若調整為「中等」，則欄位顯示會較小

調整為窄的話，則相比起來會更為窄小

完成更改之後，就能製作出最適合自己商家的陳列區塊囉！

 

透過P1作品集區塊的調整，可以進行商品及見證的陳列，也可以自由調整圖片的呈現方式來符合商家的需求；除了P1作品集以外，TinyBook其他的頁面區塊也都能進行不同的調整，想知道如何製作最符合自己需求的版型頁面嗎？快閱讀下方文章，繼續學習吧！

 

TinyBook 頁面區塊相關文章：