課程緣起
哈囉,您好,歡迎來到平凡以上的 WordPress 新手免費課程。
平凡以上是由 Youtube 起家的,至今已經解決了超過百名網友的問題,過程中也搜集許多同學的疑問,發現同學很難在網路上學習到系統性的 WordPress 教學,除了之外,能在課程中學習到經驗、工作流程、理解的方式更難。因此,我推出一系列 WordPress 課程,希望可以節省同學尋找、學習的時間!
這是給全新手從 0 開始踏入 WordPress 世界的課程,課程將帶你一步步學習 WordPress 軟體,系統化地打好基礎,並且在課程結束後架設好一個有良好結構的官網與部落格,讓往後經營無煩惱。
學習 WordPress 的優點
什麼是 WordPress?
簡單來說,WordPress 是個開源的軟體,以簡單輕鬆的方式製作網站或部落格。複雜一點地說,它是一個基於 GPLv2 合約底下的開源免費內容管理系統,以 PHP 與 MySQL 為平台開發而成。也因著開源免費的關係,所有人都可以簡單的修改他的原始碼並客製化成自己的應用程式。
WordPress 最主要目的就是希望透過開源軟體的方式,幫助所有人都能夠不用會寫程式,也能架設自己的網站。
它到底有多受歡迎,你知道目前統計,全世界有 40% 以上的網站都是透過 WordPress 架設的,而且這個數字在不斷地持續攀升。
為什麼要學習 WordPress,超多優點一次報給你聽!
你已經知道 WordPress 的火紅的程度,或許你可以考慮要使用 WordPress 來架設網站。以下特色也是為何你該使用 WordPress 的原因。
1. 開源軟體、預算低
免費是個大重點,使用 WordPress 你不僅可以不用支付軟體費用,內建的功能也通通都是免費!
你可以在低預算的情況下擁有屬於自己的網站。當然,你還是需要支付網域與主機的費用才能營運網站,但比起其他方法,WordPress 架網站絕對是高 CP 值,有預算優勢的!2. 使用非常簡易
你完全不用會使用寫程式就可以使用 WordPress。當然現在有許多軟體也標榜著不用寫程式就可以使用,例如 Wix, Weebly, Squarespace…
但你知道嗎?你只需要會寫一點點的程式,你可以有更多客製化的選項,因為 WordPress 開源的關係,要改任何東西超級簡單!
而在 2018 年,WordPress 更新了 Gutenberg 編輯器,更大大的提升了編輯頁面的易用性,超級簡單就能做到超專業的網站。3. 資料都是屬於自己的
架站平台(Wix, Weebly 等知名平台)有一個缺點就是「不能倒!」因為你所有的資料都放在平台身上(著名例子像是無名小站關閉)。使用 WordPress 架站,所有資料都是屬於你自己的,WordPress 又是個開源免費程式,世界上絕對有人會協助維護的。4. 超過九千個免費佈景主題
WordPress 有超過九千個免費佈景主題在市場上供你搜尋使用,而有更多付費主體也還沒被統計進來。
這麼多的主題,你一定可以選到一個最適合你使用的佈景主題!這個不喜歡,我們明天起床再換一個。5. 超過五萬個免費外掛程式
你要什麼功能?估計這裡都找得到!WordPress 的外掛程式讓整個軟體更上一層樓,也拓展了不僅僅只是部落格軟體,更是能有不同的應用。
或許這是 WordPress 最核心最核心的功能了!也因著外掛種種特性,讓許多的人紛紛加入 WordPress 的世界裡。6. 搜尋引擎優化
WordPress 5.5 版本過後,就有著內建的 Sitemap 供使用者使用。
因著 WordPress 有良好的結構,完全不怕搜尋引擎找不到網站在哪裡,甚至你根本不需要做任何努力,WordPress 就會自動幫你把 SEO 設定完成。
而進階的使用者更是可以用外掛的方式來增加搜尋優化的功能!7. 更新快速
軟體進步得非常快,因此持續的更新非常重要!WordPress 幾乎每年都會有一次大幅度的改版,並且幾乎每季都會有小幅度的更新修正或推出新功能。
而快速的更新也讓駭客更加不容易入侵,讓你的網站持續處於最新版本,安全又穩定!WordPress 系列課程
平凡以上老師推出一系列 WordPress 課程,除了有基礎免費課程外,想要進階學習的朋友,歡迎根據自己的學習需求,加入以下課程喔!
- WordPress 優化:圖片壓縮、安全性與備份
- WordPress 用邏輯設計網頁:區塊編輯器
- WordPress 部落格架設:頁面彙整到進階工具
- WordPress 打造電商網站:WooCommerce 系統
- WordPress SEO 優化:提升 Google 排名
- WordPress 追蹤碼設定:GA4、GTM、FB Pixel
從基礎扎時學習 WordPress
這個課程因為是全新手課程,有比較多解釋名詞,帶你了解什麼是主機、網址,為什麼我們要用 SSL,DNS 怎麼設定等,可能會有些無聊,但這都是我們在往後設定網站很重要的概念。如果是第一次聽到這些名詞,記得耐著性子把基礎打穩呦~
WordPress 外掛推薦與學習,節省你的寶貴時間
時至今日,WordPress 商城上架的外掛數量已高達 59,000,而且逐年攀升。即使是同功能的外掛也有 10~20 支左右,品質參差不齊,因此挑選適合的外掛是一個非常耗時的事情。
我的興趣是研究外掛,從眾多的同功能外掛中挑選出 1~2 個符合我需求的外掛來使用,因此如果你非常需要節省時間,在有限的時間快速挑選出泛用性高的外掛,這個課程絕對能幫助你節省超多時間!
此外,我將帶你一步一腳印地摸過所有該設定的項目,你不用再一一搜尋每一個功能該如何使用或努力的翻找官方技術文件與說明書,我可以快速協助你了解各個外掛的功能與使用方式。
免費軟體教學
WordPress 架設網站本體是開源的,然而,玩久了就會發現,你需要的其他功能很多都是需要付費的!因此節省成本變成很重要的課題。
我是個很注重 CP 值的使用者,為了以降低成本的方式在維護與經營網站,我所使用的軟體大多都有提供免費使用(當然你的用量如果高達一定程度,也是需要付費的)。
學習別人的架站經驗(就是我!),避免走冤枉路
我使用 WordPress 已經長達八年的時間,學習的過程當中難免會碰壁與撞牆。我碰到許多不好的軟體(免費與付費都有),因此初期網站常常重新架設,走了好多冤望路。
這個課程,我將整理我所有的學習經驗與使用經驗,跟你分享我架設網站的方式,並組織規劃成一堂課程!
在這個課程當中,你完全不需要擔心怎麼選擇軟體、選錯軟體等等,因為我非常精挑細選,只推薦好東西!而我的選擇方式也會在課程中與你分享,你也可以在未來應用在任何軟體上。
最棒的是,完課時,你就可以產出一個專屬的網站喔!
這個課程總共有六大章節,教你如何建立你的 WordPress 網站:
第一章:課程介紹與準備
在這個課程當中,你將設定好學習這個課程所需要的軟體,包括瀏覽器的安裝、在地開發軟體安裝等,並協助你了解網站的基本概念。
1. 課程介紹|快速了解自己適不適合這個課程,以及可以學到什麼內容2. 課程準備|推薦瀏覽器安裝,與推薦外掛程式安裝3. 在地開發|安裝在地開發軟體,讓你的電腦可以免費開始架設 WordPress4. 網站基本概念|網站是怎麼運行的?帶你了解網站的基礎邏輯本章節的學習重點範例:網站運行的概念
第二章:基本設定
這個章節將帶你了解網站的基本概念,並且一步步帶你完成網域與主機的購買,如果你還沒有確定要在網路上運行網站,你完全可以先跳過這個章節,並使用在地開發的方式先練習使用 WordPress。
1. 網域 1 |網域是什麼?廠商怎麼挑?2. 網域 2 |註冊購買 Namecheap 網域的方法3. 網域 3 |註冊購買 Google Domain 網域的方法4. 主機 1 |主機是什麼?主機廠商怎麼挑?5. 主機 2 |最推薦的主機 Cloudways 註冊與購買6. 主機 3 |一台主機安裝更多 WordPress 網站7. DNS 設定|轉址、換主機樣樣行8. SSL 設定|你的網站安全設定,一鍵安裝完成免費 SSL9. SMTP 設定|讓你的主機也能發送 Email章節學習重點範例
從註冊開始手把手的教你如何購買網站運行必備的主機與網址。
第三章:WordPress 後台設定
WordPress 的後台真的不複雜,但是確實有許多東西藏在令人匪夷所思的地方。在這個章節中,你將可以了解整個 WordPress 後台的使用,並學會如何安裝外掛與佈景主題。
1. WP 後台登入|一行網址,任何地點你都能登入網站後台2. WP 後台基本設定|了解後台基本設定,最重要的是把它翻成中文3. WP 後台介紹|一路走過 WordPress 的每個分頁,更加瞭解 WordPress 原生功能4. 安裝主題|超多免費主題等你來挑選5. 安裝外掛|為你的網站添加功能,你可以找到最適合的外掛章節學習重點範例 1:了解 WordPress 後台原生功能
章節學習重點範例 2:學習如何安裝超過 10,000 個免費佈景主題與 60,000 免費外掛
第四章:頁面設定與編輯
這個章節我們將開始學習編輯頁面與樣式。先以佈景主題樣式為主,將網站整體樣式定義出來,接下來會學習如何使用 WordPress 官方提供的區塊編輯器,學習透過區塊的方式編輯頁面。
在這個課程的最後,我們將編輯好三個頁面的網站,並且可以發佈到網路上開始運行。因此學習好這個章節,你就能編輯好一個屬於你的簡易官方網站。
1. 佈景主題|了解主題的概念與其掌管的網站部位2. 設定主題|將網站的主題設定完成,統一你的整體網站樣式3. 頁面編輯設定|預設頁面樣式,編輯頁面更加輕鬆4. 區塊編輯器|認識 WordPress 內建的區塊編輯器5. 內容與媒體區塊|學會如何超簡單插入文字與圖片6. 排版區塊|學習 WordPress 多欄位的排版方式7. 嵌入內容|從 Google map 一路到 Youtube,任何想嵌入的內容都沒問題8. 重複區塊|將區塊包裝起來,各處貼重複使用9. 頁面編輯|簡單頁面編輯練習,3 個 Section10. 關於我們頁面|預設頁面與關於我們頁面編輯11. 隱私權政策|編輯隱私權政策頁面12. 網站選單|最上方的網站 Menu 快速製作13. 文章設定|將內容管理系統納入到官網中,你也可以寫部落格14. 聯繫表單|讓使用者聯繫你的方法15. 公開網站|簡單一設定,你的網站就開始在網路世界運行拉~學習重點範例 1:佈景主題概念與控制設定
學習重點範例 2:區塊編輯使用方式
學習重點範例 3:區塊編輯排版方式
學習重點範例 4:學習製作一個 三段落 的首頁
學習重點範例 5:學習製作關於我們頁面
學習重點範例 6:學習製作網站選單 Menu
第五章:Stackable - 第三方區塊編輯器外掛
學習透過官方的區塊編輯器,你能夠做到簡易的編輯,然而 WordPress 有許多的第三方軟體是更好用更有設計感的,因此在這裡會以 Blocksy 所推薦的第三方區塊軟體 Stackable 為例,教你如何透過第三方區塊來編輯頁面,快速的設計好一個現代化的網站。
1. Stackable 安裝|從 WordPress 商城安裝 Stackable 區塊2. Stackable 設計庫|除了區塊以外,Stackable 提供豐富的設計庫快速套用3. Starter Site 快速製作網站|沒時間架設網站嗎?使用 Starter Site 快速架設一個完整的官網學習重點範例:使用設計庫,點著點著網站就完成
第六章:大挑戰 架設基本官網
在這個章節中,我們將整合前面所學的所有知識,架設好一個基本官網,你將能透過這個大挑戰檢視自己的學習成效。不用擔心大挑戰失敗,沒有人會為你打分數。我們透過大挑戰,檢視自己哪裡不足,並從中學習,如果你大挑戰完全沒問題,那就表示你已經可以自己架設屬於自己的網站了~歡迎來到 WordPress 的世界!
1. 大挑戰說明介紹|了解接下來你要面對的挑戰~2. 佈景主題基本設定|快速設定好佈景主題3. 首頁製作|以自己的方式建立好一個首頁4. 營業資訊+部落格頁面|以自己的方式建立好資訊頁面與部落格頁面5. 隱私權政策+頁尾|以自己的方式建立隱私權政策頁面學習重點範例:練習製作一個網站首頁
關於講師
平凡以上的創辦人,李東霖
擁有中山大學教育所學位,致力於線上學習與無所不在學習,結合教育專長與影片學習,教你有邏輯有組織規劃的學習軟體知識。相信終身學習與線上學習之間新型態的翻轉教育。
曾開課包括 WordPress 網站架設、網站速度優化、WooCommerce 電商平台、SEO 搜尋引擎優化等。
擅長軟體操作與生產力工作的使用。
平凡以上作品集
很多網站都隨著時間新增更多不同內容,並有排版與設計上的更改,截圖畫面為當時製作完成的成品樣式,想觀看更多網站專案,或觀看最新的網站設計樣式,歡迎您點擊以下連結:
更多平凡以上教學連結
平凡以上致力於 WordPress 的教學,發現好用的東西、實驗性的產品、資訊的分享與統整等,都會放在 Youtube 頻道以及資訊中心呦~
這些資源較多以分享資訊為主,扎實的教學內容一定要來 Hahow 學習~
學員分享心得
上完課的文字心得
- 迷途羔羊/產品部落客
原本有打算架設 WordPress ,結果安裝完成發現什麼都不懂也不知道怎麼操作… 看完平凡以上的教學真的可以順利架設網站!- Lay 皮革工作室/個人工作室
超讚的架網站方式,原本只有經營粉絲專頁,自從加入網站後有許多顧客透過 Google 搜尋找到我~ 業績增加了不少呢!- 卡米拉/上班族
本來沒想那麼多,只是有興趣架設網站,沒想到這麼有趣啊~學員作品連結分享
網站經營每日都在變化,因此學員作品不以截圖的方式分享,以連結的方式與您分享,不同時間點進去觀看都可能有更多不同的內容~
回覆與作業設計
問題回覆頻率
線上課程大家最害怕的就是有問題沒地方問,平凡以上是由 Youtube 起家的,至今已經解決了超過百名網友的問題,身為我的學生你絕對找得到我。
平凡以上有 Facebook 社群、粉絲專頁、官方網站、Youtube 頻道與 Email 信箱,而這個課程也有留言回覆的功能,
我會以每週回覆至少一次訊息的頻率,協助大家學習!作業批改頻率
這個課程為免費課程,所有作業皆以與老師分享您的作品為主。都沒有標準答案呦~
歡迎同學與老師分享您的學習成果~
其他資源
"Icon made by Freepik from www.flaticon.com"

