課程內容
1.架設WordPress網站(從零開始的初學者)
第一課適合完全沒架過網站的同學，已經架好WP網站的同學可跳過
0/3
1.1 網域名稱註冊
09:08
1.2 買虛擬主機並設定Cloudflare的DNS記錄
18:21
1.3 在虛擬主機一鍵安裝WordPress主程式
14:12
2.安裝設定 ASTRA PRO 佈景功能說明
0/42
2.0 為什麼要選用ASTRA PRO佈景
07:19
2.1 安裝ASTRA PRO專業版+Elementor網頁編輯器
11:24
2.2 網站結構說明
02:24
2.3 Astra佈景的上方頁首佈局
07:43
2.4 Astra佈景的上方頁首背景色與LOGO修改
08:58
2.5 Astra佈景頁首LOGO要用透明度的png檔案
04:25
2.6 Astra佈景的上方頁首設定行動版的LOGO
04:44
2.7 Astra佈景的上方頁首設定網站標題、說明、圖示
03:26
2.8 Astra佈景的上方頁首設定選單文字顏色、大小
11:34
2.9 Astra佈景的上方頁首設定手機選單顏色、大小
05:07
2.10 Astra佈景的上方頁首設定購物車元件
09:44
2.11 Astra佈景的上方頁首設定帳號元件
15:26
2.12 Astra佈景的下方頁尾佈局
05:18
2.13 Astra佈景的下方頁尾HTML元件設定
08:28
2.14 Astra佈景的下方頁尾widget元件設定
17:02
2.15 Astra佈景下方頁尾copyright社交工具footer-menu
16:55
2.16 Astra佈景下方頁尾-全域設定說明
17:29
2.17 Astra佈景設定導覽標記
03:25
2.18 Astra佈景網站文章的設定
24:28
2.19 Astra佈景網站文章的彙整頁面
13:00
2.20 Astra佈景-頁面設定
04:23
2.21 Astra佈景-資訊(側邊)欄設定
01:42
2.22 Astra佈景-WooCommerce設定
29:32
2.23 Astra佈景-附加的CSS和其他設定
09:16
2.24 Astra佈景的PRO功能-色彩及背景設定
04:48
2.25 Astra佈景的PRO功能-排版樣式設定
02:16
2.26 Astra佈景的PRO功能-間距設定
02:55
2.27 Astra佈景的PRO功能-網站文章的擴充功能設定
11:30
2.28 Astra佈景的PRO功能-固定式頁首設定
09:39
2.29 Astra佈景的PRO功能-網站版面配置
04:00
2.30 Astra佈景的PRO功能-導覽巨型選單設定
32:49
2.31 Astra佈景的PRO功能-側邊滑動式手機選單設定
07:37
2.32 Astra佈景的PRO功能-已登入帳號選單設定
04:59
2.33 Astra佈景的PRO功能-自訂版面配置
22:42
2.34 Astra佈景的PRO功能-頁面頁首設定
06:38
2.35 Astra佈景的PRO功能-WooCommerce產品目錄
07:00
2.36 Astra佈景的PRO功能-woocommerce單項商品頁
05:18
2.37 Astra佈景的PRO功能-WooCommerce 購物車
02:34
2.38 Astra佈景的PRO功能-WooCommerce 結帳設定
05:01
2.39 Astra佈景的PRO功能-WooCommerce我的帳號設定
02:26
2.40 Astra佈景的PRO功能-WooCommerce 其他選項設定
03:09
2.41 如何變更網站範本-獲得一個全新的網站
03:29
3. 免費好用的 Elementor 編輯器操作說明
0/36
3.1 如何開始與故障排除
07:14
3.2 首頁的組成分析
08:28
3.3 段的完整概念
18:44
3.4 段的版面配置
05:06
3.5 段的樣式
17:12
3.6 段的進階設定
10:14
3.7 段的滑鼠右鍵設定
04:29
3.8 欄的設定
05:46
3.9 標題元件的設定
11:51
3.10 按鈕元件的設定
12:33
3.11 圖片轉盤元件的設定
10:03
3.12 內部段元件的設定
06:44
3.13 分隔線元件的設定
04:59
3.14 短代碼元件的設定
06:24
3.15 About us頁面說明
05:45
3.16 Contact us頁面說明
05:28
3.17 銷售頁的製作說明
10:10
3.18 空白間隔元件說明
02:03
3.19 Google地圖元件說明
01:43
3.20 星等-元件說明
04:11
3.21 收合容器與切換元件說明
05:30
3.22 基本圖庫元件說明
05:29
3.23 圖示列表元件說明
02:25
3.24 計數器元件說明
03:17
3.25 進度條元件說明
03:52
3.26 見證元件說明
06:05
3.27 分頁元件說明
04:04
3.28 社交網路服務圖示元件說明
04:57
3.29 警告元件說明
03:04
3.30 聲音雲元件說明
04:35
3.31 HTML代碼元件說明
05:20
3.32 選單錨點元件說明
02:14
3.33 資訊欄元件說明
02:29
3.34 閱讀更多元件說明
03:24
3.35 Text path元件說明
03:16
3.36 如何匯入範本的指定頁面
05:56
4.FAQ 常見問答 ( 2023/3/1 起慢慢收集陸續增加)
這裏會針對大家提問來回覆，補充課程裏沒說到的部份! 請大家有問題可以在 LINE提問
0/1
看到的設定畫面不一樣!可能是新舊版沒切換
5. 紅利課程- Elementor 擴充功能
0/38
5.1 下載與安裝說明(要交作業^^)
04:59
5.2 進階標題元件 Advanced Heading
11:37
5.3 雙色標題 Dual Color Heading
08:21
5.4 吸睛標題 Fancy Heading
08:20
5.5 熱點HotSpot
09:51
5.6 內容切換 Content Toggle
12:59
5.7 前後對比照片 Before After Slider
05:30
5.8 上班時間 Business Hours
03:41
5.9 進階地圖 Google Maps
10:44
5.10 進階圖庫 Image Gallery
11:42
5.11 資訊盒 Info Box
06:13
5.12 高解析圖像 Retina Image
02:04
5.13 彈出視窗 Modal Popup
16:01
5.14 多按鈕功能 Multi Buttons
09:19
5.15 價格表PriceBox
05:14
5.16 價格列PriceList
02:46
5.17 表格Table
16:39
5.18 大綱列表 Table of Contents
08:00
5.19 加入購物車-Add-to-cart
07:30
5.20 購物車類別 Woo-Categories
02:33
5.21 購物車商品 Woo-Products
06:35
5.22 迷你購物車-Woo Mini Cart
04:18
5.23 購物車結帳頁woo-checkout
08:22
5.24 時間線-TimeLine
04:25
5.25 嵌入影片video
14:09
5.26 文章排版功能posts
05:09
5.27 影片排版功能 Video Gallery
04:25
5.28 表單外觀 WPForms styler
02:37
5.29 倒數計時器 Countdown timer
08:25
5.30 隱藏式面版功off canvas
02:56
5.31 行銷按鈕marketing button
02:22
5.32 團隊成員 Team member
02:20
5.33 註冊與登入表單功能 Rregistration form / Login form
18:05
5.34 導航選單 Navigation Menu
06:16
5.35 綜合性元件 How to schema
02:27
5.36 FAQ結構化schema
05:36
5.37 社群分享按鈕 Social share
04:09
5.38 嵌入 IG_Twitter feed
06:53
網站美工懶人包(第一階)
課程相關

此文章已於 2023-03-10 更新

  1. Facebook社團： https://www.facebook.com/groups/astra.elementor/
  2. 下載外掛軟體：點擊 (完成第1步驟分享後我會用FB私訊你登入此頁的密碼)：
上一堂
下一堂
0% 完成
購物車
返回頂端

AI部落格有興趣

 

下載CRM-PDF