WP課程
WP課程

WordPress 課程網站 LearnDash 設定教學

教你如何新增、修改、設定你的WordPress課程網站,使用WordPress LearnDash 外掛,簡單好操作!
目錄

LearnDash 是一款經過考驗且具好口碑的 WordPress 線上課程外掛,目前有許多公司及大學正在使用,它強大且具有完整的功能。LearnDash 的編輯、設定相對簡單好上手,接下來就一步步教大家如何設定、修改自己的WP課程網站!

修改新增、設定WP課程/測驗

這邊會教大家認識課程面板的相關使用設定,並教大家新增一門完整的課程。

這些功能介紹會包含:課程總覽、課程章節、單元、作業上傳、測驗等 .. 重要功能唷!

添加一般課程 (Course)

進入編輯頁面,填入課程主標題、課程內容大綱。

另外須設定永久連結的網址代稱(需設置英文或數字,否則前台網站會無法正常顯示)、課程分類、課程標籤。

接著設定精選圖片,精選圖片會呈現在前台課程列表上。

全部變更完成,可先按發布或是更新儲存課程設定。

課程一般設定

切換到 Settings 面板,這邊我們可以為這堂課程設定:內容顯示權限、付款設定、課程先決條件等 .. 。

先看第一個區塊 Display and Content Options,這個區塊可以設定課程教材說明、顯示權限。

WP課程網站教學 3
Display and Content Options
  • Course Materials:課程教材,可選擇是否顯示課程所需材料供學員參考。
  • Course Certificate:證書,設定完成該門課程學員可獲得的證書。
  • Course Content:閱覽該門課程的權限,是否對外開放 / 只限註冊會員預覽。
  • Custom Pagination:在底頁顯示的章節+單堂課程數量,若無特別需求維持預設即可。

第二個區塊 Course Access Settings,這裡可修改訪問者、會員對課程的訪問相關權限等設定。

訪問課程權限

WP課程網站教學 4
訪問課程權限
  • Open:該課程不受保護,任何用戶無需登錄或註冊即可訪問其內容。
  • Free:課程受到保護,需要登入或註冊才能訪問內容。
  • Buy now:用戶需要透過 LearnDash 內置的 PayPal 購買課程(一次性費用)才能獲得訪問權限。(此選項可以忽略,因為我們是串WooCommerce進行購買課程的流程)
  • Recurring:用戶需要透過 LearnDash 內置的 PayPal 購買課程(經常性費用)才能獲得訪問權限。(此選項可以忽略,因為我們是串WooCommerce進行購買課程的流程)
  • Closed:使用WooCommerce進行購買商品課程時,需要選擇這個選項,關乎到付款設置。(後續章節會有詳細教學)

開啟課程先決條件

Course Prerequisites 開啟過後可設定學習此堂課程的必要條件,也就是學員必須先學習某些課程,才可開始學習此堂課。

WP課程網站教學 5
開啟課程先決條件、課程積分、課程訪問期限
  • Any Selected:學習任一門被選擇課程,即可學習此門課。
  • All Selected:學習所有被選中課程,才可學習此門課。
  • Courses to Complete:選擇必須先學習的課程。

課程積分、課程訪問期限

課程積分可以當獎勵學生學習的額外項目,可依照課程網站的需求設置。

付費 / 註冊後幾天刪除課程訪問權限,可以結合多種課程促銷方案,例如:免費試用、期間限定課程等。

最後一個區塊是 Course Navigation Settings

學習進展方式 

這裡可設定該堂課程的學習形式,分為:自由、線性兩種模式。

WP課程網站教學 6
學習進展方式 
  • Linear 線性:要求用戶按照指定的步驟順序完成課程。
  • Free Form 自由:允許用戶在課程中自由移動,而無需遵循指定的步驟順序。

添加主課程/課程章節 (Lesson)

建立+設定好課程總覽後,我們的下一步就是建立+設定主課程,也就是課程章節的部分。

新增課程章節

我們一樣在 Course -> Builder -> New Lesson 按鈕 -> 輸入主課程(課程章節)名稱 -> 按下 Add Lesson

WP課程網站教學 7
新增課程章節
WP課程網站教學 8
新增課程章節

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

記得每次新增章節過後,都要按下更新儲存設定唷。

WP課程網站教學 9
編輯課程章節

按下課程章節旁邊的 Edit,即可編輯課程章節。 

WP課程網站教學 10
設定課程章節

會跳轉到此項課程章節的編輯頁面,輸入課程章節介紹,設定永久連結(不設定永久連結會無法連結至課程章節頁面)。同時也可設定標籤+分類。

設定課程章節

在 Lesson 編輯頁面 -> 切換到 Settings 面板,我們可以對該課程章節進行細節設定。

第一個區塊是 Display and Content Options ,也就是內容及顯示設定,以下為詳細設定。

*影片、作業、時間限制這三個功能,每個課程章節只能選擇一項設定。

WP課程網站教學 11
Display and Content Options

同樣可以新增該章節所需要教材或資料。

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

作業上傳及時間限制

WP課程網站教學 12
作業上傳及時間限制

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

  • Auto-approve 自動批改:無需評分或批准。作業將自動獲得批准並獲得滿分。
  • Manually grade 手動批改:需要管理員或組長批准和評分。在作業獲得批准之前,該課程無法完成。
  • Force Lesson Timer 課程計時器:在設定的時間過去之前,不能將課程標記為完成。

接下來,Lesson Access Settings 可調整:課程章節附屬、訪問者閱覽權限、發布日期。

WP課程網站教學 13
Lesson Access Settings
  • Associated Course:指定該課程章節附屬於某項課程總覽下。
  • Sample Lesson:範例課程。無論課程註冊如何,所有訪客都可以訪問此課程,作為範例參考。
  • Lesson Release Schedule:課程章節發布日期,可設定三個時間點:立即發布、會員註冊幾天後發布、指定日期統一發布。

全部設定完成,記得更新儲存課程章節內容設定。

添加單元 (Topic)

回到 Course -> 找到欲設定的課程 -> Builder ,來新增附屬在課程章節(Lesson)下的單元(Topic)。

選擇課程章節 -> 點選下箭頭 -> 按下 New Topic > 輸入單元名稱 -> Add Topic 新增。

WP課程網站教學 14
新增單元

可以持續加入單元,這邊新增了兩堂小單元。滑鼠移動到單元名稱前的六個小圓點,可以拖曳改變順序。

接著可移動到想編輯內容的小課程上,選擇 Edit 進行內容變更。

WP課程網站教學 15
新增單元

進入單元編輯頁面後,同樣輸入單元描述內容,並且記得變更永久連結,都完成之後,記得要更新儲存。

設定單元

切換到 Settings 面板,來查看單元的設定。單元的設定與課程總覽、課程章節基本上功能重複,這邊就不多贅述了。

添加測驗 (Quiz)

回到 Course -> Builder,一樣使用 Builder 面板新增測驗功能。

點開課程下箭頭或添加 FINAL QUIZZES -> New Quiz 按鈕 -> 輸入測驗題目 -> Add Quiz 新增測驗。

WP課程網站教學 16
新增測驗
WP課程網站教學 17
新增測驗

新增測驗後,可以隨意拖曳測驗的位置,按住拖曳到單元底下。

WP課程網站教學 18
拖曳測驗

測驗不一定要附屬在單元裡,也可以在單元之外,或是課程最後的總測驗,可以依照需求調整。

WP課程網站教學 19
編輯測驗

接著同樣按下 Edit 編輯測驗內容、修改永久設定,接著按下更新儲存。

新增測驗題目

再來就可以為這份測驗新增題目。 切換到 Builder 面板 -> New Question 按鈕 -> 輸入題目 -> Add Question 新增。

WP課程網站教學 20
新增問題及編輯答案

LearnDash 題目類型有許多種,大致分為:單選題、多選題、簡答題、排序題等8種題目類型,可以設定。

成功新增題目後,就可以設定題目的類型以及選項、答案。

新增題目後,選擇下三角打開題目,找到 Question 旁邊的藍色鉛筆輸入題目,最右邊的下拉選單可以選擇題目類型,以及答完題目可得到的積分。

答案的部分,按下 New answer 可以新增答案,旁邊的 Correct 可設置該題目的正確答案。

WP課程網站教學 21
編輯問題

記得做完修改之後一定要更新儲存唷!

*除了在課程的 Builder 建立課程章節、單元、測驗外,也可以在課程網站後台 LearnDash 的部分進入相對應的頁面來調整這些項目。

測驗設定

網站後台到 LearnDash –> 測驗 –> 選擇要編輯的測驗並點選「編輯」。

測驗編輯設定

點選選單的「設置」,開始設定測驗

先進行「測驗權限設定」:

測驗設置
  • 相關課程:您可以從此設置將測驗關聯到特定課程。
  • 相關章節或單元:除了使用上述選項將測驗與課程相關聯外,您還可以將測驗與課程或主題相關聯。
  • 測驗發布排程
    • 立即公開 – 課程註冊后即可進行測驗。
    • 基於註冊 – 測驗將在用戶註冊課程后的 x 天數內可用。
    • 特定日期 – 測驗將在指定日期提供。
  • 外部測驗:當您提供混合學習時,「外部測驗」選項適用。當您教授基於線上的課程但有要求(來自政府或出於監管原因)進行面對面考試或基於課堂的學習時。
  • 測驗必要條件:您可以選擇一個或多個測驗作為測驗的先決條件。在開始此測驗之前,必須完成您選擇的測驗。
  • 允許的使用者:您也可以選擇僅允許註冊用戶訪問測驗。只需選取此選項啟用此設定。此設定的常見用途包括:
    • 如果您在非課程頁面上透館「短代碼」管理測驗
    • 如果您有關於「開放」課程的測驗(請參閱課程訪問模式),但您只希望經過身份驗證的用戶能夠參加測驗

再來是「測驗進度和限制設置」,這邊可以新增測驗證書及重考等設定

測驗進度和限制設置
  • 及格分數:及格分數表示用戶在測驗被視為完成之前必須達到的分數(以百分比表示)。這將阻止使用者在課程中前進,直到他們通過測驗。
    • 這必須是介於和 100 之間的 0 數位。
    • 如果希望用戶能夠在提交測驗后立即繼續課程,則將此值設置為 0,而不管其分數如何。
  • 測驗證書:如果您想為使用者頒發此測驗的證書,您可以在此處選擇證書。您需要先建立證書(請參考下方的「新增課程證書」)。
    • 選擇憑證後,您可以選擇使用者必須達到的分數才能授予證書。這可能與上面的及格分數不同。例如,使用者可以以 80% 的分數通過測驗,但可能需要達到 90% 的分數才能獲得證書。
  • 啟用測驗保存:此選項允許您啟用測驗保存功能,該功能允許使用者將他們的測驗保存到伺服器,以便當他們稍後返回伺服器時,他們可以從上次中斷的地方繼續,他們的進度將被保留,他們可以從那裡繼續。
  • 限制測驗重考:在這裡,您可以控制使用者可以進行的測驗重考次數。將此設置保留為禁用狀態以允許無限制的重考。
    • 限制重考的使用者:您可以將重考限制設置為應用於所有使用者、僅註冊使用者或僅匿名使用者。
  • 時間限制:如果您想限制使用者在測驗上花費的時間,請啟用「時間限制」。他們只能在指定的時間段內參加測驗,測驗將在您指定的時間後自動提交。

接下來較不常用到的設定可以參考 LearnDash 的官方說明:

新增課程證書 (Certificate)

在課程或測驗完成後可以頒發證書給使用,要先新增證書才可以至課程或測驗設定。

網站後台到 LearnDash –> 證書 –> 點選右上角的「新增」按鈕。

新增證書

先打上證書標題,後點選「儲存草稿」。證書標題僅供內部使用。您的使用者不會看到此標題,但當您將其應用於課程或測驗時,它將是下拉功能表中顯示的名稱。

完成後,再點的「Use Certificate Builder」按鈕,會跳轉至另一個編輯頁面。

證書編輯

跳轉至這個頁面後,您可以上傳空白的「證書背景圖片」,接著編輯證書內文,若有固定的文字,也可以包含在背景圖片中。

  • 重要提示:您必須使用 .jpg 大小不超過 1MB 的圖像,這也使您的載入時間保持在最低限度。
  • 圖像的大小應與頁面大小和方向相匹配(見下文)。如果您使用的是橫向 11 英寸 x 8.5 英寸的美國信紙尺寸,則您的圖像應與這些尺寸相匹配。如果您希望證書在列印時看起來很棒,請同時使用 300 dpi。
  • 您可以將文字作為圖像的一部分,圖片中包含的內容沒有任何限制,但請記住,它將顯示在所有證書上,供所有使用者使用。圖像中包含的文字不是動態的,無法為每個使用者自定義。
證書背景上傳

上傳圖片後,即可以在圖片上編輯,可以先打「/」,選擇「空白間隔」,保留證書上方的空間。

截圖 2024 06 12 下午1.05.44

接著可以開始編輯證書內容,點選文字,並設定「標題」或「段落」。

證書內容

證書內容將主要由為獲得證書的每個使用者生成的動態欄位組成。例如:

  • 使用者名稱
  • 課程名稱
  • 完成日期
  • 等等…

這些類型的動態欄位是透過短代碼插入的(如下圖範例),可以參考 LearnDash 官方專門介紹證書短代碼的文章

證書側欄設定

右邊的側欄可以設定證書內容寬度等等,也可以調整證書尺寸:美國信紙尺寸或是A4尺寸,橫向(Landscape (default))或直向。

當使用者通過完成課程或通過測驗的證書門檻獲得證書時,他們將能夠以 PDF 格式下載證書。所有 LearnDash 證書都以 .pdf 檔形式提供。

當使用者按鍵獲取其證書時,某些瀏覽器將在瀏覽器中打開 PDF 檔,而其他瀏覽器可能會將檔案下載到使用者的電腦。

如需預覽證書,可以參考 LearnDash 官方相關說明

付費課程付款設定

我們主要以 WooCommerce 來做付款功能,以下會教大家如何設定、新增商品。

新增+設定 WooCommerce 商品

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

WP課程網站教學 22
新增課程商品

接下來在下方一定要做的兩步驟:商品資料下拉選單選擇課程Course LearnDash Courses 選擇此商品相對應的課程

WP課程網站教學 23
重要的兩步驟

這兩步驟一定要記得調整,否則課程就無法找到這個商品結帳頁面。

設定完成後,我們就可以發佈新增此 WooCommerce 課程商品。

WP課程網站教學 24
課程商品前台

點選商品頁連結,可以看到前台的課程商品,使用者可以透過加入購物車按鈕購買課程。

課程串接 WooCommerce 商品

到 Course -> 找到想串接的課程進行編輯。

進入編輯頁面後,切換 Settings 面板 -> 往下找到 Course Access Settings 區塊。

將 Access Mode 選項切換為 Closed ->  Course Price 填入課程金額 -> Button URL 貼上該課程商品連結,設定完畢後記得儲存。

WP課程網站教學 25
編輯課程商品連結

範例:Elementor 解鎖課程

WP課程網站教學 26
課程前台

前往前台查看課程頁時,記得登出或使用無痕視窗,會出現課程價格及參加課程按鈕,點選即跳轉至商品頁購買課程。

WP課程網站教學 27
課程內容需購買課程才可查看

下方課程內容,使用者無權限(購買)即無法查看課程。

另外可以結合 WooCommerce 折價券制定各種優惠方案或解鎖方案等等,讓你的課程可以有多元方式推廣。

General 一般設定

前往 WordPress 後台 -> LearnDash -> Settings -> General 區塊。

Design & Content Elements 設計&內容元素

進入 General 面板後,會先看到 Design & Content Elements 區域 。在這裡,可以調整:全站色彩、Logo、課程顯示的相關選項。

WP課程網站教學 2
一般設定
  • Focus Mode:焦點模式。提供無干擾的課程體驗,讓學生可以專注在課程頁內容,啟用後會一次適用於所有課程。
  • Login & Registration:啟用 LearnDash 模版的註冊登入popup,我們已經設定好,無需調整。 
  • Video Responsive CSS:讓全站影片呈現響應性設定。如果後續發現影片無法正常顯示問題,再關閉該選項。

Global Pagination Settings 全局分頁設置

往下滑會看見 Global Pagination Settings 區域,這邊可為各種列表指定每頁顯示的課程、測驗項目數量。若沒有特別需求,維持原設定即可。

Admin User Settings 管理員用戶設置

再往下,看到 Admin User Settings 區域,這裡可控制管理員在課程頁面的權限。

  • Course Auto-enrollment:允許管理員訪問課程頁面時不需註冊課程。
  • Bypass Course limits:允許管理員以任意順序訪問課程內容,繞過所有進度及訪問限制。
  • Include in Reports:在數據分析報告中包含管理員的使用資料。

若有修改設定,記得儲存設定唷!

各種ChatGPT及AI工具應用、指令手冊、解決方案,每週更新。
學習最新AI工具,就上Learn AI
AI如何讓工作更輕鬆、更有效率?立刻學習!
LA廣告-1
LA廣告-2
LA廣告-3
Related Post
最新文章
數位轉型
數位轉型是什麼?簡單說給你聽

數位轉型聽起來很複雜?其實它就是利用數位科技來提升效率、改善服務。這篇文章將用最簡單的方式,帶您了解數位轉型的概念與重要性。

Selected Post
精選文章
WordPress網站安全
5個免費檢測網站安全的必備工具

在當今數位時代,網站安全是至關重要的議題。保護你的網站免受惡意攻擊和數據洩露,是確保網站運作正常並維護用戶信任的關鍵。這篇文章中,我們將向你介紹一些免費且有效的網站安全工具,讓你能夠輕鬆檢測和強化你的網站安全。