頁面編輯 # 使用SP Page Builder，快速建立網站頁面

2024-12-22, 週日

關於我們 / 🔔 學員快訊 / Joomla 4.0 專欄

登入

我的教室訂閱課程

學員登入帳號，第一次使用課程之前。請先點選「取得此課程」按鈕，啟用要使用的課程！

頁面編輯 # 使用SP Page Builder，快速建立網站頁面

講師: Jimmy
發行: 2019-11-09
等級: 初級
時數:
價格: 「JOOMLA架站課程」方案學員免費使用

取得此課程

安裝SP Page Builder Pro

7分 20秒
更新：SP Page Builder 與 Joomla 4 相容

文件
要如何增加新頁面?

8分 49秒
如何讓頁面顯示在網頁上？有幾種方式

文件
認識列(Row)與欄(Column)

4分 42秒
列與欄的進階技巧，快學起來

5分 9秒
欄裡面還可以有列，讓頁面編輯更彈性

文件
後端編輯功能介紹(準備中)

文件
超好用的前端編輯(準備中)

文件
頁面的匯出與匯入

文件
範本：Blocks與Layouts的差異

文件
SP PAGE BUILDER 模式 - 使用頁面，讓文章的內容變得更好看

文件
使用形狀(Shape)創造不一樣的效果

文件

前端編輯技巧

頁面範本

其他

如何更新SP Page Builder?

文件
啟用延遲載入，加快頁面載入的速度

文件
直播錄影：SP Page Builder Pro 的授權及更新方式

30分 38秒

分享影片 Shared Videos

SP Page Builder 動畫好好玩

24分 24秒
直播錄影：Helix Ultimate & SP Page Builder Pro 線上教學分享

75分 12秒
直播錄影：在SP Page Builder頁面使用自己的Slider模組 - Smart Slider 3

6分 8秒

常見問題

為什麼版本更新了，ADDON功能還是舊的？

文件

實用技巧

頁面簡介與頁面範本的使用

12分 48秒
SP Page Builder 自訂的設計可以重複使用

5分 27秒
在SP Page Builder頁面使用自己的Slider模組 - Smart Slider 3

6分 8秒
列的編排技巧，兩列五個元件怎麼排？

8分 20秒
附加元件的複製搬移與重複使用

5分 46秒
列的複製搬移與重複使用

5分 14秒
如何在不同裝置上，使用不一樣的圖片？

文件
不同網站間列與元件的複製

文件

網站實作應用

使用邊框與位移效果，實作立體陰影看板

文件

說明

在做網站的時候，最傷腦筋的，可能就是網頁上要放些什麼? 要怎麼編排?

就像在自己前面放了一張白紙，頓時腦筋一片空白...

或許資料都準備好了，但是要怎麼放才會比較好看呢?

使用SP Page Builder可以幫你快速建立網站頁面。它提供了很多的附加元件(addons)，可以讓你快速拖放到編排的頁面中。

沒錯，使用拖放(drag&drop)的方式最直覺了。

你可以在頁面中隨意放置各類型的附加元件，包含文字、圖片、影片...，還可以放入Joomla的模組。

使用SP Page Builder可以很輕鬆的調整它們的位置，設定要顯示的樣式及動態的效果。

在這個課程，我們會完整的介紹SP Page Builder Pro 和它的附加元件(Addons)，讓你快速熟悉SP Page Builder Pro的各項功能。

做一樣的工作，想要節省更多的時間嗎? 試試SP Page Builder吧!

SP Page Builder 工作檔案下載區(課程使用的練習檔)

價格

學員免費

講師

Jimmy

網站

部落格

Facebook

想上課，但是擔心講師的功力或教學經驗不夠嗎?

不用擔心，講師有豐富的網站製作、程式開發、系統管理與教育訓練教學經驗。

網站程式
Javascript
Ajax
PHP
MySQL

系統管理
FreeBSD, TrueOS(舊名PC-BSD)
CentOS, Debian (Linux)

內容管理系統
XOOPS
Mambo
Joomla
WordPress

目前以Joomla為主，並加入WordPress網站製作與教學

網站製作
15年以上網站管理系統及專案程式開發(PHP & MySQL)
10年以上Joomla網站製作經驗

教育訓練與教學
企業內部Joomla網站系統教育訓練
Joomla網站推廣教育訓練

系統開發與設計
超級管家商品管理系統
 uucar 汽車道路救援平台

長期經驗累積，並且專注於Joomla及套件管理與程式開發。

為什麼我選擇Joomla做為網站的主要平台？

雖然我使用過XOOPS, WordPress...，但卻還是以Joomla主要的網站平台。因為Joomla的使用介面及架構清楚、比較彈性，而且可以做得更多...這一點對於網站的製作者非常重要，因為可以更彈性的為客戶製作網站，功能也比較不受限。

此講師的課程

名稱	等級	發行日期
Joomla 2.5 網站管理入門		2013-08-20
JOOMLA架站課程		2013-08-15
Akeeba Backup 網站備份/還原/遷移		2020-08-20
Joomla 3 網站實作 - Dora 咖啡館		2015-09-15
Joomla 3.8 網站管理入門		2018-07-07
頁面編輯 # 使用SP Page Builder，快速建立網站頁面		2019-11-09
J2Store建立購物網站參考影片 - Lanlan Jours		2018-06-25
[30分鐘快速架站] 帶您使用Helix和Page Builder快速建立公司網站		2018-10-18
Joomla 3 網站功能應用與實作展示整理		2018-11-30
Helix3介紹與實作影片整理		2018-11-30
Akeeba Social Login 免費社群登入按鈕(網站必備)		2018-12-04
使用 J2Store Pro 建立購物網站		2019-01-05
使用XAMPP建立網頁伺服器，安裝測試網站帶著走		2018-12-11
[Vlog] 2018年12月		2018-12-26
[Vlog] 2019年01月		2019-01-01
[Vlog] 2019年02月		2019-02-02
[Vlog] 2019年03月		2019-03-12
3月份直播上課錄影		2019-03-28
4月份直播上課錄影		2019-04-03
5月份直播上課錄影		2019-05-09
6月份直播上課錄影		2019-06-13
架站實用小套件分享，現學現用		2019-06-22
8月份直播上課錄影		2019-08-23
架站必備伺服器 WAMP Server，初學者輕鬆入門		2019-11-22
11月份雲端教室錄影		2019-11-25
網站線上諮詢服務		2019-12-01
Joomla LMS：SP LMS 課程管理		2020-03-14
SP Page Builder Pro 快速頁面編輯		2020-03-18
J2Store 購物車系統		2020-03-18
Helix Ultimate 網站管理		2020-03-19
常用的網頁語法		2020-03-27
Shopex 2 快速架站教學		2020-04-27
模板管理 # Helix Ultimate 網站管理很簡單		2020-04-02
Joomla 3.9 網站管理進階與應用		2020-04-10
網站管理與SEO搜尋引擎優化		2020-06-28
Joomla LMS：Guro Pro 線上學習管理系統		2020-07-07
好用的 JCE 編輯器，編輯文件好方便		2020-08-04
Joomla 4.0 教學筆記		2020-08-07
Joomla 3 工作筆記		2020-12-07
頁面編輯 # 做網站必備：SP Page Builder Addons 實作與應用技巧		2021-02-06
中文化教室		2021-06-01
如何在三天做一個線上課程網站？		2021-05-17
如何建立多國語言網站?		2021-06-11
常用套件與工具		2021-06-16
tawk.to 全中文完全免費線上客服 Live Chat 掌握客戶動向訊息不漏接		2021-08-03