webblize 實現您的網站
  • Demo 展示
  • Features 功能
    • 網站設計
    • 電子商務
  • Plan 方案
  • Start 開始
  • Learn 學習
  • 申請試用
Mobile nav

內容編輯

讓您的創意不再受到技術限制,快速創建令人驚艷的頁面,webblize為了達成更好的編輯體驗,研發了內容編輯器PageBuilder,提供多樣的選擇與功能,滿足各式創造力與實務流程上的需求,給您在編輯上最美好的體驗。

操作示範影片

版塊的使用方式

如何透過安置版塊來完成頁面

Video

元件的使用方式

如何在版塊內安置所需要的元件

Video

版塊介紹

 

內容編輯器PageBuilder,是以屏為單位,並以直欄為編排規則的版塊來自由發揮,您可以透過頁面上的加號按鈕,新增需要的版塊於畫面之中,亦可在其他版塊上方或下方選擇安置新版塊,透過右上角箭頭的按鈕可以改變排列順序。版塊本身內部可以再依照需求安置更多元件,元件選擇有:圖片/文字/按鈕/影片/表單...等物件,已安置於畫面上的版塊與元件都可以做移除動作,只需要點擊物件上出現的垃圾桶,該版塊或元件即會由畫面上移除,請記得任何變更都需點擊下方的儲存按鈕。以下為各類型的版塊類型介紹:

基本版塊展示    圖片集版塊展示
滿寬版面

此類型版塊將顯示全畫面寬度。

限寬版面

此類型版塊將顯示間距分隔寬度。

圖片集

在這裡您可以建立多張圖片如Slider,Gallery的系列呈現。

產品

電子商務版本專用版塊,當您安置此類模塊於頁面中,即可透過設定來決定要顯示的商品。

進階

此區塊為會編寫程式使用。 可以選擇使用 HTML、CSS 或 JS 創建自己的內容。

部落格

建立您的文章列表,當您安置此類模塊於頁面中,即可透過設定來決定要顯示的文章。

透過以下各類型版塊說明介紹,可以更了解版塊的選擇,讓內容編輯更加靈活快速:

滿寬版面

 

此類型版塊將顯示於頁面全畫面寬度 ; 透過介面可選擇需要欄位數的版塊,每個版塊皆可設定配色與進場效果,並可於元件上方或下方安置更多元件或移除不需要的元件,讓版面資訊編輯更輕鬆簡單。

限寬版面

 

此類型版塊皆可自由設定內容顯示的寬度與高度 ; 透過介面可選擇需要欄位數的版塊,每個版塊皆可設定配色與進場效果,並可於元件上方或下方安置更多元件或移除不需要的元件,讓版面資訊編輯更輕鬆簡單。

圖片集

 

在這裡版塊可以建立多張圖片的系列呈現:

  • 全屏式圖片集
  • 內距式圖片集
  • 相本式圖片集

產品

 

電子商務版本專用版塊,當您安置此類版塊於頁面中,可透過版塊設定來決定要顯示的商品。

  • 產品列表
  • 推薦產品

 

 列表中的商品可依照以下方式載入:

  • 全部商品:商品模組裡的所有商品。
  • 分類:此選項可依照商品的分類(單選)或標籤(可複選)擇一方式載入。

 

注意:請確認關聯商品與分類是否為上架狀態。

進階

 

為有編寫程式的使用者專用版塊。 可以選擇使用 HTML、CSS 或 JS 創建自己的內容。 要編輯程式碼,請在置入後單擊左上角的編輯“鉛筆”按鈕。

部落格

 

此區塊為文章專用版塊,透過此版塊將文章列表帶入至頁面中,讓編輯更靈活。

版塊設定操作說明

 

若你已安置好所需的Block後,您可以通過點擊右上角齒輪選單,更改配置和色彩與效過。其中包括:

 

格式:

格式中包含以下設定值供選擇,上方內距,下方內距,內容寬度,內容水平對齊,您可以視版面需求調整。

 

色調:

您可以從六種調色板中選擇。如果您希望變更目前色彩配置,您可以直接點擊視窗最下方“編輯”,將會顯示“顏色設置”視窗。

 

效果:

系統提供淡入,滑動為此塊的內容添加效果動畫。可設定同時出現還是分批出現。

圖像設置說明

 

將滑鼠停在圖片元件上,元件左上角會出現一個“鉛筆”編輯按鈕,點擊後使用圖片的方式有兩種。

  • 上傳:將從您的電腦上傳照片。

  • 使用圖庫:點擊放大鏡按鈕,將開啟網站圖庫,圖庫裡有已上傳過的圖像。

 

圖像編輯:

  • 圖像皆可選擇裁切或選擇比例。

  • 選擇圖像透明度。

  • 設定黑白圖像。

  • 設定圖像連結。

 

圖像效果:

可添加視差捲動效果(限底圖使用)。

元件一覽表

 

您可以依據版塊的欄位來安置更多所需要的元件。以下為提供的元件類型:

文字
你可以隨處的新增文章字段。
按鈕
你可以透過按鈕引導訪問者。
呼籲按鈕
訪問者可以點擊此按鈕,透過視窗留言來互動聯繫。
圖片
可以透過上傳新增或由圖庫搜尋,選擇的圖像皆可選擇圖片比例。
影片
提供 Youtube / Vimeo 選擇。
空白
可以插入空白區塊,使編排更佳容易閱讀。
水平線
可以插入水平線,來使編排更佳容易閱讀。
聯絡表單
訪問者可以透過此表單來聯繫管理人員。表單可以自行定義欄位與自訂收件者Email。
折疊文字
透過折疊文字,可以縮短頁面長度,增加易讀性。
EDM訂閱
可以在任何頁面安插此功能,訂閱名單將會留存於電子報訂閱模組中。
表格
可自訂表格欄位數量與內容編輯

Be Better Than Yesterday

Growing with the brand, admiring how projects come together piece by piece.

  • 概念
  • 支援
  • 說明
  • 合作
  • 聯絡
follow us on facebook

Copyright © webblize.com

  • Demo 展示
  • Features 功能
    • 網站設計
    • 電子商務
  • Plan 方案
  • Start 開始
  • Learn 學習
  • 概念
  • 支援
  • 說明
  • 合作
  • 聯絡