線上程式教學課程: WordPress - 從頭教起的網站架設

WordPress(WP)是一個CMS內容管理系統，可以在程式知識最少的情況實現一般網站所提供的功能。適合初學網站架設，或是立即有網站架設需求的程式新手。WordPress也是最適合小型網站接案的架構之一。

最後更新時間： 2023/04

特價 NT$: 5200

原價 NT$: 8400

優惠至：2024/11/24

課程包含:

終生於平台觀看詳情

13個章節，225堂影片

48小時以上的課程時間

本課程未在其他平台上架。

信用卡、超商、ATM、Paypal皆可付款

3、6期信用卡付款零利率查看支援銀行

(信用卡不留卡號，Paypal需非台灣)

課程敘述

想要架設一個自己的網站嗎？何不參考WordPress呢？
全世界有30%以上的網站都是用WordPress架設的喔！

WordPress是一個設計良好的「免費開源」網站架設工具。基本用法是用滑鼠點擊安裝 / 下載 / 拖曳排版等功能。可以同時擁有一般部落格的簡潔，與雇用工程師的系統強度。只要熟悉它的操作，即可使用大量免費的外掛程式，可以辦到幾乎所有一般公司官網的功能。

不過我們「進度條線上課程」的WordPress課程走向與其他免費文章、資源不一樣，會是PHP入門與WordPress「框架」使用來做主軸。
也就是課程會有70%以上是程式端的修改。(但是基本操作我們也都有，純新手也不用擔心！另外WordPress是用PHP這個程式語言所撰寫的喔！)

因為雖然不用程式語法WordPress確實可以達到一定的水準，但是進階功能多半都無法實現，或是套件時常「相衝途導致開發瓶頸」，也不容易應付老闆天馬行空的想法。功能愈多，維護上面就會愈困難，但是公司老闆或是發案業主可不會放過你啊！當你已經讓大家驚艷，老闆以為你替他省下大筆的網站建置費後你敢開口説新功能我做不到？

由於課程注重於程式端的撰寫，自行製作完全客製化的主題樣式與外掛。

需要HTML/CSS/JavaScript/jQuery 程式基礎與不畏懼程式撰寫。

如果不了解上面的專有名詞的話，會建議先從下面文章看起

任何人都可以辦得到的網路架站，你知道什麼是WordPress嗎？

並且可以同時考慮課程 HTML, CSS, JavaScript, jQuery 網頁從零開始課程並行。

正如同前面所說的，WordPress可以用一般軟體操作的方式架設網站。所以除了建議課程先熟練其中一種的上課方式。還有另外一種是同步學習，先「操作」WordPress，並且同時了解HTML與CSS是什麼，將其用在文章排版上面(各大部落格都有類似的功能)。熟悉之後再暸解PHP與JavaScript，進行進一步的網站樣式功能修正。如果能達成到這樣的境界，一般官網等級基本上都難不倒你了！

此課程中的 WooCommerce 章節為基本運用與調整，如對 WooCommerce 樣式或外掛客製化有需要，請參考「程式客製WooCommerce，WordPress購物系統全解析」，或是優惠組合課程「WordPress ＋ WooCommerce 電商客製化全攻略」

常見問題：

可能你會有疑問，Laravel / Ruby On Rails 與WordPress要選哪一個學。

如果志向為成為"工程師"的話，WordPress一般來講不太受"工程師"的歡迎，因為WordPress可以在什麼都不知道的情況下，跟組樂高一樣把網站拼接出來，讓人有被跨界的感覺。不過WordPress「是用PHP寫出來的」，所以理論上只要是PHP能做到的它都做得到。

不過實務上，如果目標網站跟部落格“完全”沒關係，使用WordPress反而會綁手綁腳的。太多用不到的程式碼也很容易造成系統漏洞(當然都可以防，不過用不到的程式拿掉是相對安全的方式)。這時從頭開始反而會是比較方便的。

所以實際案例中，多半WordPress都是用來做小型企業的形象網站或是小型的購物網站。超過一定複雜程度，則會使用一般常見的程式框架。

一般接案比較容易是一人作業，所以一人能在短時間做完的網站等級，用WordPress來做會是最輕鬆的。

課程難度

初級，此課程需要一點基本程式經驗。

請參閱課程需求

課程需求

1. 使用過HTML

2. 使用過CSS 與 Javascript

3. 聽說過jQuery與Bootstrap

(沒聽說過？可以來這邊觀看! Bootstrap / jQeury)

4. PC 與 Mac 系統都可以開發，沒有限制

非必要，但會幫助學習

1. (曾經)有一個網站或需要維護一個網站，或即將架設一個網站

課程有問題都可以在課程播放頁面詢問喔！老師都會很快速的回答。

課程目標

學習架設WordPress網站，以及有能力使用熱門的外掛與佈景。

進而能依想法客製化成一般企業形象網站。

並且在進階課程有能力修改外掛與做出自己的外掛，

再搭配WooCommerce建立一個簡單的購物網站。

並且利用WordPress 建立自己的API與手機APP互相溝通的方式。

課程特點

1. 學會使用WordPress快速架站

2. 學會區分前端以及後端

3. 學會基本的PHP使用

4. 學會簡易的資料庫控制

5. 了解WordPress是如何使用資料庫

6. 使用Web Hosting網路架設網站

7. 使用VPS網路架站

8. Web Hosting多重站台架站與子網域使用

9. 學會建立自己的程式商業邏輯

10. 自製樣式

11. 自製外掛

13. WordPress官方 API介紹

第一章 (總長2.9小時)

WordPress課程介紹與建立開發環境

01. WordPress 課程介紹
09:12
02. 詳細介紹WordPress 課程每個章節的目的
11:28
03. 安裝使用WordPress的必要環境, 為什麼需要先建立本地端開發環境
11:59
04. [Mac] 安裝MAMP來開發PHP
12:42
05. [Windows] 安裝MAMP來開發PHP
21:03
06. [Mac] 安裝WordPress與建立MySQL使用者
17:54
07. [Windows] 在本地端安裝WordPress(使用 MAMP)
19:07
08. [補充課程] PHPMyAdmin 使用者權限設定
11:34
09. 首頁網址與後台介紹
06:08
10. [補充] 打開MAMP的PHP除錯訊息
13:21
11. [補充] MAMP的PHP降到PHP5的非官方方式
08:14
12. [補充][Windows] 安裝XAMPP (MAMP無法安裝的替代方案)
08:15
13. [補充] 改變XAMPP Apache與MySQL port號
05:34
14. [補充] 改變XAMPP網站資料夾讀取位置
05:10
15. [補充] 用XAMPP開發WordPress與建立資料庫和使用者權限
11:44

第二章 (總長3.3小時)

WordPress基本功能介紹與使用外掛優化

01. [補充] WordPress 5 區塊編輯器 Gutenberg(古騰堡) 對舊網站與新使用者之間的影響，探討是否有需要換回經典編輯器
19:36
02. [補充]切換至2017(Twenty Seventeen)外觀樣式方便課程進行
06:29
03. [傳統編輯器 Classic Editor] 文章功能介紹與新增修改
13:23
04. [傳統編輯器 Classic Editor] 安裝編輯器外掛，優化編輯功能
06:03
05. 分類與標籤
11:22
06. [傳統編輯器 Classic Editor] 圖片與媒體庫與影片
13:19
07. 改變最大上傳檔案大小以及相關的風險
13:43
08. 頁面Page與Templates模板
09:15
09. 文章格式與客製化的關係
03:45
10. 變更佈景主題與關閉主題編輯器
15:19
11. 自訂佈景主題1 (小工具、選單)
14:44
12. 自訂佈景主題2 (自訂、預覽與頁首)
12:05
13. 迴響(留言)與Facebook留言嵌入介紹
08:12
14. 設定介紹1 (一般、寫作、閱讀)
12:55
15. 設定介紹2 (迴響、媒體、固定網址)
16:01
16. 建立使用者與角色權限介紹
06:18
17. 工具簡介
01:37
18. 安裝下載或購買的樣式(Theme)或是外掛(Plugin)
12:55

第三章 (總長3.7小時)

用外掛增加額外功能讓網站看起來更專業

01. SMTP 安裝與測試, 解決MAMP無法送信的問題
26:44
02. [補充] Gmail SMTP權限通過不了，改用微軟MicroSoft Outlook 免費Email設置
10:04
03. 聯絡表單 (contact form 7)
25:58
04. ACF 超好用客製化欄位工具
26:39
05. WP Rest API與關掉它的外掛
12:39
06. 關閉全部或部分迴響留言(Disable comments)
05:27
07. 檔案下載管理外掛(Dowload Manager)
18:04
08. 社群軟體浮動分享功能(Super Socializer)
27:17
09. 註冊Facebook應用程式
04:19
10. Facebook留言
10:47
11. Wpdevart FB外掛在WooCommerce的問題
01:56
12. WordPress與WooCommerce Facebook登入
12:11
13. 兩種 WordPress 加入 Google Analytics的方式(程式修改與外掛)
14:57
14. 利用Yaost SEO 改變Facebook 分享預覽內容
07:40
15. [補充] WordPress更新與外掛更新的手動備份方式 (需要先了解Git)
17:08

第四章 (總長2.3小時)

放上虛擬共享主機(Web Hosting)，讓大家鑑賞您的傑作 [2023 版]

01. 網域 Domain Name 與 IP 是什麼？為什麽我們架設網站需要一個 IP?
13:09
02. 註冊網域與評價網域註冊商前需要注意的要點
21:13
03. 推薦的網域註冊商列表與使用心得
16:30
04. 註冊網域實作, 選一個網域要注意居然要注意這麼多細節 - 以 Namecheap 為例
37:30
05. 使用 CloudFlare 去管理 DNS Records 紀錄, 世界級免費資安保護網站服務
16:24
06. 使用 VPS 與管理服務 Cloudways 架設 WordPress 站台
35:32
章節尚未完全完結，我們會持續更新!!

第五章 (總長8.8小時)

利用PHP與WordPress API自製企業客製化樣式(Theme)

01. 客製化章節簡介
04:09
02. 首頁index.php介紹
13:46
03. 基本PHP頁面產生介紹
05:59
04. 建立空主題(Theme)
07:59
05. 主題(Themes)所包含的檔案介紹
20:11
06. WordPress首頁基本頁面, get_header與get_footer
15:49
07. WordPress與PHP檔案引用(get_template_part, include, require)
19:51
08. get_header原始碼解析與初探do_action和add_action行為
25:22
09. wp_head的重要性與add_theme_support
16:01
10. 加入js檔進wp_footer(以jQuery為例)與wp_enqueue_script介紹
18:14
11. 解決js相依性問題與正確的方式加入jQuery (wp_deregister_script, wp_register_script, wp_enqueue_script)
14:39
12. 正確的加入stylesheet (wp_enqueue_style, style.css)
15:32
13. [補充] 加入Bootstrap 3
07:37
14. [補充] 加入Bootstrap 4
05:56
15. 顯示文章與整理樣式
11:28
16. 文章內部探討與WordPress設計模式
14:02
17. 幫文章加上簡易樣式
11:00
18. 區分不同文章格式與顯示前後頁連結
17:18
19. 放入客製化首頁樣式
07:19
20. 客製化官網首頁功能介紹
09:11
21. [補充] 客製化首頁樣式非WordPress程式細節解說
11:09
22. 新增多個文章類型(post type)
16:02
23. 文章圖片與永久連結(featured image & permalink)
08:54
24. 客製化影片播放列表與Custom_field介紹
13:47
25. 客製化圖片連結與posts資料表介紹(postmeta, menu_order)
11:32
26. 客製化上方導覽條與filter初次介紹
21:16
27. 更有彈性的客製化nav_menu方法
19:29
28. 客製化首頁輪播與在menu上面加圖片
21:53
29. 加入小工具欄位
10:09
30. 整理首頁, 文章與頁面(home, post & page)
07:43
31. 頁面樣板介紹(page template)
07:17
32. 製作首頁樣板與使用ACF客製化
13:18
33. 加入圖片大小與圖片重新製作(包含ACF圖片大小設定)
12:18
34. 利用contact form 7 將聯絡表單動態置入側邊欄位
14:06
35. 顯示文章列表彙整
18:51
36. 標籤、類別、彙整與分頁
06:10
37. 置入搜尋功能
15:08
38. 留言與在地化語系翻譯功能介紹
17:39
39. [補充] 瀏覽器讀取PHP產生出HTML的細節敘述
20:43

第六章 (總長5.2小時)

架購物網站用WooCommerce就對了

01. 購物網站外掛WooCommerce介紹
07:37
02. 安裝與設定
13:22
03. [補充] 完整解析PHP設定值, 解決PHP上傳上限問題(php.ini, .htaccess, php_value, ini_set)
24:24
04. [補充] 用PHPMyAdmin備份資料庫資料
09:09
05. WooCommerce章節課程走向
03:34
06. WooCommerce頁面介紹與Storefront佈景主題安裝
09:56
07. Storefront 初始化設定與外觀微調
10:49
08. WooCommerce訂單與商品簡介
10:42
09. 設定1 (一般與購物車行為)
10:15
10. 設定2 (銀行轉帳與HTTPS介紹)
10:23
11. 商品1 (簡單商品與庫存管理)
14:31
12. 商品屬性
08:37
13. 商品2 - 可變商品
09:58
14. 商品3 - 組合商品與外部商品
06:18
15. 折價卷的基本使用(Coupon)
06:07
16. [金流] AllPay 綠界支付介紹與基本付款(包含解決TradeAmount Error)
18:00
17. 訂單狀態介紹與名稱修改
21:08
18. [金流] AllPay 綠界支付完整介紹，修改結帳項目名稱與結束頁面
22:30
19. [金流] AllPay 綠界支付超商付款展示，與解決訂單無故被取消問題
16:17
20. [金流] AllPay 綠界支付切換到正式環境
05:42
21. [物流] AllPay 綠界物流修正與貨到付款
44:21
22. 客製化既有樣式簡易介紹(子樣式 child-themes)
16:08
23. 混合既有樣式與撈取商品
05:17
24. 使用其他樣式與客製化方向
04:39

第七章 (總長2.7小時)

WordPress不能做手機後台？一頁式網站與iOS手機後台運用

01. iOS APP與WooCommerce連結的功能展現
04:55
02. WordPress WebAPI 章節介紹
05:58
03. 課程開始前的工具準備
08:22
04. 建立一頁式網站列出文章列表1 (Ajax 運用)
30:17
05. 建立一頁式網站列出文章列表2 (Ajax 運用)
09:50
06. 一頁式網站不跳頁切換文章分頁與排序 (Ajax 運用)
17:21
07. 其他WordPress API介紹
09:05
08. oEmbed API介紹
03:23
09. WooCommerce訂單與API權限管理
10:29
10. 用手機程式展現WooCommerce訂單與訂單商品
07:53
11. [補充] WP REST API 常見的使用方式，以React和iOS為例 (WordCamp Taipei 2019)
52:17

第八章 (總長5.3小時)

變的更專業，利用PHP撰寫自己的WordPress外掛

01. 自製HelloWord外掛與外掛資訊描述
08:22
02. 利用資料庫強制停用外掛的方法
09:57
03. 自製Bootstrap 3 與 Bootstrap 4外掛
04:25
04. 打包Bootstrap 4外掛成可分享的Zip安裝檔
24:51
05. 自製外掛課程前的準備工作與介紹
07:02
06. WordPress外掛中的Singleton 單例模式運用
12:40
07. 外掛常見的初始化架構
11:39
08. 管理頁判斷與加入、移除子選單(is_admin, add_submenu_page, remove_submenu_page)
19:41
09. 加入與移除主要menu頁面(add_submenu_page, remove_menu_page, dashicons)
08:19
10. 切分出MVC 架構中的Controller與View方便開發
22:15
11. 利用外掛加入額外內容於頁面內容前面和後面(the_content, filter)
17:53
12. 加入CSS與圖片完成卡片型元件樣式
07:21
13. 加入Carousel JavaScript函式庫實現自動輪播
15:54
14. 加入真實文章資料，修正內容顯示問題(get_posts, is_single, mb_substr)
14:01
15. 加入Model層，讀寫wp_options資料庫與預設值(get_option, update_option)
16:45
16. 加入submit form與資料驗證(wp_verify_nonce, wp_nonce_field)
13:13
17. 改變功能成顯示自己類別的最新或亂數文章
12:50
18. 加入後台開關與文章類別(post_type)選取功能
23:49
19. 加入自製短代碼(shortcode)，讓個別頁面可以使用功能。
24:31
20. 加入自製小工具(Widget)以及帶入參數，複習PHP namespace 概念
31:47
21. WordPress權限介紹與利用權限限制頁面
06:57
22. 修正雜項，建立readme.txt與unintall.php檔
05:32

第九章 (總長1.1小時)

本機與雲端主機複製與備份(2021 Bluehost 版)

01. 備份還原章節介紹
02:03
02. 備份 WordPress 程式碼與資料庫
09:52
03. 還原 WordPress 程式碼與資料庫, 打開 WordPress 維護模式畫面
16:22
04. 利用正式站台備份資料建立 MAMP 開發環境
15:36
05. 上傳 MAMP 開發的網站到正式環境
13:13
06. 疑難雜症(一), 忘記網站管理員帳號與密碼的重設方式
06:20

第十章 (總長6.0小時)

[補充] PHP 基礎教學

01. PHP初學章節介紹
06:05
02. PHP與Echo
06:56
03. 註解的寫法
01:57
04. 變數
09:37
05. 變數命名與編寫風格
08:23
06. 字串(String)
09:52
07. 數字介紹與處理
17:57
08. 算術運算
15:32
09. 布林值與條件判斷
08:34
10. 比較與邏輯運算子
13:19
11. 更多條件判斷與null空集合
10:44
12. 取得HTML傳遞參數
15:10
13. 三元運算子與單行條件判斷
08:10
14. Switch-case條件判斷
13:21
15. 陣列(矩陣)介紹
14:08
16. 陣列的新增與刪除
11:21
17. [補充]陣列與迴圈的關係
04:32
18. while 與 do-while迴圈，補充遞增遞減運算子
16:56
19. for 與 foreach迴圈
09:23
20. 迴圈的中斷(continue & break)
18:09
21. 函數與回傳值 ( function and return value)
19:22
22. 函數的傳入值與預設值 (function and parameters )
12:19
23. 全域變數與系統函數
10:34
24. 巢狀迴圈
12:53
25. 如果只是要看懂WordPress的PHP，到這支影片之前就夠了
57s
26. Class類別與Object
27:18
27. 類別常數與靜態方法(Constant & Static)
11:49
28. 繼承與複寫
13:04
29. 型別指定與強制轉換
08:32
30. 利用PHP讀取MySQL資料庫並顯示出資料( mysqli )
22:32

第十一章 (總長2.1小時)

[補充] VPS (虛擬專用服務器)雲端架設

01. 在Linode上架設Linux(Ubuntu, CentOS)
17:01
02. Apache 安裝與 Linux基本指令
07:54
03. 讓Apache可以執行PHP
08:41
04. 安裝WordPress與MySQL
07:45
05. 上線WordPress網站(解決MySQL與Linux權限問題)
09:34
06. 設定網址Domain Name
05:43
07. HTTPS服務介紹
09:20
08. 利用Certbot安裝Let's encrypt HTTPS服務
08:57
09. 用最簡易的方式安裝PHPMyAdmin
05:47
10. crontab使用與Let's encrypt自動更新
08:16
11. 網站一鍵安裝快速上線，輕鬆搞定WordPress架站以遠振虛擬主機Web Hosting為例(主機介紹篇)
13:49
12. 網站一鍵安裝快速上線，輕鬆搞定WordPress架站以遠振虛擬主機Web Hosting為例(註冊上線篇)
24:45

第十二章 (總長2.2小時)

[補充] 使用 Bluehost 虛擬共享主機(Web Hosting) 詳細攻略

01. WordPress 虛擬主機購買與網域綁定 - 以 Bluehost 為例
16:54
02. 架設多站台與設定子網域, 強制使用https與建立公司網域 Email - 以Bluehost 為例
26:48
03. Web Hosting章節走向介紹
02:06
04. cPanel File Manager 檔案管理器的使用與常見的程式更新問題
18:45
05. cPanel 網站檔案與資料庫備份
15:02
06. cPanel 網站檔案與資料庫還原
09:49
07. 忘記管理員密碼的重設方式 - 利用 PHPMyAdmin
03:28
08. [補充] 要求 Bluehost 打開 ssh 連線
02:56
09. [Windows] 利用 Putty ssh連線 Bluehost 主機
04:51
10. [Windows] 利用 WinSCP 使用sftp 於 Bluehost 主機上傳下載檔案
04:00
11. 購買網域的注意事項(以GoDaddy為例)
16:13
12. 購買網域的注意事項(以PCHome買網址為例)
09:20

第十三章 (總長2.7小時)

[補充] SiteGround 相關集中區(目前台灣無法新註冊 SiteGround，舊用戶參考用)

01. WordPress 虛擬主機購買與網域綁定 - 以SiteGround 2019新版為例 (Web Hosting)
26:49
02. 檔案管理與簡單WordPress外掛造成死機處理方式
12:31
03. Mac 與 Windows 連線到WebHosting(以SiteGround為例)
16:01
04. cPanel 檔案與資料庫備份
05:43
05. 使用GrowBig方案架設多網域站台或不同子網域站台
07:58
06. [cPanel 版] WordPress 虛擬主機購買與網域綁定 - 以SiteGround為例 (Web Hosting)
18:27
07. [cPanel 版] 安裝與刪除WordPress - 以Siteground為例
12:20
08. 建立Email帳號與變更用來寄送的電子郵件信箱
05:47
09. 使用A domain而非DNS來設定SiteGround網域
12:50
10. 移植與備份章節介紹
02:40
11. 直接壓縮專案備份及其注意事項
05:51
12. 備份MySQL資料庫與還原
09:54
13. 利用備份檔複製到本地端建立站台
08:42
14. 利用複製本地端網站複製到SiteGound製作網站
14:39
15. 解決301 redirect 綁住網站頁面無法顯示問題
03:29

課程講師

縱裕

iOS 工程師 / Ruby On Rails 網站工程師

現職為iOS 工程師，但同時也在鑽研網站技術並且建立多個網站。
曾協助多個新創公司，範圍包含網站前端到桌面應用程式倉存管理與電子機關互動。
從網站架設，手機APP到系統底層都有豐富的經驗。
擅長不同系統架構的整合與創新想法的實現。

經歷：
進度條技術顧問
Digilog.tw 網站與倉庫後台程式架構設計與建置
Zooe 線上教學平台網站架構設計與建置
HelloStudy 楓禾留遊學網設計與建置
Funlock 放樂工作室真實密室逃脫遊戲 - 魔鏡迷城電子機關設計與製作
iOS App - Rock Click 節拍器
Nexcom ARM韌體與軟體工程師
Insyde BIOS工程師