圖片版塊 ✔ 正確使用方式

適用於已經整體設計好的主視覺， 不管什麼瀏覽器，主視覺都會穩穩地，絕對不會被裁切

撇步：

1. 右邊齒輪  元件寬度開好開滿

2. 背景色 就設同色系

↓↓示範如下↓↓

文字版塊 ✔ 正確使用方式

適用於有一張未壓字的背景圖、藝術字要分開上傳或要打字上去的情境

把藝術字圖層跟背景圖分離的撇步：

1. 把主視覺上的slogan藝術字或logo，從主視覺分離出來，存成PNG去背檔，用插入圖片功能放進去。
這個做法的好處是，在手機上看這個板塊，藝術字的圖層不會跟著背景圖縮小。

2.主視覺的藝術字的圖可以設定替代文字，讓google可以讀懂這張圖的文字，SEO效果加分加分!!  

(點一下你插入的圖片就會看到這個功能列)

↓↓示範如下↓↓

【示範一】

【閱讀會帶你認識世界】這段文字是在編輯器裡面打字打出來的，你可以圈選看看! 這樣才會有SEO效果

【示範二】

右下角的【音樂陪你一起健康生活】是一張去好背(去底色)的藝術字設計，與背景圖片是分離的唷!可以用滑鼠拖曳看看~

文字版塊 ✖ NG使用方式

把主視覺放在背景圖功能裡就是No Good!!

因為，背景圖功能適合於無字情境圖的使用，像上面的使用方式
背景圖功能有時候為了滿版會裁切四邊的範圍，所以不適合拿來放需要完整呈現的主視覺圖

↓↓示範如下↓↓