PageBuilder

自由組合，隨心所欲

webblize提供的設計版塊已內建自適化RWD功能，基本模塊主要分為 "Full滿版" 與 "Padding限寬版" 兩種，版塊內可安置圖片，文字，影片，按鈕與表單等功能元件，讓你隨心所欲完成頁面設計與流程規劃。

# Padding 01

內容編輯器PageBuilder，以新增屏為單位的模塊來自由發揮，可以透過頁面上的加號按鈕新增您想要的模塊於畫面之中，亦可在其他模塊上方或下方選擇安置新模塊，透過模塊設定可以改變模塊的顏色與內容寬度等編排樣式。

依欄位的需求來選擇模塊置入，以屏為單位可以移動或刪除

每個模塊皆可替換配色，調整內容顯示比例

模塊內皆可視需求安置更多元件

# Full 01

透過介面可自行上傳底圖，並可調整模塊高度與內容寬度等樣式設定，視需求亦可新增更多元件於內容區塊內

H Fonts

H1 Size and Color

H2 Size and Color

H3 Size and Color

H4 Size and Color

H5 Size and Color

H6 Size and Color

P Fonts

P1 Size and Color

P2 Size and Color

P3 Size and Color

P4 Size and Color

P5 Size and Color

P6 Size and Color

# Full 02

# Full 02

# Padding 02

系統模塊不僅可以編輯內容，你也可以實現區塊的進場效果Slide Up 和 Fade In，讓整體閱讀更流暢，並且進場效果可以設置：同時發生Simultaneously，與批次發生Batch兩種選擇

此展示模塊行動版本為左上右下

# Padding 02

# Padding 02

# Full 03

# Full 03

# Full 03

# Padding 03

# Padding 03

# Padding 03

# Full 04

# Full 04

# Full 04

# Full 04

# Padding 04

# Padding 04

# Padding 04

# Padding 04

# Full 05

# Full 05

# Full 05

# Full 05

# Full 05

# Padding 05

# Padding 05

# Padding 05

# Padding 05

# Padding 05

# Full 05

# Full 05

# Full 05

# Full 05

# Full 05

# Padding 06

# Padding 06

# Padding 06

# Padding 06

# Padding 06

# Padding 06

# Padding 02

type text here

# Padding 02

type text here

Background Image Efftct

在 webblize 系統中，您可以透過底圖設定，輕鬆完成捲動視差效果： SlideDown，Fixed，ZoomIn，ZoomOut

# Padding 02

type text here

# Padding 02

type text here

# Padding 03

type text here

# Padding 03

type text here

# Padding 03

type text here

# Padding 03

type text here

Clip : Collapse

Clip : Contact Form

Clip : YouTube

Clip : Vimeo

Clip : Button

按鈕大小與型態可供選擇，按鈕名稱與連結皆可自訂

Clip : Action Button

可設置呼籲按鈕，讓使用者用更簡便的方式與您接洽