進度條

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

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

Loading

特價 NT$: 5400

原價 NT$: 6400

優惠至:2019/07/28

課程包含:

終生於平台觀看 詳情

12個章節,201堂影片

41小時以上的課程時間

這堂課尚未在其他服務上架

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

課程敘述

想要架設一個自己的網站嗎? 何不參考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,進行進一步的網站樣式功能修正。如果能達成到這樣的境界,一般官網等級基本上都難不倒你了!

 

 

常見問題

可能你會有疑問,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.8小時)

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

    01. WordPress 課程介紹

    09:12
  • play_arrow

    02. 詳細介紹WordPress 課程每個章節的目的

    11:28
  • play_arrow

    03. 安裝使用WordPress的必要環境, 為什麼需要先建立本地端開發環境

    11:59
  • play_arrow

    04. [Mac] 安裝MAMP

    12:42
  • play_arrow

    05. [Windows] 安裝MAMP(2019 MAMP 4.1)

    24:13
  • play_arrow

    06. [Mac] 安裝WordPress與建立MySQL使用者

    17:54
  • play_arrow

    07. [Windows] 安裝WordPress與建立MySQL使用者

    12:42
  • play_arrow

    08. [補充課程] PHPMyAdmin 使用者權限設定

    11:34
  • play_arrow

    09. 首頁網址與後台介紹

    06:08
  • lock

    10. [補充] 打開MAMP的PHP除錯訊息

    13:21
  • lock

    11. [補充] MAMP的PHP降到PHP5的非官方方式

    08:14
  • play_arrow

    12. [補充][Windows] 安裝XAMPP (MAMP無法安裝的替代方案)

    08:15
  • lock

    13. [補充] 改變XAMPP Apache與MySQL port號

    05:34
  • lock

    14. [補充] 改變XAMPP網站資料夾讀取位置

    05:10
  • lock

    15. [補充] 用XAMPP開發WordPress與建立資料庫和使用者權限

    11:44

第二章 (總長3.3小時)

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

    01. [補充] WordPress 5 區塊編輯器 Gutenberg(古騰堡) 對舊網站與新使用者之間的影響,探討是否有需要換回經典編輯器

    19:36
  • play_arrow

    02. [補充]切換至2017(Twenty Seventeen)外觀樣式方便課程進行

    06:29
  • play_arrow

    03. [傳統編輯器 Classic Editor] 文章功能介紹與新增修改

    13:23
  • play_arrow

    04. [傳統編輯器 Classic Editor] 安裝編輯器外掛,優化編輯功能

    06:03
  • lock

    05. 分類與標籤

    11:22
  • lock

    06. [傳統編輯器 Classic Editor] 圖片與媒體庫與影片

    13:19
  • lock

    07. 改變最大上傳檔案大小以及相關的風險

    13:43
  • lock

    08. 頁面Page與Templates模板

    09:15
  • lock

    09. 文章格式與客製化的關係

    03:45
  • lock

    10. 變更佈景主題與關閉主題編輯器

    15:19
  • lock

    11. 自訂佈景主題1 (小工具、選單)

    14:44
  • lock

    12. 自訂佈景主題2 (自訂、預覽與頁首)

    12:05
  • lock

    13. 迴響(留言)與Facebook留言嵌入介紹

    08:12
  • lock

    14. 設定介紹1 (一般、寫作、閱讀)

    12:55
  • lock

    15. 設定介紹2 (迴響、媒體、固定網址)

    16:01
  • lock

    16. 建立使用者與角色權限介紹

    06:18
  • lock

    17. 安裝下載或購買的樣式(Theme)或是外掛(Plugin)

    12:55
  • lock

    18. 工具簡介

    01:37

第三章 (總長3.3小時)

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

    01. SMTP 安裝與測試, 解決MAMP無法送信的問題

    26:44
  • play_arrow

    02. 聯絡表單 (contact form 7)

    25:58
  • lock

    03. ACF 超好用客製化欄位工具

    26:39
  • lock

    04. WP Rest API與關掉它的外掛

    12:39
  • lock

    05. 關閉全部或部分迴響留言(Disable comments)

    05:27
  • lock

    06. 檔案下載管理外掛(Dowload Manager)

    18:04
  • lock

    07. 社群軟體浮動分享功能(Super Socializer)

    27:17
  • lock

    08. 註冊Facebook應用程式

    04:19
  • lock

    09. Facebook留言

    10:47
  • lock

    10. Wpdevart FB外掛在WooCommerce的問題

    01:56
  • lock

    11. WordPress與WooCommerce Facebook登入

    12:11
  • lock

    12. 利用Yaost SEO 改變Facebook 分享預覽內容

    07:40
  • lock

    13. [補充] WordPress更新與外掛更新的手動備份方式 (需要先了解Git)

    17:08

第四章 (總長2.4小時)

放上虛擬共享主機(Web Hosting),讓大家鑑賞您的傑作
keyboard_arrow_down
  • play_arrow

    01. 選擇Web Hosting(虛擬主機)與VPS架站的差異,為什麼我們推薦SiteGround

    26:10
  • play_arrow

    02. WordPress 虛擬主機購買與網域綁定 - 以SiteGround為例 (Web Hosting)

    18:27
  • lock

    03. cPanel安裝與刪除WordPress - 以Siteground為例

    12:20
  • lock

    04. 建立Email帳號與變更用來寄送的電子郵件信箱

    05:47
  • lock

    05. 檔案管理與簡單WordPress外掛造成死機處理方式

    12:31
  • lock

    06. Mac 與 Windows 連線到WebHosting(以SiteGround為例)

    16:01
  • lock

    07. cPanel 檔案與資料庫備份

    05:43
  • lock

    08. 購買網域的注意事項(以GoDaddy為例)

    16:13
  • lock

    09. 購買網域的注意事項(以PCHome買網址為例)

    09:20
  • lock

    10. [補充]使用A domain而非DNS來設定SiteGround網域

    12:50
  • lock

    11. [補充]使用GrowBig方案架設多網域站台或不同子網域站台

    07:58

第五章 (總長8.8小時)

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

    01. 客製化章節簡介

    04:09
  • play_arrow

    02. 首頁index.php介紹

    13:46
  • lock

    03. 基本PHP頁面產生介紹

    05:59
  • lock

    04. 建立空主題(Theme)

    07:59
  • lock

    05. 主題(Themes)所包含的檔案介紹

    20:11
  • lock

    06. WordPress首頁基本頁面, get_header與get_footer

    15:49
  • lock

    07. WordPress與PHP檔案引用(get_template_part, include, require)

    19:51
  • lock

    08. get_header原始碼解析與初探do_action和add_action行為

    25:22
  • lock

    09. wp_head的重要性與add_theme_support

    16:01
  • lock

    10. 加入js檔進wp_footer(以jQuery為例)與wp_enqueue_script介紹

    18:14
  • lock

    11. 解決js相依性問題與正確的方式加入jQuery (wp_deregister_script, wp_register_script, wp_enqueue_script)

    14:39
  • lock

    12. 正確的加入stylesheet (wp_enqueue_style, style.css)

    15:32
  • lock

    13. [補充] 加入Bootstrap 3

    07:37
  • lock

    14. [補充] 加入Bootstrap 4

    05:56
  • lock

    15. 顯示文章與整理樣式

    11:28
  • lock

    16. 文章內部探討與WordPress設計模式

    14:02
  • lock

    17. 幫文章加上簡易樣式

    11:00
  • lock

    18. 區分不同文章格式與顯示前後頁連結

    17:18
  • lock

    19. 放入客製化首頁樣式

    07:19
  • lock

    20. 客製化官網首頁功能介紹

    09:11
  • lock

    21. [補充] 客製化首頁樣式非WordPress程式細節解說

    11:09
  • lock

    22. 新增多個文章類型(post type)

    16:02
  • lock

    23. 文章圖片與永久連結(featured image & permalink)

    08:54
  • lock

    24. 客製化影片播放列表與Custom_field介紹

    13:47
  • lock

    25. 客製化圖片連結與posts資料表介紹(postmeta, menu_order)

    11:32
  • lock

    26. 客製化上方導覽條與filter初次介紹

    21:16
  • lock

    27. 更有彈性的客製化nav_menu方法

    19:29
  • lock

    28. 客製化首頁輪播與在menu上面加圖片

    21:53
  • lock

    29. 加入小工具欄位

    10:09
  • lock

    30. 整理首頁, 文章與頁面(home, post & page)

    07:43
  • lock

    31. 頁面樣板介紹(page template)

    07:17
  • lock

    32. 製作首頁樣板與使用ACF客製化

    13:18
  • lock

    33. 加入圖片大小與圖片重新製作(包含ACF圖片大小設定)

    12:18
  • lock

    34. 利用contact form 7 將聯絡表單動態置入側邊欄位

    14:06
  • lock

    35. 顯示文章列表彙整

    18:51
  • lock

    36. 標籤、類別、彙整與分頁

    06:10
  • lock

    37. 置入搜尋功能

    15:08
  • lock

    38. 留言與在地化語系翻譯功能介紹

    17:39
  • play_arrow

    39. [補充] 瀏覽器讀取PHP產生出HTML的細節敘述

    20:43

第六章 (總長0.8小時)

架購物網站用WooCommerce就對了 (2019新版影片進行中)
keyboard_arrow_down
  • play_arrow

    01. 購物網站外掛WooCommerce介紹

    07:37
  • lock

    02. 安裝與設定

    13:22
  • lock

    03. WooCommerce頁面介紹與Storefront佈景主題安裝

    09:56
  • lock

    04. [補充] 用PHPMyAdmin備份資料庫資料

    09:09
  • lock

    05. Storefront 初始化設定與外觀微調

    10:49
  • 章節尚未完全完結,我們會持續更新!!

第七章 (總長1.8小時)

WordPress不能做手機後台?一頁式網站與iOS手機後台運用
keyboard_arrow_down
  • play_arrow

    01. iOS APP與WooCommerce連結的功能展現

    04:55
  • play_arrow

    02. WordPress WebAPI 章節介紹

    05:58
  • lock

    03. 課程開始前的工具準備

    08:22
  • lock

    04. 建立一頁式網站列出文章列表1 (Ajax 運用)

    30:17
  • lock

    05. 建立一頁式網站列出文章列表2 (Ajax 運用)

    09:50
  • lock

    06. 一頁式網站不跳頁切換文章分頁與排序 (Ajax 運用)

    17:21
  • lock

    07. 其他WordPress API介紹

    09:05
  • lock

    08. oEmbed API介紹

    03:23
  • lock

    09. WooCommerce訂單與API權限管理

    10:29
  • lock

    10. 用手機程式展現WooCommerce訂單與訂單商品

    07:53

第八章 (總長5.3小時)

變的更專業,利用PHP撰寫自己的WordPress外掛
keyboard_arrow_down
  • play_arrow

    01. 自製HelloWord外掛與外掛資訊描述

    08:22
  • lock

    02. 利用資料庫強制停用外掛的方法

    09:57
  • lock

    03. 自製Bootstrap 3 與 Bootstrap 4外掛

    04:25
  • lock

    04. 打包Bootstrap 4外掛成可分享的Zip安裝檔

    24:51
  • lock

    05. 自製外掛課程前的準備工作與介紹

    07:02
  • lock

    06. WordPress外掛中的Singleton 單例模式運用

    12:40
  • lock

    07. 外掛常見的初始化架構

    11:39
  • lock

    08. 管理頁判斷與加入、移除子選單(is_admin, add_submenu_page, remove_submenu_page)

    19:41
  • lock

    09. 加入與移除主要menu頁面(add_submenu_page, remove_menu_page, dashicons)

    08:19
  • lock

    10. 切分出MVC 架構中的Controller與View方便開發

    22:15
  • lock

    11. 利用外掛加入額外內容於頁面內容前面和後面(the_content, filter)

    17:53
  • lock

    12. 加入CSS與圖片完成卡片型元件樣式

    07:21
  • lock

    13. 加入Carousel JavaScript函式庫實現自動輪播

    15:54
  • lock

    14. 加入真實文章資料,修正內容顯示問題(get_posts, is_single, mb_substr)

    14:01
  • lock

    15. 加入Model層,讀寫wp_options資料庫與預設值(get_option, update_option)

    16:45
  • lock

    16. 加入submit form與資料驗證(wp_verify_nonce, wp_nonce_field)

    13:13
  • lock

    17. 改變功能成顯示自己類別的最新或亂數文章

    12:50
  • lock

    18. 加入後台開關與文章類別(post_type)選取功能

    23:49
  • lock

    19. 加入自製短代碼(shortcode),讓個別頁面可以使用功能。

    24:31
  • lock

    20. 加入自製小工具(Widget)以及帶入參數,複習PHP namespace 概念

    31:47
  • lock

    21. WordPress權限介紹與利用權限限制頁面

    06:57
  • lock

    22. 修正雜項,建立readme.txt與unintall.php檔

    05:32

第九章 (總長0.8小時)

本機與雲端主機複製與備份
keyboard_arrow_down
  • play_arrow

    01. 移植與備份章節介紹

    02:40
  • lock

    02. 直接壓縮專案備份及其注意事項

    05:51
  • lock

    03. 備份MySQL資料庫與還原

    09:54
  • lock

    04. 利用備份檔複製本機端站台

    08:42
  • lock

    05. 利用複製本地端網站複製到SiteGound製作網站

    14:39
  • lock

    06. 解決301 redirect 綁住網站頁面無法顯示問題

    03:29

第十章 (總長6.0小時)

[補充] PHP 基本教學
keyboard_arrow_down
  • play_arrow

    01. PHP初學章節介紹

    06:05
  • play_arrow

    02. PHP與Echo

    06:56
  • lock

    03. 註解的寫法

    01:57
  • play_arrow

    04. 變數

    09:37
  • lock

    05. 變數命名與編寫風格

    08:23
  • lock

    06. 字串(String)

    09:52
  • lock

    07. 數字介紹與處理

    17:57
  • lock

    08. 算術運算

    15:32
  • lock

    09. 布林值與條件判斷

    08:34
  • lock

    10. 比較與邏輯運算子

    13:19
  • lock

    11. 更多條件判斷與null空集合

    10:44
  • lock

    12. 取得HTML傳遞參數

    15:10
  • lock

    13. 三元運算子與單行條件判斷

    08:10
  • lock

    14. Switch-case條件判斷

    13:21
  • lock

    15. 陣列(矩陣)介紹

    14:08
  • lock

    16. 陣列的新增與刪除

    11:21
  • lock

    17. [補充]陣列與迴圈的關係

    04:32
  • lock

    18. while 與 do-while迴圈,補充遞增遞減運算子

    16:56
  • lock

    19. for 與 foreach迴圈

    09:23
  • lock

    20. 迴圈的中斷(continue & break)

    18:09
  • lock

    21. 函數與回傳值 ( function and return value)

    19:22
  • lock

    22. 函數的傳入值與預設值 (function and parameters )

    12:19
  • lock

    23. 全域變數與系統函數

    10:34
  • lock

    24. 巢狀迴圈

    12:53
  • lock

    25. 如果只是要看懂WordPress的PHP,到這支影片之前就夠了

    57s
  • lock

    26. Class類別與Object

    27:18
  • lock

    27. 類別常數與靜態方法(Constant & Static)

    12:03
  • lock

    28. 繼承與複寫

    13:04
  • lock

    29. 型別指定與強制轉換

    08:32
  • lock

    30. 利用PHP讀取MySQL資料庫並顯示出資料( mysqli )

    22:32

第十一章 (總長1.5小時)

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

    01. 在Linode上架設Linux(Ubuntu, CentOS)

    17:01
  • lock

    02. Apache 安裝與 Linux基本指令

    07:54
  • lock

    03. 讓Apache可以執行PHP

    08:41
  • lock

    04. 安裝WordPress與MySQL

    07:45
  • lock

    05. 上線WordPress網站(解決MySQL與Linux權限問題)

    09:34
  • lock

    06. 設定網址Domain Name

    05:43
  • lock

    07. HTTPS服務介紹

    09:20
  • lock

    08. 利用Certbot安裝Let's encrypt HTTPS服務

    08:57
  • lock

    09. 用最簡易的方式安裝PHPMyAdmin

    05:47
  • lock

    10. crontab使用與Let's encrypt自動更新

    08:16

第十二章 (總長4.4小時)

[舊版] WooCommerce 3.4
keyboard_arrow_down
  • lock

    01. 購物網站外掛WooCommerce介紹

    06:27
  • lock

    02. 安裝與設定

    05:38
  • lock

    03. [補充] 用PHPMyAdmin備份資料庫資料

    09:09
  • lock

    04. WooCommerce章節課程走向

    03:34
  • lock

    05. WooCommerce初始化與簡易設定說明

    09:11
  • lock

    06. WooCommerce訂單與商品簡介

    10:42
  • lock

    07. 設定1 (一般與購物車行為)

    10:15
  • lock

    08. 設定2 (銀行轉帳與HTTPS介紹)

    10:23
  • lock

    09. 商品1 (簡單商品與庫存管理)

    14:31
  • lock

    10. 商品屬性

    08:37
  • lock

    11. 商品2 - 可變商品

    09:58
  • lock

    12. 商品3 - 組合商品與外部商品

    06:18
  • lock

    13. 折價卷的基本使用(Coupon)

    06:07
  • lock

    14. [金流] AllPay 綠界支付介紹與基本付款(包含解決TradeAmount Error)

    18:00
  • lock

    15. 訂單狀態介紹與名稱修改

    21:08
  • lock

    16. [金流] AllPay 綠界支付完整介紹,修改結帳項目名稱與結束頁面

    22:30
  • lock

    17. [金流] AllPay 綠界支付超商付款展示,與解決訂單無故被取消問題

    16:17
  • lock

    18. [金流] AllPay 綠界支付切換到正式環境

    05:42
  • lock

    19. [物流] AllPay 綠界物流修正與貨到付款

    44:21
  • lock

    20. 客製化既有樣式簡易介紹(子樣式 child-themes)

    16:08
  • lock

    21. 混合既有樣式與撈取商品

    05:17
  • lock

    22. 使用其他樣式與客製化方向

    04:39

課程講師

縱裕

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

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

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