「行銷畫布」網頁編輯器

 功能懶人包

 

關於編輯器裡的內容元件

行銷畫布的頁面設計是由內容元件版塊疊加做成的,我們提供多種內容元件,你可以任意添加、複製及搬動。

每個內容元件的展示設計不同。未來我們會陸續新增不同的內容元件,豐富頁面的互動與視覺。


使用行銷畫布編輯器架站
就像是堆積木一樣
可以自由拼湊想要的區塊

每一區都是一個元件板塊
透過板塊的剪下、複製、貼上
可以使用在多個頁面

透過兩個超重要的按紐
你可以新增、管理各個板塊!

新增元件

板塊管理

分別會在板塊與板塊的交接的左上角和板塊的右上角分別會在板塊與板塊的交接的左上角和板塊的右上角


元件種類

點擊編輯器左邊的 "+",新增區塊時可選擇以下元件:

獨立選單


供單一頁面使用、選單項目可以設定為連結或本頁錨點段落

可將獨立選單釘選於上方方便使用者閱覽網站

並提供多種款式替換不同情境下使用

文字元件與編輯佈局



文字板塊是最有彈性的元件之一,除了使用編輯列處理文字相關的編排,也可以插入圖片及表格;

如果熟習html的話,也可以編輯原始碼做進階的排版調整。




元件寬度

是指內容顯示的寬度,我們提供3種PC的寬度佈局,按%設定

58%(7/12)的螢幕寬度
83%(5/6) 的螢幕寬度
100% 佈滿整個螢幕寬度

手機上螢幕小,所以都是100% 佈局


板塊設定


元件佈局

在 PC上會依照你設定的欄位展示,但手機畫面有限,所以會依照 RWD 自適應特性1排 1 欄顯示。

1排1大區塊
1排切割2區塊
1排切割3區塊

(如下圖)


板塊設定



圖片、圖片輪播

   


使用圖片元件時,PC 和手機的圖可分開上傳
以佈局的寬度 100% 呈現,高度系統自動設定
每張圖片皆可設定網址連結

使用圖片輪播時,建議使用同等寬高比例的圖片,換圖效果才能一致

影片



利用嵌入影片網址的功能,直接在網頁上播放Youtube及Facebook影片。


相簿



支援多張圖片的陳列,可點擊看個別圖片、也可設定連結到另一個網頁
提供不同版型選擇

卡片元件



輪播或連排展示圖文卡片,如商品櫥窗或推薦文章
可輸入網址、系統自動帶入該網頁標題及縮圖

可選擇不同卡片版型

分類頁面



分類頁面板塊會將指定分類呈現屬於同個分類的網頁、適合做為延伸閱讀、相關文章時使用

嵌入原始碼


市面上有很多已經做好的小工具
都提供插件功能,可嵌入iframe或JS碼

 

這是一場數位編輯大革命

好玩的行銷畫布,讓企劃編輯工作者發揮無窮的創意空間

馬上行動 

本頁面由發燒互動最新上線的「行銷畫布」編輯器製作。

icon_BackToTop