網站美工懶人包(第一階) - 昇捷科技股份有限公司-劉奶爸

關於此課程

此文章已於 2024-01-22 更新

【課程上架日期：2023年2月28日上架完成】
【網站主程式：WordPress 6.X版】
【佈景主題：Astra Pro 付費專業版，官方售價$937美金!!!學員可免費下載且無限期使用】
【編輯器：Elementor 免費版】

【詳細銷售頁說明請點擊此】

本頁最下方免費觀看的單元在右邊會有一個眼睛的符號，付費的單元是一個鎖頭的符號。

購買流程說明：

1.點擊加入購物車

2.若是開課平台懶人包舊客可輸入折價代碼後套用(發LINE與我們聯繫)，然後按前往結帳

3. Paypal僅供非台灣的海外用戶使用，不支援台灣本地人彼此支付，因為Paypal未在台灣設立分公司

4.第一次購買的用戶會自動依照您填的資料建立帳號密碼，如下圖

5.電子發票會在付款成功後就自動寄出Email，若擔心掉入垃圾郵件，請搜尋「發票」即可找到該信件

6.網站上方會有登入課程的按鈕，若上一步驟刷卡失敗也會自動建立您的帳號，也可登入，只是看不到課程，請重新購買付款即可，但此時記得要先登入帳號。

7.在已參加課程中即可看到您的所有已購買的課程

有任何問題都可按右下的 LINE 與我們聯絡，謝謝您!

【購買需知與退款條約】

課程內容

1.架設WordPress網站(從零開始的初學者)
第一課適合完全沒架過網站的同學，已經架好WP網站的同學可跳過

1.1 網域名稱註冊

09:08
1.2 買虛擬主機並設定Cloudflare的DNS記錄

18:21
1.3 在虛擬主機一鍵安裝WordPress主程式

14:12

2.安裝設定 ASTRA PRO 佈景功能說明

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 編輯器操作說明

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提問

5. 紅利課程- Elementor 擴充功能

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

學生評分和評論

還沒有評論

關於此課程

【詳細銷售頁說明請點擊此】

購買流程說明：

【購買需知與退款條約】

你將會學到什麼?

課程內容

1.架設WordPress網站(從零開始的初學者) 第一課適合完全沒架過網站的同學，已經架好WP網站的同學可跳過

1.1 網域名稱註冊

1.2 買虛擬主機並設定Cloudflare的DNS記錄

1.3 在虛擬主機一鍵安裝WordPress主程式

2.安裝設定 ASTRA PRO 佈景功能說明

2.0 為什麼要選用ASTRA PRO佈景

2.1 安裝ASTRA PRO專業版+Elementor網頁編輯器

2.2 網站結構說明

2.3 Astra佈景的上方頁首佈局

2.4 Astra佈景的上方頁首背景色與LOGO修改

2.5 Astra佈景頁首LOGO要用透明度的png檔案

2.6 Astra佈景的上方頁首設定行動版的LOGO

2.7 Astra佈景的上方頁首設定網站標題、說明、圖示

2.8 Astra佈景的上方頁首設定選單文字顏色、大小

2.9 Astra佈景的上方頁首設定手機選單顏色、大小

2.10 Astra佈景的上方頁首設定購物車元件

2.11 Astra佈景的上方頁首設定帳號元件

2.12 Astra佈景的下方頁尾佈局

2.13 Astra佈景的下方頁尾HTML元件設定

2.14 Astra佈景的下方頁尾widget元件設定

2.15 Astra佈景下方頁尾copyright社交工具footer-menu

2.16 Astra佈景下方頁尾-全域設定說明

2.17 Astra佈景設定導覽標記

2.18 Astra佈景網站文章的設定

2.19 Astra佈景網站文章的彙整頁面

2.20 Astra佈景-頁面設定

2.21 Astra佈景-資訊(側邊)欄設定

2.22 Astra佈景-WooCommerce設定

2.23 Astra佈景-附加的CSS和其他設定

2.24 Astra佈景的PRO功能-色彩及背景設定

2.25 Astra佈景的PRO功能-排版樣式設定

2.26 Astra佈景的PRO功能-間距設定

2.27 Astra佈景的PRO功能-網站文章的擴充功能設定

2.28 Astra佈景的PRO功能-固定式頁首設定

2.29 Astra佈景的PRO功能-網站版面配置

2.30 Astra佈景的PRO功能-導覽巨型選單設定

2.31 Astra佈景的PRO功能-側邊滑動式手機選單設定

2.32 Astra佈景的PRO功能-已登入帳號選單設定

2.33 Astra佈景的PRO功能-自訂版面配置

2.34 Astra佈景的PRO功能-頁面頁首設定

2.35 Astra佈景的PRO功能-WooCommerce產品目錄

2.36 Astra佈景的PRO功能-woocommerce單項商品頁

2.37 Astra佈景的PRO功能-WooCommerce 購物車

2.38 Astra佈景的PRO功能-WooCommerce 結帳設定

2.39 Astra佈景的PRO功能-WooCommerce我的帳號設定

2.40 Astra佈景的PRO功能-WooCommerce 其他選項設定

2.41 如何變更網站範本-獲得一個全新的網站

3. 免費好用的 Elementor 編輯器操作說明

3.1 如何開始與故障排除

3.2 首頁的組成分析

3.3 段的完整概念

3.4 段的版面配置

3.5 段的樣式

3.6 段的進階設定

3.7 段的滑鼠右鍵設定

3.8 欄的設定

3.9 標題元件的設定

3.10 按鈕元件的設定

3.11 圖片轉盤元件的設定

3.12 內部段元件的設定

3.13 分隔線元件的設定

3.14 短代碼元件的設定

3.15 About us頁面說明

3.16 Contact us頁面說明

3.17 銷售頁的製作說明

3.18 空白間隔元件說明

3.19 Google地圖元件說明

3.20 星等-元件說明

3.21 收合容器與切換元件說明

3.22 基本圖庫元件說明

3.23 圖示列表元件說明

3.24 計數器元件說明

3.25 進度條元件說明

3.26 見證元件說明

1.架設WordPress網站(從零開始的初學者)
第一課適合完全沒架過網站的同學，已經架好WP網站的同學可跳過

4.FAQ 常見問答 ( 2023/3/1 起慢慢收集陸續增加)
這裏會針對大家提問來回覆，補充課程裏沒說到的部份! 請大家有問題可以在 LINE提問