Helix專區

Helix專區提供 Helix3, Helix Ultimate 和 SP Page Builder 相關訊息與教學文件

複雜的欄中列與自訂分割,只需簡單做,網頁製作創造無限可能!

會員評分:  5 / 5

啟用星號啟用星號啟用星號啟用星號啟用星號
 

在欄裡面放一列、列裡也可以分割多欄,多了層次,列的編輯可以更彈性的運用。有個這個功能,不再只是想著一列要切割成幾欄的問題了,頁面更豐富了,真的是很棒的設計。

 

在欄裡面,增加一個列。所以,就變成列中列。列裡面也可以有列,就在欄裡面。看似很複雜,但是了解了,做法其實很簡單,你還可以有很多創意去規劃頁面。

因為每個列、每個欄、每個附加元件(addon)都可以做不同的背景、動畫效果設計。所以,也就多了層次。

 

後端編輯畫面:

sppb row in col 9 57ada

 

以上設計呈現結果如下:

sppb row in col 12 0126c

 

除了後端編輯之外,也可以使用前端編輯來做

 

sppb row in col 13 75e5b

 

SP Page Builder 這個欄中列自訂分割的功能,我在其他 Page Builder 都找不到這種做法。

這讓網站設計者在頁面的編排與設計上,多出了很多彈性與變化,創造更多的可能,而不再只是畫面上簡單的方塊分割。

 

嘗試做看看吧! 或是從範本裡面放進來研究一下。

 

想要學習更多 SP Page Builder 的實用技巧嗎? 歡迎加入我們

 

課程名稱: 使用SP Page Builder,快速建立網站頁面

 

 

Image

酷!只要有頁面範本,就可以做一個網站。SP Page Builder頁面編輯器 提供80種漂亮的版型、547個頁面讓你使用,幾分鐘就可建立網站頁面(範本持續增加)。

最新 Tech Agency 技術機構

uucar 救援小英雄

uucar 救援小英雄

汽車道路救援,24小時服務零距離
簡單定位搜尋,
快速找到可靠車廠,讓你輕鬆獲救!

 

LINE 官方帳號設計

EC9 LINE官方帳號設計

#LINE OA
#LINE API 外掛模組
#LINE 官方帳號設計
#LINE官方帳號與Web程式串接

 

payment fm paypayment 711 paypayment ecpaypayment paypalpayment masterpayment visa

加入LINE好友

line pic

給你最新的學習情報!

服務專線:04-23209259