線上課程平台架設 :如何製作線上教學網站(詳細流程+推薦工具)

線上課程平台架設 :如何製作線上教學網站(詳細流程+推薦工具)

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

不論是何種性質的教學平台,想建置:影音、文章、圖片等 .. 多種媒體形式的課程網站。以及想擁有:新增+管理線上課程、作業上傳、學生(會員)系統、評分測驗、接受付款等 .. 功能。

這篇教學文章都能夠一一幫助你完成:)

本次教學,會從 架設網站(網域購買、主機選擇) > 基本主題 / 外掛安裝 > 線上課程外掛操作 > 網站上線,一步步帶領各位站長完成線上課程網站建置~

★☆ — 重要資訊 — ☆★

小犬網站與 A2 Hosting 主機有長期合作關係,點擊網站上任一個 A2 Hosting 連結 前往官網(包含點擊此連結),最高可享有 70% 的讀者折扣,請一定要把握:)

我們將使用 WordPress 線上課程外掛: LearnDash 架設線上課程網站。更多 課程外掛推薦清單

全文章節如下:


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 網站使用人數

擁有上萬個佈景主題(樣板)和功能外掛,只需一鍵安裝即可成為多功能網站。

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

WordPress 可完成多種網頁設計,如:部落格架設個人品牌或公司企業官網購物網站架設 等 ..

最大好處是,它是免費開源的軟體,可完全掌握自己網站資料,不需被任何網路平台、網頁設計公司牽制。

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


2. 虛擬主機推薦

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

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

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

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

A2 Hosting 正常運行時間和安全性

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

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

A2 hosting :主機正常運行時間
A2 hosting :主機正常運行時間

A2 Hosting 網站速度表現好嗎?

A2 Hosting 在全球各地有多個數據基地台,滿足不同地點的主機連線速度,像是台灣用戶就可到連線最近的新加坡基地

這是我之前主機放置在 A2 Hosting 所做的記錄(評測紀錄是 A+),網站加載速度大約 83 毫秒,是優質的主機速度。

A2 hosting :虛擬主機響應速度
虛擬主機響應速度(來自 bitcatcha 評測)

Google 建議的響應時間是 200 毫秒(越短越好)。所以低於 180 毫秒的網站內容會被評為A +。

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

配上 A2 Hosting 任一個共享主機方案,全部皆使用 SSD 存儲,這確實有助於其快速加載速度(SSD的速度比普通硬碟快 30%)。

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


3. A2 Hosting 方案選擇

這章節會進行「 A2 Hosting 」的主機方案選擇,帶你選擇適合自己的方案。

首先,點擊前往 A2 Hosting 官網,會直接來到 WordPress Hosting 主機頁面。

A2 Hosting教學 :前往 WordPress Hosting 主機
前往 WordPress Hosting 主機

接著往下滑,會看到不同的主機方案,如果你正猶豫如何選擇,下面我會給你一些選擇建議。

A2 Hosting教學 :WordPress 主機方案選擇
A2 Hosting教學 :WordPress 主機方案選擇

要選擇哪種 A2 Hosting 主機方案?

A2 Hosting WordPress 共享主機提供 4 種選擇方案,分別是 StartUp(入門)、Drive(行駛)、Turbo Boost(渦輪)、Turbo Max(增大渦輪)

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

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

  • 只需架設一個網站,且有預算考量:StartUp 方案
  • 需架設多個網站,且有預算考量:Drive 方案
  • 需架設多個網站,且預算還算足夠,對主機速度有進一步追求者:Turbo Boost 方案

如果是 WordPress 新手入門,會建議選擇 StartUp 或是 Drive 方案,能讓你用最少預算開始,也不會一開始負擔就太多。

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

不管選擇的是哪種主機方案,A2 Hosting 本身賣點就是注重主機速度,所以表現基本都會在水準之上(不會因為你是否選擇 Turbo Boost 方案)。

如果你有現成或是較多的穩定流量,會建議直接選擇 Turbo Boost 方案。此方案大幅優化了主機速度,它們表示 Turbo Boost 方案以上的主機速度,比一般常規站點快上 20 倍,比較不會遇到速度上的問題。

至於 Turbo Max 方案我不建議使用,因為這個費用太貴了(同樣費用有更好的選擇),且和 Turbo Boost 方案功能差不多。

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

A2 Hosting 費用了解

A2 Hosting 通常費用是,網址 $14.95 美元 / 年(一年約 450 台幣),和主機 $10.99美元 / 月(一年約 3960 台幣)。

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

下表是用台幣計算,美元台幣匯率用經常的 1:30 換算(P.S 當前匯率更低, 換算下來更優惠)。

StartUp 方案Drive 方案Turbo 方案
買一年:特價約 2520 元買一年:特價約 3240 元買一年:特價約 5400 元
買二年:特價約 3150 元買二年:特價約 5040 元買二年:特價約 9360 元
買三年:特價約 3240 元買三年:特價約 5400 元買三年:特價約 10800 元

小提醒:新手可購買 1 年的 StartUp 或是 Drive 方案,用最少預算入門:)

這等於說,在 A2 Hosting 申請個人網域和主機,最少可用大約 3000 台幣(網域+主機費用),就能開始啟動你的網路事業,並享有完整的主機規格服務。

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


4. Astra 主題安裝+套用課程模板

這章節,會教如何安裝 WordPress 佈景主題+套用模板,讓網站看起來美觀且功能性更強。

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

為了方便接下來教學,建議先跟我一起安裝 Astra 主題,有免費版可安裝。更多可參考 Astra 主題入門Astra Pro 進階教學

WordPress 佈景主題安裝

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

前往 WordPress 主題安裝
前往 WordPress 主題安裝

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

建立Blog :wordpress 佈景主題安裝
建立Blog :wordpress 佈景主題安裝

主題啟用完成,前往網站前台看一下成果,看起來還不錯的 WordPress 主題,成功出現啦。

WordPress 佈景主題安裝成功
WordPress 佈景主題安裝成功

使用 Astra 形象模板

Astra 有提供多種現成模板,安裝模板匯入外掛就能直接使用,可節省網頁設計時間。

前往 外觀 > Astra Options,點擊 Install Importer Plugins 安裝模板匯入外掛。或是安裝 Starter Templates 外掛,這兩種方法都是一樣的。

安裝 Astra 樣板匯入外掛
安裝 Astra 樣板匯入外掛

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

Astra 匯入樣板,選擇 Elementor 類型
Astra 匯入樣板,選擇 Elementor 類型

進入後,有多種免費模板可供安裝,但有些是進階版才能使用,更多 Astra Pro 進階版教學

套用課程主題模板

我們搜尋 Learn Baking 進行安裝。(建議先跟我安裝一樣的,方便接下來教學,學會後都能再更換)。

選擇「 Import Complete Site 」完整匯入該模板。

線上課程平台架設 :安裝 Learn Baking 樣板

匯入完成,到前台檢查,恭喜大家完成簡單的網站外觀設置,之後也可以找到自己喜歡的模板來製作唷:)

線上課程平台架設 :套用 Learn Baking 樣板成功~

5. LearnDash 是什麼?

LearnDash:最全面的架設線上課程網站外掛

LearnDash 是一款老牌且強悍的 WordPress 線上課程外掛,目前有許多 500 強公司及大學正在使用,雖只有付費版本,但它強大且完整的功能,是我想推薦它的主因。更多 LearnDash 完整教學

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

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

WordPress線上課程外掛 :LearnDash 可自訂義多方面樣式
LearnDash 可自訂義多方面樣式

在課程設計方面, LearnDash 帶有簡單的區塊式編輯器,可在頁面上嵌入,在設計上更直觀。更多 如何使用區塊編輯器新增頁面

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

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

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

WordPress線上課程外掛 :LearnDash 設置多種問答類型測驗
LearnDash 設置多種問答類型測驗

學生及教師方面, 可設置學生及老師群組,讓教師可在群組中配置作業、額外課程、管理等 .. 多功能。

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

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

LearnDash:後台新增教師及學生群組

最重要的付款方面, LearnDash 提供了大量的付款方案相關設置,包括:訂閱、一次性購買、會員資格、線上課程購物車等 .. 。

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

WordPress線上課程外掛 :LearnDash 可使用 WooCommerce 相關購物車、付款功能
LearnDash 可使用 WooCommerce 相關購物車、付款功能

方案評論

LearnDash 是目前最推薦使用的線上課程外掛,它適用於 WordPress 熱門主題,可以更完整且全面的功能來管理線上課程網站,適合建置不同類型的課程網站。查看 付費方案

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

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

課程銷售也有許多方案供站長選擇,像是:先免費試閱後付費、一次性付款、訂閱會員制、課程組合包等 ..,可以更好地銷售你的線上課程:)

上述的這些都是 LearnDash 強大的功能範圍。

如果你正在考慮使用哪款 WordPress 線上課程外掛,那 LearnDash 應該會是最優質的選擇之一:)


6. LearnDash 方案如何選擇?

瞭解了什麼是 LearnDash 之後,這個章節,我們就要來開始安裝+啟用 LearnDash 啦!

首先,前往 LearnDash 官網 ,點擊右上角「 Get LearnDash(取得 LearnDash )」按鈕,前往 LearnDash 方案購買頁面。

LearnDash 線上課程外掛

LearnDash 目前只提供年租制的方案,所以下面所有的價格,都是按年付費

下圖分為三個方案:「 BASIC 」1 個站點、「 PLUS PACKAGE 」10 個站點、「 PRO PACKAGE 」25 個站點。

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

LearnDash 年租方案一覽

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

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

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

LearnDash 結帳頁面確認購買方案

確認購買方案無誤,我們往下填寫結帳資訊,填寫完畢,按下「 Submit Order 」即可完成購買。

LearnDash 結帳頁面輸入訂購資訊

這樣我們就完成 LearnDash 的購買流程啦:)


7 . LearnDash 安裝+啟用憑證

完成購買, LearnDash 會寄送多封電子郵件,包含:收據、歡迎使用信件、會員後台登入路徑及資訊等 .. 。

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

Step 1:安裝 LearnDash 課程外掛

進入 LearnDash 會員後台,我們使用信件中官方給予的帳號+密碼登入。

登入 LearnDash 會員後台

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

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

LearnDash 後台下載檔案包

下載完成,我們會獲得一個檔案包。

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

上傳 LearnDash 外掛檔案包

這樣 LearnDash 外掛就完成安裝囉:)

Step 2:啟用憑證

接著我們啟用 LearnDash 使用憑證。

前往 LearnDash 會員後台,選擇 LearnDash > License Details 按鈕,前往購買憑證頁面。

找到「 License Key 」,複製你的啟用憑證。

複製 LearnDash 啟用憑證

小備註:Authorized Domain Usage 區域可管理已使用該憑證的網域。

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

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

輸入+啟用 LearnDash 憑證

這樣就完成 LearnDash 啟用憑證囉,恭喜大家,我們可以開始使用 LearnDash 的功能了~


全站設定

安裝+啟用 LearnDash 之後,我們馬上開始架設線上課程網站的第一步:進行全站設定吧:)

LearnDash 的全站設定相對簡單好上手,我也會一步步帶領大家操作。

準備好的話,我們就開始囉~

General 一般設定

前往 WordPress 後台 > LearnDash > Setting 頁籤 > 「 General (一般設定)」區塊。

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

Design & Content Elements 設計&內容元素

進入「 General (一般設定)」面板後,首先,我們會先看到「 Design & Content Elements 」區域 。

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

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

線上課程平台架設 :變更「 Design & Content Elements 」區域設定
  • Accent Color:主視覺色,整個課程主題+列表使用的主要顏色。
  • Progress Color:用於所有進度條相關項目的顏色設定。
  • Notifications Warnings , etc…:警告、重要信息時會顯示此顏色。
  • Focus Mode:焦點模式。提供無干擾的課程體驗,讓學生可以專注在課程頁內容,啟用後會一次適用於所有課程。
  • Login & Registration:啟用 LearnDash 模版的登錄和註冊頁面。
  • Logo Upload:變更全站顯示 Logo 。
  • Video Responsive CSS:讓全站影片呈現響應性設定。如果後續發現影片無法正常顯示問題,再關閉該選項。

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

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

線上課程平台架設 :「 Focus Mode 」焦點模式

全部設定完成,按下「 Save(保存)」即可。

Global Pagination Settings 全局分頁設置

往下滑我們會看見「 Global Pagination Settings 」區域,這邊可為各種列表指定每頁顯示的課程、測驗項目數量。

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

線上課程平台架設 :「 Global Pagination Settings 」區域預設設定

Admin User Settings 管理員用戶設置

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

若無特別需求,維持預設設定即可,詳細說明如下圖:

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

Custom Labels 標籤設定

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

沒有一定要輸入什麼,依照站長習慣填入標籤,或是使用預設設定也可以:)

如果在變更之後,想切換回預設的英文標籤,設定為空白後儲存即可。

線上課程平台架設 :Custom Labels 後台標籤設定

小提醒:此區塊是更改後台的標籤字,如果前台有英文字需要進行翻譯、調整,可參考 Loco Translate 外掛教學 來進行前台字串調整~

因為後面的幾項設定區塊,台灣的站長不太會使用到,也不會影響到線上課程網站的架設,我就不一一介紹了。

若在其他設定區塊有使用上的疑問,歡迎留言詢問唷:)

恭喜大家完成了第一步的全站設定,我們一起前進下一章節!


課程面板完整設定

這個章節,我會教大家認識課程面板的相關使用設定,並帶領大家新增一門完整的課程。

這些功能介紹會包含:課程總覽、課程章節、單堂小課程、作業上傳、測驗等 .. 重要功能唷,所以大家要好好學習這一章節!

準備好的話,我們就馬上開始吧~

課程總覽(Course)

第一步,我們要先來新增課程總覽,也就是課程總簡介的部分。

課程總覽新增

我們先到 LearnDash LMS > Courses > 選擇「 Add New 」新增一個課程總覽(培訓班)。

LearnDash 新增第一個課程總覽

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

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

LearnDash 輸入課程簡介、修改永久連結等 .. 設定
LearnDash 輸入課程簡介、修改永久連結等 .. 設定

接著設定精選圖片,因為精選圖片之後會呈現在前台課程列表上,所以尺寸以及設計很重要唷

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

LearnDash 變更課程總覽精選圖片

我們前往課程總覽的網址檢查前台網站,發現成功新增第一門大課程囉:)

線上課程平台架設 :成功新增第一門課程總覽!

太好了~我們距離課程網站的建置成功邁出第一大步,那我們先回到後台,繼續相關設定吧!

課程總覽設定

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

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

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

若是有設定課程教材 / 其餘資料,會在前台網站新增一個「 Materials 」切換按鈕,可查看該課程需要準備的物品:)

線上課程平台架設 :前台顯示切換教材按鈕

我們回到 Course 設定,往下看第二個區塊:「 Course Access Settings 」。

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

Course Access Settings 設定課程付費、此門課程的先決條件
  • Access Mode:可設定訪問這門課程的權限,新增付款方式(後續章節會有詳細教學)。
  • Course Prerequisites:開啟訪問這門課程必須先學習某些課程的功能。
  • Any Selected:學習任一門被選擇課程,即可學習此門課。
  • All Selected:學習所有被選中課程,才可學習此門課。
  • Courses to Complete:選擇必須先學習的課程。

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

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

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

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

Course Access Settings 設定課程積分、課程訪問期限

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

付費 / 註冊後幾天刪除課程訪問權限,可以結合多種課程促銷方案,例如:免費試用、期間限定課程等 .. 銷售方式,讓站長自由發揮:)

接著我們往下看到:「 Course Navigation Settings 」區塊,這裡可設定該堂課程的學習形式,分為:自由、線性兩種模式。

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

Course Navigation Settings 設定學生學習進展方式

以上就是課程總覽(Course)的全面設定,完成設定後,我們選擇「 更新 」儲存,繼續進行下一步驟!

主課程 / 課程章節(Lesson)

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

課程章節新增

我們一樣在 Course > 切換「 Builder 」面板 > 「 New Lesson 」按鈕 > 輸入主課程(課程章節)名稱 > 按下「 Add Lesson 」。

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

LearnDash 新增第一堂主課程章節

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

接著,我們示範如何填寫課程章節的內容~

按下課程章節旁邊的「 Edit 」。

LearnDash 準備變更課程章節內容

我們會跳轉到此項課程章節的編輯頁面,輸入課程章節介紹,設定永久連結(不設定永久連結會無法連結至課程章節頁面)。

同樣也可設定標籤+分類(不一定要設定,各站長可自行決定)。

LearnDash 變更課程章節內容+永久連結設定

記得要按下「 更新 」儲存剛剛填寫的課程章節內容。

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

線上課程平台架設 :成功新增第一個課程章節!

可以看到「 01. 馬卡龍烘焙方法 」課程章節,附屬於「 如何製作馬卡龍 」課程總覽之下,還出現有標記學習完成的按鈕「 Mark Complete 」。

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

在成功新增第一個課程章節後,我們馬上來學習如何設定課程章節吧!

課程章節設定

回到 Lesson 頁面 > 切換到「 Settings 」面板,我們可以對該課程章節進行細節設定。

第一個區塊,同樣是「 Display and Content Options 」,也就是內容及顯示設定,不過課程章節與課程總覽的設定項目是不同的唷~

詳細如下圖說明:

Display and Content Options 課程章節教材、影片相關設定

教材部分,與課程總覽( Course )一樣,可新增該章節所需要教材 / 資料。

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

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

Display and Content Options 課程章節作業上傳、課程計時器功能

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

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

小備註:影片、作業、時間限制這三個功能,每個課程章節只能選擇一項設定唷!

最後一個區塊「 Lesson Access Settings 」,可調整:課程章節附屬、訪問者閱覽權限、發布日期。

Lesson Access Settings 調整課程章節附屬、訪問者閱覽權限、發布日期。
  • Associated Course:指定該課程章節附屬於某項課程總覽下。
  • Sample Lesson:範例課程。即使課程設定付費,也可讓未付費的使用者學習,作為參考。
  • Lesson Release Schedule:課程章節發布日期,可設定三個時間點:立即發布、會員註冊幾天後發布、指定日期統一發布。

這些設定可以配合銷售方案,來進行更細節的操作唷;)

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

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

單堂小課程(Topic)

回到 Builder ,開始新增+設定課程章節裡的單堂小課程吧!

單堂小課程新增

我們找到想新增單堂小課程的課程章節 > 選擇下箭頭打開 > 按下「 New Topic 」> 輸入小課程名稱 > 「 Add Topic 」新增。

LearnDash 新增附屬於課程章節下的單堂小課程

我們可以持續加入單堂小課程,這邊我依序新增了兩堂小課程。

LearnDash 持續新增附屬於課程章節的單堂小課程

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

點選「 Edit 」進入變更單堂小課程內容頁面

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

課程分類、課程標籤,同樣新增與否站長自行決定即可:)

新增單堂小課程內容、設定永久連結代稱

其他的單堂小課程,也可以依照上面教學,將內容編輯填寫完成。

單堂小課程設定

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

單堂課程的設定與課程總覽、課程章節基本上功能重複,大致如下圖:

單堂小課程相關設定

因為相關功能與課程章節大致相同,我就不再贅述,站長們可以對照課程章節的設定功能去做相對應調整唷:)

設定完成,可以按「 更新 」儲存,接著一一去設定其他單堂小課程。

測驗(Quiz)

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

測驗&題目新增

點開下箭頭 >「 New Quiz 」按鈕 > 輸入測驗題目 >「 Add Quiz 」成功新增一項測驗!

LearnDash 新增測驗

新增測驗後,我們可以隨意拖動測驗的位置,按住拖曳到「 1-1 準備材料 」小課程底下。

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

可拖曳測驗至任意位置

接著我們同樣按下「 Edit 」變更測驗內容+新增題目,填寫測驗內容、修改永久設定,接著按下「 更新 」儲存。

填寫測驗內容+修改永久連結

新增一份空白的新測驗後,我們還要為這份測驗新增題目。

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

在測驗中新增題目:切換到「 Builder 」面板 > 「 New Question 」按鈕 > 輸入題目 > 「 Add Questuon 」新增。

新增測驗底下的第一個題目

成功新增第一道題目後,我們就來設定題目的類型以及選項、答案吧!

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

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

題目+答案新增及設置

都設定及儲存完成後,我們可以繼續新增題目,直到整份測驗卷都完成:)

測驗卷完成後,我們到前台查看測驗卷吧!

測驗新增成功!

太好了,測驗卷成功新增~

以上就是新增+設定一門完整的課程功能介紹,相信看完這個章節,你一定對如何新增多層課程得心應手啦:)

小備註:除了在課程總覽(Course)的 Builder 建立課程章節、單堂小課程、測驗外,也可以在 LearnDash 後台進入相對應的頁面來調整這些物件唷~


課程頁面風格化設計

預設的課程頁面使用古騰堡頁面編輯器,本身的頁面編排就很精美。

不過,我們也可以使用別款頁面編輯器,來更加美化課程頁面。更多 頁面編輯器推薦清單

這邊我以 Elementor 做一些簡單示範:)

我們重複一樣的步驟,新增課程總覽(Course)頁面,輸入標題及內容,設定永久連結、新增精選圖片等 .. 。

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

新增新課程總覽頁面

進入 Elementor 以後,我們可以依照喜好添加多種欄位、元素設計,讓課程頁面變得更豐富精美:)

使用 Elementor 製作更精美的課程頁面

如何使用 Elementor 進行更精緻的頁面設計,可以參考教學文章:Elementor 全面中文指南


首頁課程列表上線

逐步建立好課程,相信你一定會很好奇,我們該如何顯示課程列表在前台網站供訪問者 / 學員預覽呢?

就跟商品陳列一樣,我們需要製作一個陳列課程的頁面。

我們可以安裝 LearnDash 附件,並且使用 Elementor 在頁面上新增課程列表短代碼,來完成精美的課程列表頁面:)

Setp 1:安裝 LearnDash Course Grid 附件

第一步,我們先安裝 LearnDash 提供的附件:LearnDash Course Grid 。

LearnDash > Adds-on > 找到 LearnDash Course Grid > 選擇「 Install Now 」,安裝+啟用 LearnDash Course Grid 。

LearnDash Course Grid 附件安裝+啟用

完成安裝+啟用後,我們可以到現在使用模板的首頁檢查,發現課程列表變成精緻的網格排版囉:)

線上課程平台架設 :首頁課程列表成功轉變成精美的網格形式~

如果不是使用同組模板的站長不用擔心,下一個步驟,我會教大家使用短代碼 / 小工具,將課程列表新增至頁面。

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

Setp 2:添加短代碼 / 小工具至頁面

到 WordPress 後台 > 頁面 > 新增頁面 ,我們輸入標題為課程列表。

接著打開區塊小工具,在「 LearnDash LMS Blocks 」列表中,找到「 LearnDash Course List 」小工具,拖曳進去頁面。

線上課程平台架設 : WordPress 頁面新增課程列表小工具

別忘記新增完還要修改永久連結,接著就可以儲存+發布頁面囉!

我們到前台檢查,發現已經新增了一個精美的課程列表頁面:)

線上課程平台架設 : WordPress 頁面新增課程列表成功!

除了使用「 LearnDash Course List 」區塊小工具以外,我們還可以使用短代碼: [ld_course_list col=3 order="asc"]

這組代碼可以應用在 Elementor 等相關的頁面編輯器,在各個不同頁面裡嵌入課程列表。更多 Elementor Pro 自訂程式碼功能

Step 3:課程網格設計

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

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

在這個區域,我們可以填入:介紹文字、標籤文字、按鈕文字。都填寫完畢,按「 更新 」儲存。

線上課程平台架設 :Course Grid Settings 修改網格課程列表設計

我們可以到前台檢查,發現網格列表文字修改成功,右邊則是未修改過的網格課程;)

線上課程平台架設 :修改網格課程列表成功!

小備註:除了 LearnDash Course List ,還有其他好用的 LearnDash 附件或第三方外掛,可以在 LearnDash 的 Adds-on 列表裡找到更多唷~


課程付款設定(串接 WooCommerce 金流)

線上課程平台架設最重要的一個功能,就是付款功能啦。

LearnDash 關聯的付款方式有:PayPal、Stripe、WooCommerce 等 .. 。但因為地理位置的關係,前兩項金流服務非歐美地區的網站可能較少用到,因此我們就以 WooCommerce 來做付款功能。

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

準備好的話,就開始囉:)

Step 1:安裝+啟用 LearnDash 與 WooCommerce 的關聯附件

首先到 LearnDash > Adds-on ,找到「 WooCommerce for LearnDash 」安裝+啟用。

安裝+啟用 WooCommerce for LearnDash

Step 2:安裝+設定 WooCommerce

接著我們到外掛 > 安裝外掛 > 找到 WooCommerce 安裝+啟用。

安裝+啟用 WooCommerce

接著到 WooCommerce > 設定,找到「 一般 」面板,貨幣選項設置為新台幣。

調整 WooCommerce 貨幣設定為新台幣

切換到「 付款 」面板,這邊的設定可依照站長的習慣自行調整。更多 WooCommerce 金物流設定

WooCommerce教學 :WooCommerce 金流設定(付款方式)
線上課程平台架設 :WooCommerce 金流設定(付款方式)

小備註:台灣站長可以參考 WooCommerce 綠界外掛RY WooCommerce Tools 外掛 教學,來新增更貼近台灣消費者習慣的金物流唷!

接著切換「 帳號及隱私權 」面板,關閉「 允許客戶免帳號下訂單 」。

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

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

開啟及關閉會員相關設定選項

全部設定完成,記得按「 儲存設定 」更新。

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

Step 3:新增+設定 WooCommerce 商品

WooCommerce 設定完成後,我們可以來新增課程商品囉。

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

線上課程平台架設 :新增+設定 WooCommerce 商品

接著最重要的兩步驟:「 商品資料 」下拉選單選擇「 Course 」「 LearnDash Courses 」選擇相對應的課程。更多 WooCommerce 商品種類介紹

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

線上課程平台架設 :商品類別選擇「 Coursr 」、連結要販售的課程

設定完成後,我們就可以選擇「 發布 」新增此 WooCommerce 課程商品。

我們查看商品頁面,發現成功新增:)

線上課程平台架設 :課程商品頁面新增成功!

Step 4:課程串接 WooCommerce 商品

成功新增課程商品後,我們需要將這個商品頁面連結到我們的課程,那該怎麼做呢?

首先,到 Course > 找到想串接的課程進行編輯。

前往 Course 找到想要串接的課程總覽

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

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

Course Access Settings 區塊進行課程與 WooCommerce 商品串接

我們前往課程頁面檢查(記得使用無痕頁面或登出管理員模式),發現課程成功被鎖住,並且新增了金額、付款按鈕~

線上課程平台架設 :完成課程結帳設定~

太棒了,我們成功完成課程頁面的付款設置囉~

小備註: WooCommerce 結帳頁面的修改,可以參考: WooCommerce 自訂結帳表單教學


會員 / 學生介面

先恭喜大家完成課程+付款的所有設置,我們離成功建置線上課程網站只差一點點啦;)

線上課程平台架設還有一個重點,就是提供已付費會員 / 學生頁面及面板,供學生查看個人資料、已購買課程、課程進度等 .. 。

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

新增會員頁面

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

Step 1:新增頁面+會員小工具

首先,到 WordPress 後台 > 頁面 > 新增頁面,填入頁面標題。

在區塊的「 LEARNDASH LMS BLOCKS 」列表裡,找到「 LearnDash Profile 」區塊小工具,拖曳或點選新增至頁面。

線上課程平台架設 :使用 WordPress 內建頁面+區塊小工具新增會員專區頁面

接著還有一個重要的區塊小工具,就是會員的登錄 / 註冊、登出按鈕。

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

線上課程平台架設 :新增會員登入 / 登出按鈕至會員專區頁面

最後修改永久連結代稱,其餘設定站長可依照需求自行調整,按下「 發佈 」新增頁面。

線上課程平台架設 :設定頁面永久連結+發布會員專區頁面

Step 2:新增主選單

新增完會員專區頁面,我們就可以讓頁面上線囉。

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

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

線上課程平台架設 :會員專區頁面新增至主選單

Step 3:檢查前台頁面

設定完成,我們到前台觀看+檢視成果吧:)

線上課程平台架設 :成功新增會員專區頁面+主選單~

來檢查看看登入按鈕功能。

使用無痕頁面連結進會員專區頁面,發現出現會員登入按鈕,點下後跳出會員登入面板:)

線上課程平台架設 :會員專區登入按鈕

如何管理會員

在新增了會員專區以後,你會不會好奇,站長該如何去管理這些會員呢?有了會員頁面,可是會員該如何進行註冊?

這個章節,我會先帶領大家進行 WordPress 後台設定,新增註冊頁面,並且讓大家了解 LearnDash 與 WordPress 會員是如何串接,又該如何管理。

如何新增註冊頁面

我們在全站設定章節中提到,必須將「 一般設定 」中的「 LearnDash 會員註冊功能 」開啟。

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

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

線上課程平台架設 :開啟「 任何人均可註冊 」選項

接著我們到前台登入頁面檢查,發現成功跳出註冊頁面:)

線上課程平台架設 :登入彈跳頁面成功出現註冊欄位

小提醒:有時會無法跳出註冊欄位,可以刪除各項快取重新讀取網頁。

如何管理註冊會員

當會員一一建立後,我們該如何去管理這些會員呢?

LearnDash 的會員系統是直接串接 WordPress 的,所以我們可藉由 WordPress 的使用者管理頁面,管理學生會員。

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

線上課程平台架設 :前往 WordPress 使用者編輯+新增會員

往下滑可以看見該名使用者的課程相關進度,如下圖:

線上課程平台架設 :在 WordPress 中可以檢視+修改會員(使用者)資訊

在使用者系統,我們還可以修改使用者名稱、信箱、密碼等 .. 資訊,詳細教學可以參考: WordPress 後台教學 使用者相關章節唷!


安裝+啟用 ProPanel(分析數據)

前面我們提過,選擇 LearnDash 的「 PLUS PACKAGE 」方案以上的站長,會多出一個「 ProPanel 」功能。

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

那具體該如何使用呢?

這個章節,我們會帶領大家安裝啟用+簡單說明面板功能:)

Step 1:安裝+啟用 ProPanel

前往 LearnDash 會員專區,進行登入,找到「 ProPanel 」選項,選擇「 Download 」。

前往 LearnDash 會員面板下載 ProPanel

下載完成後,前往 WordPress 後台 > 外掛 > 安裝外掛 > 上傳+啟用 ProPanel 檔案包。

前往 WordPress 後台上傳 ProPanel 檔案包

Step 2:啟用 ProPanel 憑證

啟用完成,我們需要啟用 ProPanel 憑證才能夠觀看數據。

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

LearnDash 會員面板找到 ProPanel 憑證

下一步,我們前往 LearnDash > Settings > ProPanel License ,填入購買 Email 以及 ProPanel 憑證。

填寫+啟用 PraoPanel 憑證

這樣就完成 ProPanel 啟用囉。

Step 3:查看 ProPanel 提供數據

安裝+啟用 ProPanel 完成,那麼我們要如何找到 ProPanel 提供數據呢?

可以前往 WordPress 後台 > 控制台,往下滑會看見多出了四個面板:Overview Widget、Activity Widget、Reporting Widget 以及 Chart Widget。

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

ProPanel 可以觀看各項分析數據

小備註: ProPanel 是 LearnDash 「 PLUS PACKAGE 」方案以上才可使用的功能,會分享此功能是希望可以讓站長依照自身需求,來決定如何購買方案~

以上就是完整的 LearnDash 教學,大家都學會了嗎;)


常見問題

自架網站需要準備什麼?

網站能正常運作,就需有「 個人網域 」+「 虛擬主機 」,這是基本配備。更多 WordPress 優質主機

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

差別是,跟著我的架站教學,你可用最少的預算,建置你的網站:)

LearnDash 是什麼?

LearnDash 是一款老牌且強悍的 WordPress 線上課程平台架設外掛,目前有許多 500 強公司及大學正在使用,是需要付費使用的功能外掛。

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

最重要的一點, LearnDash 結合 WooCommerce 可供串接,方便台灣的站長進行付款設定:)

LearnDash 適合所有類型的線上課程平台嗎?

是的, LearnDash 適合所有類型的線上課程平台,這也是為什麼我推薦它的原因。

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

只要善加利用 LearnDash 功能,沒有你架不出來的線上課程平台:)

LearnDash 有付費功能嗎?

LearnDash 設置有 WooCommerce 串接附件,可以使用 WooCommerce 完成線上付款功能方式。更多 WooCommerce 是什麼 、 WooCommerce 基礎教學指南 。

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


WordPress 學習資源

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

或是給我一些鼓勵也可以,讓我更有動力提供學習資源給大家,我會非常感謝:)

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

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

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

犬哥網站:wordpress教學社團

4 thoughts on “線上課程平台架設 :如何製作線上教學網站(詳細流程+推薦工具)”

  1. 您好 站長
    我想架設學習語言的網站
    想要知道如何加入zoom這個軟體
    購買課程結帳頁面可否加入教材一起販售一起結帳
    若是使用信用卡美金結帳 除了先設立公司銀行帳戶 信用卡金額要如何入公司帳戶 是像匯款一樣匯入帳戶嗎
    老師開放選課的時間表格如何設置
    如何設定教師頁面供學生看教師自我簡介包含youtube影片和文章自我介紹等等
    如何連結youtube或上傳影片。很多地方不懂 請您解惑。謝謝您

    1. 小犬網站 - Luna

      嗨,Eliza,

      關於如何將 LearnDash 與 Zoom 串接,可以參考看看 LearnDash 官方開發的附件:

      LearnDash 與 Zoom 串接附件

      教材的部分,可以參考組合商品試試看,或是尋找相關的商品銷售外掛,具體操作,可以參考網站上的 WooCommerce 常見商品類型介紹+設定操作

      信用卡相關問題,因為這是外幣匯入,可能需要諮詢你的第三方金流或者是你所使用的銀行唷。

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

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

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

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

      希望我的回答有幫助到你:)

  2. 站長您好,
    想請問如果已經有一個一般的部落格wordpress網站,可以直接安裝learndash並將網站更改成線上課程網站頁面嗎?
    謝謝您!

    1. 犬哥網站 - Luna

      嗨,jeffin,

      我的理解是,你希望網站保留部落格功能同時新增線上課程,

      可以但不太建議這麼做。

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

      比較建議的做法是,將部落格跟線上課程網站分開兩個網站建置,就像我們網站一樣,部落格以及架站服務是分開的兩個網站:)

      如果虛擬空間方案有購買多個網站服務,可以參考: Bluehost 教學 的「如何新增子網域」章節學習新增多個網站~

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

回到頂端