利用圖片排列方式加上影片組合，讓網站排列更美觀~
快來看看如何運用吧!
我們先看看這個功能，其他客戶是如何運用的呢~
首先第一列的圖片比較長
第二、三列圖片以正方形顯示
第四列放FB粉絲團、IG粉絲團跟LINE@帳號的連結，營造不同版面效果
若要新增第五列，只要再往下新增banner就可以了~可以無限往下延伸喔!
<後台操作>
在頁面維護>中間元件的區塊，新增【圖片與FB/YOUTUBE組合1 jo】元件
1.點選”內容”進入維護
2.點選新增
3.新增【影片】
主標題：可輸入影片的名稱讓管理員可以辨識即可
youtobe連結：把youtube影片的網址直接複製貼上在此欄位即可
記得填完之後按編輯儲存。
3.新增【FB粉絲團】
主標題：可輸入FB的名稱讓管理員可以辨識即可
FB連結：把FB粉絲團的連結網址直接複製貼上在此欄位即可
記得填完之後按編輯儲存。
4.新增【圖片連結】
主標題：輸入標題文字，前台滑鼠滑過這張圖片時，下方會展開此標題文字
主標URL：點選圖片連結的網址，可放網站商品連結網址或是其他活動頁面網址
連結開啟型態：若連結網址是連到外站平台，建議可使用”另開新視窗”，這樣消者才不會回不來我們的網站喔!
上傳圖檔：點選”選擇檔案”把圖檔上傳到伺服器，圖片建議尺寸：300*300
編輯完成後記得按下方的:”編輯”存檔!
5.更改排列順序
如果想要更改排列順序，在列表頁點選標題上下拖曳，即可更改排列的順序~
*這顆元件功能是一列顯示三則訊息，建議要新增內容是以三則為一組，顯示效果才會比較好喔!
前台頁面顯示參考：https://www.joo.com.tw/sample2/index.php?action=417
元件編號no.417圖片與FB/YOUTUBE組合1 jo