線上課程平台架設：如何製作線上教學網站（詳細流程＋推薦 ...

這是一篇完整的「 線上課程平台架設」教學，我們將使用WordPress＋WooCommerce 強大的架站軟體，量身打造客製化的網站。

不論是何種性質的教學平台， ... Skiptocontent 希望這篇文章對你有幫助！ 如果希望我協助「網站建置、主機代管等..」，歡迎聯絡我。

這是一篇完整的「線上課程平台架設」教學，我們將使用WordPress＋WooCommerce強大的架站軟體，量身打造客製化的網站。

不論是何種性質的教學平台，想建置：影音、文章、圖片等..多種媒體形式的課程網站。

以及想擁有：新增＋管理線上課程、作業上傳、學生（會員）系統、評分測驗、接受付款等..功能。

這篇教學文章都能夠一一幫助你完成：） 本次教學，會從架設網站（網域購買、主機選擇）>基本主題/外掛安裝>線上課程外掛操作>網站上線，一步步帶領各位站長完成線上課程網站建置～ ★☆—重要資訊—☆★ 犬哥網站與A2Hosting主機有長期合作關係，點擊網站上任一個A2Hosting連結前往官網（包含點擊此連結），最高可享有70%的讀者折扣，請一定要把握：） 我們將使用WordPress線上課程外掛：LearnDash架設線上課程網站。

更多課程外掛推薦清單。

全文章節如下： 1.如何自架網站2.虛擬主機推薦3.A2Hosting方案選擇4.Astra主題安裝＋套用課程模板5.Learndash是什麼6.LearnDash方案如何選擇？7.Learndash安裝＋啟用憑證全站設定課程面板完整設定課程總覽（Course）課程章節（Lesson）單堂小課程（Topic）測驗（Quiz） 課程頁面風格化設計首頁課程列表上線課程付款設定（串接WooCommerce金流）會員/學生介面新增會員頁面如何管理會員安裝＋啟用ProPanel（分析數據）常見問題WordPress學習資源 1.如何自架網站？ 架設網站3要素 1.網域申請（申請門牌） 2.主機租用（租一塊地） 3.網頁設計（搭建房子） 網站能正常運作，就需有「個人網域」＋「虛擬主機」，這是基本配備。

這也是每個網站主都需負擔的小投資，沒有例外。

差別是，跟著我的架站教學，你可用最少的預算，建置你的網站：） 網域如何取名呢？ 網域是什麼？「網域」是網站組成的第一步，就像家的門牌一樣，讓人可以順利找到你的網站。

簡單好記：越簡單的網域名稱越方便使用者查詢和記憶。

例：蘋果–https://www.apple.com/ 品牌名稱：網域名稱以品牌為名，打算發展品牌的公司，可用這個方式。

例：愛迪達–https://www.adidas.com/ 與服務or產品有關：與服務或產品有關聯。

例：博客來–https://www.books.com.tw/ 去除www：目前大部分新網址都不太會在前面加上www，這是比較舊式的用法。

.com優先：.com是大多數人的直覺印象，主要方便好記，增加搜尋率。

勿用中文：網址傳輸是以英文為主，所以網址上有中文，就會轉成一長串的特殊符號＋數字，除了難記外，對排名也不太理想。

網域取名完成後，接下來可以看一下網域後綴部分（或稱為頂級域名），要如何選擇呢？ 一般最常選擇的就是.com類型的頂級域名，它適用於任何場合或服務，通常也是最熱門的選擇（會建議優先選擇）。

但有時候喜歡的網域名字，剛好偏偏被註冊走了，就能用更換頂級域名的方法，還是有機會註冊到自己喜愛的名字。

有關於網域後綴名（頂級域名），有哪些常見的類型呢？下面僅列出一些分享。

tw/cn/jp：代表不同國家，如台灣、中國、日本等..（選擇這類型的網域，可挑選網站主要訪客的居住地）。

co：可解讀為公司或企業的英文縮寫，但基本上適用於任何情況，可當作com申請不到的替代方案（簡單好記）。

net：網路相關行業可使用，但無明確限制。

info：資訊性類型網站可使用，但無明確限制。

org：organization（組織）縮寫，適合非營利組織、基金會、人文組織、宗教組織等..，但無明確限制。

虛擬主機是什麼？ 「虛擬主機」是主機公司在自管的實體主機上，切分成多個虛擬空間，並把這些空間，租給一般使用者使用。

這樣可大幅降低使用者的費用，因為養實體主機是很貴的，所以絕大部分的網站主，通常都是租用現成的。

另一個比喻，如果把網址比喻成「門牌」，那虛擬主機就是「家」的角色。

如果網頁製作完成了，就需放置在優質的虛擬主機，才能確保網站不會受到攻擊，和速度穩定。

如何挑選虛擬主機？ 公司規模：國外知名虛擬主機公司，都是全球性服務，不論公司規模、營運歷史、主機性能、規格服務，通常優於國內主機。

主機性能＆功能性：主機穩定度＆安全性是重要的，網站才會安全有保障。

還有主機的方案規格是否理想。

方案價位：通常國外的價格，會比國內便宜，但建議不要都價格取向，如果主機因此性能不好，之後你也會選擇離開的。

WordPress是什麼？ WordPress它是全球知名的網頁設計軟體，全球有30%以上的網站，都來自於WordPress。

WordPress網站使用人數 擁有上萬個佈景主題（樣板）和功能外掛，只需一鍵安裝即可成為多功能網站。

或許你不知道怎麼選，請參考優質佈景主題和優質外掛推薦，會給你應該的幫助。

WordPress可完成多種網頁設計，如：部落格架設、個人品牌或公司企業官網、購物網站架設等.. 最大好處是，它是免費開源的軟體，可完全掌握自己網站資料，不需被任何網路平台、網頁設計公司牽制。

因為你就是網站的擁有者。

2.虛擬主機推薦 A2Hosting是一家全球知名的虛擬主機和網域託管服務商，它從2001年就開始提供相關服務，由於創辦人本身有程式相關背景，所以主機速度優化上，一直是它們的服務重點。

它在虛擬主機上提供多種服務項目，像是共享主機、WordPress專業主機、VPS主機、獨立主機，隨著你的網站規模越大（流量越多）可同步升級服務，滿足不同時期的需求。

搭配24/7/365全年無休的線上客服，遇到任何問題能在第一時間幫助解決。

不需擔心語言不通問題，因為A2Hosting客群來自世界各地，用簡單的英文程度（Google翻譯），他們都聽得懂唷。

A2Hosting正常運行時間和安全性 根據過去24個月的數據，A2全年有99.9%以上的正常運行時間（沒任何一家能保證100%），這代表你網站幾乎不會異常斷線，都是穩定的在線上運作。

這使它成為主機穩定度、安全性的有力競爭者。

A2hosting：主機正常運行時間 A2Hosting網站速度表現好嗎？ A2Hosting在全球各地有多個數據基地台，滿足不同地點的主機連線速度，像是台灣用戶就可到連線最近的新加坡基地。

這是我之前主機放置在A2Hosting所做的記錄（評測紀錄是A+），網站加載速度大約83毫秒，是優質的主機速度。

虛擬主機響應速度（來自bitcatcha評測） Google建議的響應時間是200毫秒（越短越好）。

所以低於180毫秒的網站內容會被評為A+。

A2Hosting的TurboBoost以上方案，有針對主機速度做特別優化，官方表示會比一般常規站點最多快上20倍，這是它的特別優勢。

配上A2Hosting任一個共享主機方案，全部皆使用SSD存儲，這確實有助於其快速加載速度（SSD的速度比普通硬碟快30％）。

每降低一秒的網站速度，這代表能保留更多訪客留存，進而轉化成網站訂單。

3.A2Hosting方案選擇 這章節會進行「A2Hosting」的主機方案選擇，帶你選擇適合自己的方案。

首先，點擊前往A2Hosting官網，會直接來到WebHosting主機頁面，或是點選Hosting>WebHosting前往也可以。

前往WordPressHosting主機 點擊此處，獲得A2Hosting的專屬優惠 接著往下滑，會看到不同的主機方案，如果你正猶豫如何選擇，下面我會給你一些選擇建議。

A2Hosting教學：WordPress主機方案選擇 小備註：方案價格會隨著主機廠商有所調整，以A2Hosting官網呈現價格為主。

要選擇哪種A2Hosting主機方案？ A2Hosting共享主機提供4種方案選擇，分別是StartUp（入門）、Drive（行駛）、TurboBoost（渦輪）、TurboMax（增大渦輪）。

它的任一種方案，全都享有WordPress一鍵安裝、大量網路SSD儲存空間、不計網站流量、SSL免費憑證、A2速度優化軟體、免費網站搬家、CloudFlareCDN服務、CPanel多功能介面、數據中心選擇等..，這是超值的功能服務。

隨著方案提升又提供更多進階功能，這邊我簡單的統整，方便你找到適合自己的方案。

只需架設一個網站，且有預算考量：StartUp方案 需架設多個網站，且有預算考量：Drive方案 需架設多個網站，且預算還算足夠，對主機速度有進一步追求者：TurboBoost方案 如果是WordPress新手入門，會建議選擇StartUp或是Drive方案，能讓你用最少預算開始，也不會一開始負擔就太多。

Drive方案以上，都能架設無限網站、無限網路儲存空間，所以整體會比StartUp划算一點（但還是要看你的預算）。

不管選擇的是哪種主機方案，A2Hosting本身賣點就是注重主機速度，所以表現基本都會在水準之上（不會因為你是否選擇TurboBoost方案）。

但如果你有現成或是較多的穩定流量，會建議直接選擇TurboBoost方案。

此方案大幅優化了主機速度，它們表示TurboBoost方案以上的主機速度，比一般常規站點快上20倍，比較不會遇到速度上的問題。

至於TurboMax方案我不建議使用，因為這個費用太貴了（同樣費用有更好的選擇），且和TurboBoost方案功能差不多。

如果A2Hosting整個共享主機方案都還是無法滿足你，有關於更高規格的主機，會比較推薦Cloudways雲端主機。

A2Hosting費用了解 A2Hosting通常費用是，網址$14.95美元/年（一年約450台幣），和主機$10.99美元/月（一年約3960台幣）。

值得開心的是，A2Hosting 官方同意為我們網站讀者，提供最高可享有70%的主機折扣，一次購買越多年折扣越多（這裡需特別留意，A2Hosting只有年租方案才享有優惠價格）。

下表是用台幣計算，美元台幣匯率用經常的1：30換算（P.S當前匯率更低，換算下來更優惠）。

StartUp方案Drive方案Turbo方案買一年：特價約2520元買一年：特價約3600元買一年：特價約3960元買二年：特價約3160元買二年：特價約5760元買二年：特價約7190元買三年：特價約3230元買三年：特價約6450元買三年：特價約7550元 小提醒：新手可購買1年的StartUp或是Drive方案，用最少預算入門：） 點擊此處，獲得A2Hosting的專屬優惠 這等於說，在A2Hosting申請個人網域和主機，最少可用大約3000台幣（網域＋主機費用），就能開始啟動你的網路事業，並享有完整的主機規格服務。

不論你購買的是哪種主機方案，只要點擊本站A2Hosting連結，讀者們都享有優惠價格。

4.Astra主題安裝＋套用課程模板 這章節，會教如何安裝WordPress佈景主題＋套用模板，讓網站看起來美觀且功能性更強。

Astra是一款熱門多功能的輕量級主題，主題執行速度快速，可拿來建立多種類型的網站。

為了方便接下來教學，建議先跟我一起安裝 Astra主題，有免費版可安裝。

更多可參考Astra主題入門、AstraPro進階教學。

WordPress佈景主題安裝 首先，前往WordPress後台>外觀>佈景主題，點選安裝佈景主題。

前往WordPress主題安裝 在搜尋欄位輸入Astra，我們安裝Astra提供的免費版本，安裝完成後請記得啟用，才會真正套用主題。

建立Blog：wordpress佈景主題安裝 主題啟用完成，前往網站前台看一下成果，看起來還不錯的WordPress主題，成功出現啦。

WordPress佈景主題安裝成功 使用Astra形象模板 Astra有提供多種現成模板，安裝模板匯入外掛就能直接使用，可節省網頁設計時間。

前往外觀>AstraOptions，點擊InstallImporterPlugins安裝模板匯入外掛。

或是安裝StarterTemplates外掛，這兩種方法都是一樣的。

安裝Astra樣板匯入外掛 安裝並啟用模板外掛，會看到Astra支援多種頁面編輯器模板，選擇熱門的Elementor類型。

Astra匯入樣板，選擇Elementor類型 進入後，有多種免費模板可供安裝，但有些是進階版才能使用，更多AstraPro進階版教學。

套用課程主題模板 我們搜尋LearnBaking進行安裝。

（建議先跟我安裝一樣的，方便接下來教學，學會後都能再更換）。

選擇「ImportCompleteSite」完整匯入該模板。

線上課程平台架設：安裝LearnBaking樣板 匯入完成，到前台檢查，恭喜大家完成簡單的網站外觀設置，之後也可以找到自己喜歡的模板來製作唷：） 線上課程平台架設：套用LearnBaking樣板成功～ 5.LearnDash是什麼？ LearnDash：最全面的架設線上課程網站外掛 LearnDash是一款老牌且強悍的WordPress線上課程外掛，目前有許多500強公司及大學正在使用，雖只有付費版本，但它強大且完整的功能，是我想推薦它的主因。

更多LearnDash完整教學。

LearnDash具備所有線上課程外掛必備功能，包含：上傳各種檔案形式的課程文件、課程內容下載、銷售課程、學生獎勵積分、老師管理、作業及測驗等..。

設有自動電子郵件通知，以及後台詳細的課程相關數據報告，且前台網站可客製化樣式，並且具備響應式設計，一次設計便可適用於任何裝置。

LearnDash可自訂義多方面樣式 在課程設計方面，LearnDash帶有簡單的區塊式編輯器，可在頁面上嵌入，在設計上更直觀。

更多如何使用區塊編輯器新增頁面。

還可建置多層級課程，並且有課程計時器，紀錄學生的閱讀時間。

也可為課程設置學習條件，例如：解鎖B課程，必須先學習A課程。

除此之外，測驗系統也有多種不同問題類型可設置，如：問答、選擇、多選、對錯等..，讓測驗卷變得更豐富。

LearnDash設置多種問答類型測驗 學生及教師方面，可設置學生及老師群組，讓教師可在群組中配置作業、額外課程、管理等..多功能。

LearnDash也設有學習論壇，方便教師以及學生討論問題。

課程學習至某個段落，可向學生顯示成績、排行榜、課程積分，與證書和徽章系統有良好搭配，增加學生的成就感。

LearnDash：後台新增教師及學生群組 最重要的付款方面，LearnDash提供了大量的付款方案相關設置，包括：訂閱、一次性購買、會員資格、線上課程購物車等..。

且LearnDash與WooCommerce串接，讓台灣的站長可使用線上付款的相關功能。

更多WooCommerce教學。

LearnDash可使用WooCommerce相關購物車、付款功能 方案評論 LearnDash是目前最推薦使用的線上課程外掛，它適用於WordPress熱門主題，可以更完整且全面的功能來管理線上課程網站，適合建置不同類型的課程網站。

查看付費方案。

且LearnDash與許多第三方外掛串接，可以安裝許多額外的外掛、附件來擴充其功能。

能與WooCommerce串接，是我最主要推薦的原因之一，台灣的站長可以不用煩惱付款的問題。

課程銷售也有許多方案供站長選擇，像是：先免費試閱後付費、一次性付款、訂閱會員制、課程組合包等..，可以更好地銷售你的線上課程：） 上述的這些都是LearnDash強大的功能範圍。

如果你正在考慮使用哪款WordPress線上課程外掛，那LearnDash應該會是最優質的選擇之一：） 立即取得LearnDash外掛 6.LearnDash方案如何選擇？ 瞭解了什麼是LearnDash之後，這個章節，我們就要來開始安裝＋啟用LearnDash啦！ 首先，前往LearnDash官網，點擊右上角「GetLearnDash（取得LearnDash）」按鈕，前往LearnDash方案購買頁面。

LearnDash線上課程外掛 立即前往LearnDash方案選擇 LearnDash目前只提供年租制的方案，所以下面所有的價格，都是按年付費。

下圖分為三個方案：「BASIC」1個站點、「PLUSPACKAGE」10個站點、「PROPACKAGE」25個站點。

站長們依據需求做選擇即可。

LearnDash年租方案一覽 我選擇的是PLUSPACKAGE方案，因為此方案可架設多達10個線上課程網站，且有包含LearnDash提供的「ProPanel」功能。

小備註：ProPanel可供站長分析現有學生、學習狀況、課程的訂購成長等..數據，在後面我們也會介紹。

選好方案後，我們直接進行結帳，會跳到輸入結帳資訊的頁面，讓站長們確認購買方案。

LearnDash結帳頁面確認購買方案 確認購買方案無誤，我們往下填寫結帳資訊，填寫完畢，按下「SubmitOrder」即可完成購買。

LearnDash結帳頁面輸入訂購資訊 這樣我們就完成LearnDash的購買流程啦：） 7.LearnDash安裝＋啟用憑證 完成購買，LearnDash會寄送多封電子郵件，包含：收據、歡迎使用信件、會員後台登入路徑及資訊等..。

從郵件中的網址可直接連結到LearnDash會員後台。

Step1：安裝LearnDash課程外掛 進入LearnDash會員後台，我們使用信件中官方給予的帳號＋密碼登入。

登入LearnDash會員後台 登入以後，我們會看見會員後台有：LearnDash、ProPanel的下載點＋憑證，還有演示站點。

選擇「Download」按鈕，下載LearnDash。

LearnDash後台下載檔案包 下載完成，我們會獲得一個檔案包。

接著前往WordPress後台，找到外掛>安裝外掛>上傳外掛，把LearnDash外掛檔案包上傳安裝＋啟用。

上傳LearnDash外掛檔案包 這樣LearnDash外掛就完成安裝囉：） Step2：啟用憑證 接著我們啟用LearnDash使用憑證。

前往LearnDash會員後台，選擇LearnDash>LicenseDetails按鈕，前往購買憑證頁面。

找到「LicenseKey」，複製你的啟用憑證。

複製LearnDash啟用憑證 小備註：AuthorizedDomainUsage區域可管理已使用該憑證的網域。

接著前往WordPress後台>LearnDash>Setting頁籤>LMSLicense區塊，填入購買時填寫的電子郵件，並將憑證複製貼上。

最後選擇「UpdateLicense」上傳購買憑證。

輸入＋啟用LearnDash憑證 這樣就完成LearnDash啟用憑證囉，恭喜大家，我們可以開始使用LearnDash的功能了～ 全站設定 安裝＋啟用LearnDash之後，我們馬上開始架設線上課程網站的第一步：進行全站設定吧：） LearnDash的全站設定相對簡單好上手，我也會一步步帶領大家操作。

準備好的話，我們就開始囉～ General一般設定 前往WordPress後台>LearnDash>Setting頁籤>「General（一般設定）」區塊。

因為一般設定有較多區塊面板，所以我會分小章節，分別講解。

Design&ContentElements設計＆內容元素 進入「General（一般設定）」面板後，首先，我們會先看到「Design&ContentElements」區域。

在這裡，我們可以調整：全站色彩、Logo、課程顯示的相關選項。

依照圖片順序，將「焦點模式」、「LearnDash會員註冊功能」、「變更Logo」、「影片響應式大小」，一一做相對應的開啟＋變更。

線上課程平台架設：變更「Design&ContentElements」區域設定 AccentColor：主視覺色，整個課程主題＋列表使用的主要顏色。

ProgressColor：用於所有進度條相關項目的顏色設定。

NotificationsWarnings,etc…：警告、重要信息時會顯示此顏色。

FocusMode：焦點模式。

提供無干擾的課程體驗，讓學生可以專注在課程頁內容，啟用後會一次適用於所有課程。

Login&Registration：啟用LearnDash模版的登錄和註冊頁面。

LogoUpload：變更全站顯示Logo。

VideoResponsiveCSS：讓全站影片呈現響應性設定。

如果後續發現影片無法正常顯示問題，再關閉該選項。

這邊我想特別讓大家看一下開啟「FocusMode」焦點模式的課程面板。

焦點模式會在前台的課程頁面上，新增一塊課程進度控制面版，若關閉此功能，就不會出現下圖的控制面板。

線上課程平台架設：「FocusMode」焦點模式 全部設定完成，按下「Save（保存）」即可。

GlobalPaginationSettings全局分頁設置 往下滑我們會看見「GlobalPaginationSettings」區域，這邊可為各種列表指定每頁顯示的課程、測驗項目數量。

若沒有特別需求，維持原設定即可。

線上課程平台架設：「GlobalPaginationSettings」區域預設設定 AdminUserSettings管理員用戶設置 接著往下，看到「AdminUserSettings」區域，這裡可控制管理員在課程頁面的權限。

若無特別需求，維持預設設定即可，詳細說明如下圖： 線上課程平台架設：「AdminUserSettings」區域預設設定 CourseAuto-enrollment：允許管理員訪問課程頁面時不需註冊課程。

BypassCourselimits：允許管理員以任意順序訪問課程內容，繞過所有進度及訪問限制。

IncludeinReports：在數據分析報告中包含管理員的使用資料。

CustomLabels標籤設定 接著我們切換到Setting頁籤>「CustomLabels」區塊，這裡可以設定後台的全部標籤。

沒有一定要輸入什麼，依照站長習慣填入標籤，或是使用預設設定也可以：） 如果在變更之後，想切換回預設的英文標籤，設定為空白後儲存即可。

線上課程平台架設：CustomLabels後台標籤設定 小提醒：此區塊是更改後台的標籤字，如果前台有英文字需要進行翻譯、調整，可參考LocoTranslate外掛教學來進行前台字串調整～ 因為後面的幾項設定區塊，台灣的站長不太會使用到，也不會影響到線上課程網站的架設，我就不一一介紹了。

若在其他設定區塊有使用上的疑問，歡迎留言詢問唷：） 恭喜大家完成了第一步的全站設定，我們一起前進下一章節！ 課程面板完整設定 這個章節，我會教大家認識課程面板的相關使用設定，並帶領大家新增一門完整的課程。

這些功能介紹會包含：課程總覽、課程章節、單堂小課程、作業上傳、測驗等..重要功能唷，所以大家要好好學習這一章節！ 準備好的話，我們就馬上開始吧～ 課程總覽（Course） 第一步，我們要先來新增課程總覽，也就是課程總簡介的部分。

課程總覽新增 我們先到LearnDashLMS>Courses>選擇「AddNew」新增一個課程總覽（培訓班）。

LearnDash新增第一個課程總覽 進入編輯頁面，填入課程主標題、課程內容大綱。

這邊還需調整：永久連結的網址代稱（需設置英文或數字，否則前台網站會無法正常顯示）、課程分類、課程標籤。

LearnDash輸入課程簡介、修改永久連結等..設定 接著設定精選圖片，因為精選圖片之後會呈現在前台課程列表上，所以尺寸以及設計很重要唷。

全部變更完成，可先按「發布」或是「更新」儲存課程總覽設定。

LearnDash變更課程總覽精選圖片 我們前往課程總覽的網址檢查前台網站，發現成功新增第一門大課程囉：） 線上課程平台架設：成功新增第一門課程總覽！ 太好了～我們距離課程網站的建置成功邁出第一大步，那我們先回到後台，繼續相關設定吧！ 課程總覽設定 切換到「Settings」面板，這邊我們可以為這堂課程設定：內容顯示權限、付款設定、課程先決條件等..。

先看第一個區塊：「DisplayandContentOptions」。

這個區塊可以設定課程教材說明、顯示權限，如下圖所示： DisplayandContentOptions內容顯示設定 CourseMaterials：課程教材，可選擇是否顯示課程所需材料供學員參考。

CourseCertificate：證書，設定完成該門課程學員可獲得的證書。

CourseContent：閱覽該門課程的權限，是否對外開放/只限註冊會員預覽。

CustomPagination：在底頁顯示的章節＋單堂課程數量，若無特別需求維持預設即可。

若是有設定課程教材/其餘資料，會在前台網站新增一個「Materials」切換按鈕，可查看該課程需要準備的物品：） 線上課程平台架設：前台顯示切換教材按鈕 我們回到Course設定，往下看第二個區塊：「CourseAccessSettings」。

這裡可操作訪問者/會員對課程的訪問相關權限等..設定。

CourseAccessSettings設定課程付費、此門課程的先決條件 AccessMode：可設定訪問這門課程的權限，新增付款方式（後續章節會有詳細教學）。

CoursePrerequisites：開啟訪問這門課程必須先學習某些課程的功能。

AnySelected：學習任一門被選擇課程，即可學習此門課。

AllSelected：學習所有被選中課程，才可學習此門課。

CoursestoComplete：選擇必須先學習的課程。

訪問課程權限關乎到付款設置，會在後面的章節進行詳細說明，這邊我們先跳過不談。

往下的選項是「課程先決條件」，開啟過後可設定學習此堂課程的必要條件，也就是學員必須先學習某些課程，才可開始學習此堂課。

以烘焙教室來舉例，可能有站長希望學生在學習「蛋糕食譜」之前，必須先學會「揉麵團」、「打發奶油」課程，那便可以在這裡設定先決課程。

接著往下可以設置：課程積分、課程訪問期限，如下圖。

CourseAccessSettings設定課程積分、課程訪問期限 課程積分可以當獎勵學生學習的額外項目，是否設置可依照站長的需求。

付費/註冊後幾天刪除課程訪問權限，可以結合多種課程促銷方案，例如：免費試用、期間限定課程等..銷售方式，讓站長自由發揮：） 接著我們往下看到：「CourseNavigationSettings」區塊，這裡可設定該堂課程的學習形式，分為：自由、線性兩種模式。

「自由」模式可讓學員自由選擇學習課程的順序，而「線性」模式則是必須照著章節順序學習。

CourseNavigationSettings設定學生學習進展方式 以上就是課程總覽（Course）的全面設定，完成設定後，我們選擇「更新」儲存，繼續進行下一步驟！ 主課程/課程章節（Lesson） 建立＋設定好課程總覽後，我們的下一步就是建立＋設定主課程，也就是課程章節的部分。

課程章節新增 我們一樣在Course>切換「Builder」面板>「NewLesson」按鈕>輸入主課程（課程章節）名稱>按下「AddLesson」。

成功新增一個附屬於課程總覽下的課程章節。

LearnDash新增第一堂主課程章節 記得每次新增章節過後，都要按下「更新」儲存設定唷。

接著，我們示範如何填寫課程章節的內容～ 按下課程章節旁邊的「Edit」。

LearnDash準備變更課程章節內容 我們會跳轉到此項課程章節的編輯頁面，輸入課程章節介紹，設定永久連結（不設定永久連結會無法連結至課程章節頁面）。

同樣也可設定標籤＋分類（不一定要設定，各站長可自行決定）。

LearnDash變更課程章節內容＋永久連結設定 記得要按下「更新」儲存剛剛填寫的課程章節內容。

成功新增～我們可以到前台查看剛剛新增的課程章節。

線上課程平台架設：成功新增第一個課程章節！ 可以看到「01.馬卡龍烘焙方法」課程章節，附屬於「如何製作馬卡龍」課程總覽之下，還出現有標記學習完成的按鈕「MarkComplete」。

當學生學習完整個章節，按下完成按鈕，總進度便會前進一格。

在成功新增第一個課程章節後，我們馬上來學習如何設定課程章節吧！ 課程章節設定 回到Lesson頁面>切換到「Settings」面板，我們可以對該課程章節進行細節設定。

第一個區塊，同樣是「DisplayandContentOptions」，也就是內容及顯示設定，不過課程章節與課程總覽的設定項目是不同的唷～ 詳細如下圖說明： DisplayandContentOptions課程章節教材、影片相關設定 教材部分，與課程總覽（Course）一樣，可新增該章節所需要教材/資料。

影片部分，我們可以使用網址、上傳iFrame、短代碼等..形式，將影片嵌入至章節，設定完成章節及附屬單堂課程之前或之後必須閱覽影片，以及各種播放設定。

往下的設定還有：作業上傳、課程計時器功能。

DisplayandContentOptions課程章節作業上傳、課程計時器功能 作業上傳功能開啟後，學員可以在課程章節處上傳作業，在設定裡可調整：檔案格式及大小、積分獎勵、自動/手動批改，作業上傳次數、學生可否刪除作業等..設定。

課程計時器是限定學生在一定時間內，不能按下完成按鈕，將該章節標記為學習完成。

小備註：影片、作業、時間限制這三個功能，每個課程章節只能選擇一項設定唷！ 最後一個區塊「LessonAccessSettings」，可調整：課程章節附屬、訪問者閱覽權限、發布日期。

LessonAccessSettings調整課程章節附屬、訪問者閱覽權限、發布日期。

AssociatedCourse：指定該課程章節附屬於某項課程總覽下。

SampleLesson：範例課程。

即使課程設定付費，也可讓未付費的使用者學習，作為參考。

LessonReleaseSchedule：課程章節發布日期，可設定三個時間點：立即發布、會員註冊幾天後發布、指定日期統一發布。

這些設定可以配合銷售方案，來進行更細節的操作唷；） 全部設定完成，記得點選「更新」儲存課程章節內容設定。

接著我們回到Course>找到現在正在設定的課程總覽>Builder，來新增附屬在課程章節（Lesson）下的單堂小課程（Topic）。

單堂小課程（Topic） 回到Builder，開始新增＋設定課程章節裡的單堂小課程吧！ 單堂小課程新增 我們找到想新增單堂小課程的課程章節>選擇下箭頭打開>按下「NewTopic」>輸入小課程名稱>「AddTopic」新增。

LearnDash新增附屬於課程章節下的單堂小課程 我們可以持續加入單堂小課程，這邊我依序新增了兩堂小課程。

LearnDash持續新增附屬於課程章節的單堂小課程 接著我們可移動到想編輯內容的小課程上，選擇「Edit」進行內容變更。

點選「Edit」進入變更單堂小課程內容頁面 進入變更頁面後，我們同樣輸入單堂課程內容，並且記得變更永久連結，都完成之後，記得要按「更新」儲存。

課程分類、課程標籤，同樣新增與否站長自行決定即可：） 新增單堂小課程內容、設定永久連結代稱 其他的單堂小課程，也可以依照上面教學，將內容編輯填寫完成。

單堂小課程設定 接著我們切換Settings面板，來查看單堂課程的設定。

單堂課程的設定與課程總覽、課程章節基本上功能重複，大致如下圖： 單堂小課程相關設定 因為相關功能與課程章節大致相同，我就不再贅述，站長們可以對照課程章節的設定功能去做相對應調整唷：） 設定完成，可以按「更新」儲存，接著一一去設定其他單堂小課程。

測驗（Quiz） 回到Course>Builder，我們一樣使用Builder面板新增測驗功能。

測驗＆題目新增 點開下箭頭>「NewQuiz」按鈕>輸入測驗題目>「AddQuiz」成功新增一項測驗！ LearnDash新增測驗 新增測驗後，我們可以隨意拖動測驗的位置，按住拖曳到「1-1準備材料」小課程底下。

測驗不一定要附屬在小課程裡，也可以在小課程之外，可依照自己使用習慣做調整。

可拖曳測驗至任意位置 接著我們同樣按下「Edit」變更測驗內容＋新增題目，填寫測驗內容、修改永久設定，接著按下「更新」儲存。

填寫測驗內容＋修改永久連結 新增一份空白的新測驗後，我們還要為這份測驗新增題目。

LearnDash題目類型有許多種，大致分為：單選題、多選題、簡答題、排序題等..多達8種題目類型可讓測驗卷有多樣化的變化。

在測驗中新增題目：切換到「Builder」面板>「NewQuestion」按鈕>輸入題目>「AddQuestuon」新增。

新增測驗底下的第一個題目 成功新增第一道題目後，我們就來設定題目的類型以及選項、答案吧！ 新增題目後，選擇下三角打開題目，找到「Question」旁邊的藍色鉛筆輸入題目，最右邊的下拉選單可以選擇題目類型，以及答完題目可或得的積分。

答案的部分，按下「Newanswer」可以新增答案，旁邊的「Correct」可設置該題目的正確答案。

題目＋答案新增及設置 都設定及儲存完成後，我們可以繼續新增題目，直到整份測驗卷都完成：） 測驗卷完成後，我們到前台查看測驗卷吧！ 測驗新增成功！ 太好了，測驗卷成功新增～ 以上就是新增＋設定一門完整的課程功能介紹，相信看完這個章節，你一定對如何新增多層課程得心應手啦：） 小備註：除了在課程總覽（Course）的Builder建立課程章節、單堂小課程、測驗外，也可以在LearnDash後台進入相對應的頁面來調整這些物件唷～ 課程頁面風格化設計 預設的課程頁面使用古騰堡頁面編輯器，本身的頁面編排就很精美。

不過，我們也可以使用別款頁面編輯器，來更加美化課程頁面。

更多頁面編輯器推薦清單。

這邊我以Elementor做一些簡單示範：） 我們重複一樣的步驟，新增課程總覽（Course）頁面，輸入標題及內容，設定永久連結、新增精選圖片等..。

完成後我們選擇「使用Elementor」按鈕進行編輯。

新增新課程總覽頁面 進入Elementor以後，我們可以依照喜好添加多種欄位、元素設計，讓課程頁面變得更豐富精美：） 使用Elementor製作更精美的課程頁面 如何使用Elementor進行更精緻的頁面設計，可以參考教學文章：Elementor全面中文指南。

首頁課程列表上線 逐步建立好課程，相信你一定會很好奇，我們該如何顯示課程列表在前台網站供訪問者/學員預覽呢？ 就跟商品陳列一樣，我們需要製作一個陳列課程的頁面。

我們可以安裝LearnDash附件，並且使用Elementor在頁面上新增課程列表短代碼，來完成精美的課程列表頁面：） Setp1：安裝LearnDashCourseGrid附件 第一步，我們先安裝LearnDash提供的附件：LearnDashCourseGrid。

LearnDash>Adds-on>找到LearnDashCourseGrid>選擇「InstallNow」，安裝＋啟用LearnDashCourseGrid。

LearnDashCourseGrid附件安裝＋啟用 完成安裝＋啟用後，我們可以到現在使用模板的首頁檢查，發現課程列表變成精緻的網格排版囉：） 線上課程平台架設：首頁課程列表成功轉變成精美的網格形式～ 如果不是使用同組模板的站長不用擔心，下一個步驟，我會教大家使用短代碼/小工具，將課程列表新增至頁面。

你可以將課程的網格列表依據喜好，放置在頁面上任意位置。

Setp2：添加短代碼/小工具至頁面 到WordPress後台>頁面>新增頁面，我們輸入標題為課程列表。

接著打開區塊小工具，在「LearnDashLMSBlocks」列表中，找到「LearnDashCourseList」小工具，拖曳進去頁面。

線上課程平台架設：WordPress頁面新增課程列表小工具 別忘記新增完還要修改永久連結，接著就可以儲存＋發布頁面囉！ 我們到前台檢查，發現已經新增了一個精美的課程列表頁面：） 線上課程平台架設：WordPress頁面新增課程列表成功！ 除了使用「LearnDashCourseList」區塊小工具以外，我們還可以使用短代碼：[ld_course_listcol=3order="asc"]。

這組代碼可以應用在Elementor等相關的頁面編輯器，在各個不同頁面裡嵌入課程列表。

更多ElementorPro自訂程式碼功能。

Step3：課程網格設計 我們可以修改網格中的課程介紹文字、標籤字、報名按鈕文字，讓課程列表更符合中文使用者的使用習慣。

首先，到LearnDash>Course>Settings面板，滑到最下面，會發現多了一個「CourseGridSettings」區域。

在這個區域，我們可以填入：介紹文字、標籤文字、按鈕文字。

都填寫完畢，按「更新」儲存。

線上課程平台架設：CourseGridSettings修改網格課程列表設計 我們可以到前台檢查，發現網格列表文字修改成功，右邊則是未修改過的網格課程；） 線上課程平台架設：修改網格課程列表成功！ 小備註：除了LearnDashCourseList，還有其他好用的LearnDash附件或第三方外掛，可以在LearnDash的Adds-on列表裡找到更多唷～ 課程付款設定（串接WooCommerce金流） 線上課程平台架設最重要的一個功能，就是付款功能啦。

LearnDash關聯的付款方式有：PayPal、Stripe、WooCommerce等..。

但因為地理位置的關係，前兩項金流服務非歐美地區的網站可能較少用到，因此我們就以WooCommerce來做付款功能。

這個章節，我會帶領大家下載WooCommerce外掛、LearnDash與WooCommerce的附件、並且新增商品＋連結課程，完成整堂課的付款設定。

準備好的話，就開始囉：） Step1：安裝＋啟用LearnDash與WooCommerce的關聯附件 首先到LearnDash>Adds-on，找到「WooCommerceforLearnDash」安裝＋啟用。

安裝＋啟用WooCommerceforLearnDash Step2：安裝＋設定WooCommerce 接著我們到外掛>安裝外掛>找到WooCommerce安裝＋啟用。

安裝＋啟用WooCommerce 接著到WooCommerce>設定，找到「一般」面板，貨幣選項設置為新台幣。

調整WooCommerce貨幣設定為新台幣 切換到「付款」面板，這邊的設定可依照站長的習慣自行調整。

更多WooCommerce金物流設定。

線上課程平台架設：WooCommerce金流設定（付款方式） 小備註：台灣站長可以參考WooCommerce綠界外掛、RYWooCommerceTools外掛教學，來新增更貼近台灣消費者習慣的金物流唷！ 接著切換「帳號及隱私權」面板，關閉「允許客戶免帳號下訂單」。

並開啟以下選項：「允許顧客在結帳過程中登入現有的帳號」、「允許客戶在結帳過程中建立帳號」、「允許客戶在『我的帳號』頁面上建立帳號」。

剩下選項可依據站長需求評估開啟或關閉，這些是與後續的會員功能有關的設定。

開啟及關閉會員相關設定選項 全部設定完成，記得按「儲存設定」更新。

小備註：關於WooCommerce其他詳細設定，可以參考：WooCommerce中文完整教學。

Step3：新增＋設定WooCommerce商品 WooCommerce設定完成後，我們可以來新增課程商品囉。

到WorcPress後台>商品>新增>輸入課程商品資訊及價錢、設定商品永久連結、新增商品圖片。

線上課程平台架設：新增＋設定WooCommerce商品 接著最重要的兩步驟：「商品資料」下拉選單選擇「Course」、「LearnDashCourses」選擇相對應的課程。

更多WooCommerce商品種類介紹。

這兩個步驟千萬不能漏掉唷，否則課程就無法找到這個商品結帳頁面。

線上課程平台架設：商品類別選擇「Coursr」、連結要販售的課程 設定完成後，我們就可以選擇「發布」新增此WooCommerce課程商品。

我們查看商品頁面，發現成功新增：） 線上課程平台架設：課程商品頁面新增成功！ Step4：課程串接WooCommerce商品 成功新增課程商品後，我們需要將這個商品頁面連結到我們的課程，那該怎麼做呢？ 首先，到Course>找到想串接的課程進行編輯。

前往Course找到想要串接的課程總覽 進入編輯頁面後，切換「Settings」面板>下滑找到「CourseAccessSettings」區塊。

將「AccessMode」選項切換為「Closed」>「CoursePrice」填入課程金額>「ButtonURL」貼上該課程商品連結，設定完畢後按「更新」儲存設定。

CourseAccessSettings區塊進行課程與WooCommerce商品串接 我們前往課程頁面檢查（記得使用無痕頁面或登出管理員模式），發現課程成功被鎖住，並且新增了金額、付款按鈕～ 線上課程平台架設：完成課程結帳設定～ 太棒了，我們成功完成課程頁面的付款設置囉～ 小備註：WooCommerce結帳頁面的修改，可以參考：WooCommerce自訂結帳表單教學。

會員/學生介面 先恭喜大家完成課程＋付款的所有設置，我們離成功建置線上課程網站只差一點點啦；） 線上課程平台架設還有一個重點，就是提供已付費會員/學生頁面及面板，供學生查看個人資料、已購買課程、課程進度等..。

這個章節，我會帶領大家新增一個WordPress頁面，並將會員頁面新增至主選單，接著再讓大家了解我們如何使用WordPress後台管理會員。

新增會員頁面 LearnDash提供會員面板小工具，可添加至頁面，完成會員專區的頁面設置。

Step1：新增頁面＋會員小工具 首先，到WordPress後台>頁面>新增頁面，填入頁面標題。

在區塊的「LEARNDASHLMSBLOCKS」列表裡，找到「LearnDashProfile」區塊小工具，拖曳或點選新增至頁面。

線上課程平台架設：使用WordPress內建頁面＋區塊小工具新增會員專區頁面 接著還有一個重要的區塊小工具，就是會員的登錄/註冊、登出按鈕。

我們找到「LearnDashLogin」，將此區塊小工具新增在會員個人資料的下方，確保會員可以隨時登入/登出。

線上課程平台架設：新增會員登入/登出按鈕至會員專區頁面 最後修改永久連結代稱，其餘設定站長可依照需求自行調整，按下「發佈」新增頁面。

線上課程平台架設：設定頁面永久連結＋發布會員專區頁面 Step2：新增主選單 新增完會員專區頁面，我們就可以讓頁面上線囉。

WordPress後台>選單>勾選「會員專區」頁面>選擇「新增至選單」>「儲存選單」即可。

別忘記確認自己修改的是否為主選單唷。

線上課程平台架設：會員專區頁面新增至主選單 Step3：檢查前台頁面 設定完成，我們到前台觀看＋檢視成果吧：） 線上課程平台架設：成功新增會員專區頁面＋主選單～ 來檢查看看登入按鈕功能。

使用無痕頁面連結進會員專區頁面，發現出現會員登入按鈕，點下後跳出會員登入面板：） 線上課程平台架設：會員專區登入按鈕 如何管理會員 在新增了會員專區以後，你會不會好奇，站長該如何去管理這些會員呢？有了會員頁面，可是會員該如何進行註冊？ 這個章節，我會先帶領大家進行WordPress後台設定，新增註冊頁面，並且讓大家了解LearnDash與WordPress會員是如何串接，又該如何管理。

如何新增註冊頁面 我們在全站設定章節中提到，必須將「一般設定」中的「LearnDash會員註冊功能」開啟。

確定開啟該功能之後，我們還要再開啟WordPress的相關設定。

在WordPress>設定>一般，找到並開啟「任何人均可註冊」選項。

線上課程平台架設：開啟「任何人均可註冊」選項 接著我們到前台登入頁面檢查，發現成功跳出註冊頁面：） 線上課程平台架設：登入彈跳頁面成功出現註冊欄位 小提醒：有時會無法跳出註冊欄位，可以刪除各項快取重新讀取網頁。

如何管理註冊會員 當會員一一建立後，我們該如何去管理這些會員呢？ LearnDash的會員系統是直接串接WordPress的，所以我們可藉由WordPress的使用者管理頁面，管理學生會員。

前往WordPress>使用者>全部使用者，我們選擇其中一位學員（訂閱者）進行編輯。

線上課程平台架設：前往WordPress使用者編輯＋新增會員 往下滑可以看見該名使用者的課程相關進度，如下圖： 線上課程平台架設：在WordPress中可以檢視＋修改會員（使用者）資訊 在使用者系統，我們還可以修改使用者名稱、信箱、密碼等..資訊，詳細教學可以參考：WordPress後台教學使用者相關章節唷！ 安裝＋啟用ProPanel（分析數據） 前面我們提過，選擇LearnDash的「PLUSPACKAGE」方案以上的站長，會多出一個「ProPanel」功能。

這個功能可以分析學生數量、購買課程數、現在需要批改的作業、學生學習情況等..數據，幫助站長更好的管理線上課程平台。

那具體該如何使用呢？ 這個章節，我們會帶領大家安裝啟用＋簡單說明面板功能：） Step1：安裝＋啟用ProPanel 前往LearnDash會員專區，進行登入，找到「ProPanel」選項，選擇「Download」。

前往LearnDash會員面板下載ProPanel 下載完成後，前往WordPress後台>外掛>安裝外掛>上傳＋啟用ProPanel檔案包。

前往WordPress後台上傳ProPanel檔案包 Step2：啟用ProPanel憑證 啟用完成，我們需要啟用ProPanel憑證才能夠觀看數據。

在LearnDash會員後台我們先找到ProPanel憑證，這是等等要貼到WordPress後台啟用的。

LearnDash會員面板找到ProPanel憑證 下一步，我們前往LearnDash>Settings>ProPanelLicense，填入購買Email以及ProPanel憑證。

填寫＋啟用PraoPanel憑證 這樣就完成ProPanel啟用囉。

Step3：查看ProPanel提供數據 安裝＋啟用ProPanel完成，那麼我們要如何找到ProPanel提供數據呢？ 可以前往WordPress後台>控制台，往下滑會看見多出了四個面板：OverviewWidget、ActivityWidget、ReportingWidget以及ChartWidget。

除了可以查看學員人數、總課程數量，還能夠實時查看哪一堂課程最近的學習人員，個別學生的學習狀態、成績，需批改作業數量等..多功能。

ProPanel可以觀看各項分析數據 小備註：ProPanel是LearnDash「PLUSPACKAGE」方案以上才可使用的功能，會分享此功能是希望可以讓站長依照自身需求，來決定如何購買方案～ 以上就是完整的LearnDash教學，大家都學會了嗎；） 常見問題 自架網站需要準備什麼？ 網站能正常運作，就需有「個人網域」＋「虛擬主機」，這是基本配備。

更多WordPress優質主機。

這也是每個網站主都需負擔的小投資，沒有例外。

差別是，跟著我的架站教學，你可用最少的預算，建置你的網站：） LearnDash是什麼？ LearnDash是一款老牌且強悍的WordPress線上課程平台架設外掛，目前有許多500強公司及大學正在使用，是需要付費使用的功能外掛。

LearnDash具備所有線上課程外掛必備功能：課程、作業、測驗、會員等..，同時具備多樣化且直覺的功能設計。

最重要的一點，LearnDash結合WooCommerce可供串接，方便台灣的站長進行付款設定：） LearnDash適合所有類型的線上課程平台嗎？ 是的，LearnDash適合所有類型的線上課程平台，這也是為什麼我推薦它的原因。

除了LearnDash本身多元的功能外，我們還可以找到豐富的附件、外掛，讓線上課程平台變得更豐富多元。

只要善加利用LearnDash功能，沒有你架不出來的線上課程平台：） LearnDash有付費功能嗎？ LearnDash設置有WooCommerce串接附件，可以使用WooCommerce完成線上付款功能方式。

更多 WooCommerce是什麼 、 WooCommerce基礎教學指南 。

台灣的站長還可以選擇在WooCoomerce，連結 綠界官方外掛 或是 RYWooCommerceTools外掛 ，讓付款變得更加方便。

WordPress學習資源 學習WordPress網站架設流程中，或許會遇到一些解決不了問題，可以在下方留言給我，我會盡力協助解答。

如果你沒有時間自己架站，或是想委託專人服務，那可以參考我們的網站建置服務。

我最近也開啟了YouTube頻道，裡面有些影片教學，你也能搭配Blog一起學習，應該會來的更加順手（歡迎訂閱我＋開啟小鈴鐺，可收到第一手影片教學通知）。

當然，如果怕問題描述不清楚，也可以加入WordPress教學時光屋–犬哥網站，我同步也會在社團中幫忙解惑。

希望這些對你有所幫助，祝架站順利啦。

關於作者犬哥網站-Luna喜歡分享WordPress架站的大小事情，用不同的角度協助大家架站成功：） 8thoughtson“線上課程平台架設：如何製作線上教學網站（詳細流程＋推薦工具）” 您好站長 我想架設學習語言的網站 想要知道如何加入zoom這個軟體 購買課程結帳頁面可否加入教材一起販售一起結帳 若是使用信用卡美金結帳除了先設立公司銀行帳戶信用卡金額要如何入公司帳戶是像匯款一樣匯入帳戶嗎 老師開放選課的時間表格如何設置 如何設定教師頁面供學生看教師自我簡介包含youtube影片和文章自我介紹等等 如何連結youtube或上傳影片。

很多地方不懂請您解惑。

謝謝您 Reply 嗨，Eliza， 關於如何將LearnDash與Zoom串接，可以參考看看LearnDash官方開發的附件： LearnDash與Zoom串接附件 教材的部分，可以參考組合商品試試看，或是尋找相關的商品銷售外掛，具體操作，可以參考網站上的WooCommerce常見商品類型介紹＋設定操作 信用卡相關問題，因為這是外幣匯入，可能需要諮詢你的第三方金流或者是你所使用的銀行唷。

如果想要開放老師選課，可以參考：預約網站設計教學或者參考LearnDash與Google日曆的官方串接附件。

教師頁面可以自行新增WordPress頁面設計，具體可以使用頁面編輯器，藉由編輯器加入影片、自我介紹區塊來完成，這邊有一份WordPress頁面編輯器推薦清單可以參考。

上傳影片的部分，在本文的「課程章節（Lesson）」小章中有教學唷。

在Lesson的設定中，找到影片選項，將網址貼上即可，需要特別注意的是，如果有選擇上傳影片在課程章節，就無法在該章節中設置限時、上傳作業功能唷。

希望我的回答有幫助到你：） Reply 站長您好， 想請問如果已經有一個一般的部落格wordpress網站，可以直接安裝learndash並將網站更改成線上課程網站頁面嗎？ 謝謝您！ Reply 嗨，jeffin， 我的理解是，你希望網站保留部落格功能同時新增線上課程， 可以但不太建議這麼做。

原因是，後續兩邊的內容持續新增，可能會使網站內容過於肥大，會使加載速度變慢，降低速度評分，從而拉低網站整體SEO分數。

比較建議的做法是，將部落格跟線上課程網站分開兩個網站建置，就像我們網站一樣，部落格以及架站服務是分開的兩個網站：） 如果虛擬空間方案有購買多個網站服務，可以參考：Bluehost教學的「如何新增子網域」章節學習新增多個網站～ Reply 犬哥！謝謝你的攻略～非常實用！！！！ 我有一個延伸問題，因為我商品很少，所以加了直接結帳“DirectCheckoutforWooCommerce”的外掛，想要縮短結帳流程，但是卻因為購物車是空的，所以無法直接結帳，彷彿是在鬼打牆….請問有解決方法嗎？感謝！！ Reply 嗨，TAKO， 蠻有可能是外掛衝突的，建議你可以安裝HealthCheck健康檢查外掛來進行檢查， 或是詢問DirectCheckoutforWooCommerce外掛開發者能否支援你唷：） Reply 犬哥您好， 很喜歡你整理的教學，收穫很多。

現況： 公司的線下課程原本是使用商務版+WooCommerce做銷售，目前除了線下實體課程，還開發了很多線上課程。

提問： 想請問犬哥LearnDash適合同時放置線上及線下課程嗎？若這樣可行的話，是不是要取消商務版+WooCommerce，改用LearnDash會比較好呢？ 以上，再請解惑了，謝謝喔。

Reply 嗨，Ady， 看起來你的公司目前應是使用WordPress.com，如果需要使用LearnDash，建議你使用WordPress.org， 因為LreanDash的功能，無法在.com實現。

可以參考：WordPress.com和WordPress.org比較，了解兩者差異唷！ 如果確定要使用WordPress.org搭配WooCommerce＋LearnDash，是可以做到線下＋線上銷售課程的， 將線上課程放置於LearnDash，線下課程放置在WooCommerce商品即可。

Reply LeaveaCommentCancelReply發佈留言必須填寫的電子郵件地址不會公開。

必填欄位標示為*Typehere..Name* Email* Website Δ 我想要找.. 搜尋 訂閱犬哥社群 Youtube Facebook Instagram 文章分類 分類 所有文章 如何架設網站 優質主機 WordPress基礎教學 WooCommerce電商系列 優質主題系列 優質外掛系列 優質頁面編輯器 SEO技巧＋網路行銷 WordPress速度性能 WordPress安全性 網站備份＋搬家 最新WordPress教學通知 姓名（暱稱） 電子信箱（Email） Leavethisfieldemptyifyou'rehuman: FB問題解答社團 如何自架網站MenuToggle 建立Blog形象網站架設形象網站架設（Divi主題）電商網站架設銷售漏斗架設線上課程架設預約網站設計多種架站方法 優質主機MenuToggle Bluehost平價主機A2Hosting中階主機Cloudways進階主機各家主機完整比較 部落格服務內容MenuToggle WordPress網站服務形象網站建置購物網站建置客製網站設計 聯絡我 影片教學影片教學 Starttypingandpressentertosearch 搜尋… 回到頂端