「行銷畫布」網頁編輯器 功能懶人包

 


關於編輯器裡的內容元件

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

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

  1. 獨立選單(供單一頁面使用、選單項目可以設定為連結或本頁錨點段落)
  2. 文字編輯區(可以編輯html原始碼)
  3. 單張圖片 (PC 和手機的圖可分開上傳)
  4. 多張圖片輪播
  5. 影片(支援 Youtube,FB)
  6. URL 左右排列
  7. URL 上下排列
  8. Embed 插件功能(支援 iframe,Javascript 的插件)
  9. 商品櫥窗(可以顯示原價及優惠價)
  10. 分類頁面(可以顯示屬於同個類別的其他頁面、作為延伸閱讀的區塊)

獨立選單


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

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


文字元件與編輯佈局

文字區塊

就是使用編輯列處理文字相關的編排,也可以上傳及插入圖片;熟習html的話,也可以編輯原始碼做簡易的排版調整。

文字元件的特色是可以選擇 1 欄,2欄,或 3 欄編輯佈局,在 PC上會依照你設定的欄位展示,但手機畫面有限,所以手機會依照 RWD 自適應特性 1 欄顯示。




元件佈局

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

1. 58%(7/12)的螢幕寬度

2. 83%(5/6) 的螢幕寬度

3. 100% 佈滿整個螢幕寬度

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


這是一個寬度窄 (58%螢幕寬度)、單一欄的文字版塊

這排整體寬度適中 (83%螢幕寬度)

佈局呈現單行兩組的文字版塊

一排分兩組的文字佈局,

十分適合在一邊放上圖片、另一邊則擺放文字。


另外,也有滿版且分三組的佈局可以選擇。










除了文字之外,

文字版塊也可以放置圖片、設定背景等。


也能放些小型插件,像這樣:

影片

利用嵌入影片功能,播放Youtube及Facebook影片。

插入圖片 & 圖片Slideshow

以佈局的寬度 100% 呈現,高度自動

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

    

連結排列

嵌入網址時,自動縮圖擷取網頁標題

可選擇左右擺放或者上下並列

適合用來做相關文章延伸閱讀

   

URL 左右擺放

URL 上下排列

商品櫥窗

適合用來做商品賣場連結


Embed 插件功能

分類頁面

可嵌入分類頁面版塊,將分類下的文章拉出做延伸閱讀

全部
行銷畫布功能介紹
行銷畫布設定撇步

 

這是一場數位編輯大革命

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

馬上行動 

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

icon_BackToTop