回課程

用WordPress製作線上課程網站

0%完成
0/0步驟
課堂 11 的 15
正在進行

新增課程和章節

文尼先生 2021 年 12 月 6 日

新增課程

點擊左邊菜單中的LearnDash學習管理系統 > 課程, 打開課程管理的頁面。

點擊新增課程。

輸入課程標題,預設的課程連結會設定為課程標題, 如果不喜歡網址中有中文字,可以在下方永久連結中編輯。

完成效可以點擊右邊的發佈,先儲存一下,接着再繼續進行設定。

往下一點的輸入框中,可以輸入一些課程簡介,這裏的簡介會公開顯示,即使沒有註冊或報名課程的人也能看到。

往下面一點可以設計一句話描述一下課程,類似Slogan的概念。

然後到右邊的地方可以設定一張精選圖片,以及封面照片, 精選圖片比例約為16:9,封面照片則是一張長形的Banner。

也是右邊的部分,可以設定課程的分類和標籤,分類是比較廣泛的分類方式,標籤則是細微的分類,類似於Instagram中的#hashtag。

例如:

  • 分類: 人類
  • 標籤: 男人,老人

 

 

往下拉一點,還可以設定影片預覽,連結可以從Vimeo後台複製。

貼上到Course Video Preview。

每完成一項設定後,可以點擊右方的更新進行儲存,以免丟失設定。 滑鼠右鍵點擊永久連結,在新視窗打開可以預覽一下課程頁面。

這裏我用的是BuddyBoss主題,如果你使用的主題不一樣,你的課程頁面也會不同。

 

課程內容

接下來可以開始構建我們的課程, 點擊頂部菜單的生成器。

這裏可以輸入章節分類標題,以及每個章節的名稱。

以下是一個範例,當然你也可以創建多個章節分類,以及多個章節,完成後點擊右邊的更新儲存一下。

點擊章節標題右邊的編輯,可以開始編寫該章節的內容。

在輸入框中,你可以貼上文字,圖片,或者影片,你可以使用上方的編輯工具,使你的章節內容更精美。

如果是影片教學,可以使用之前上傳到Vimeo的影片,先登入你的Vimeo後台,在Video列表中,點擊想要匯入的影片中的Copy Link > Copy embed code,然後貼上到章節內容中。

章節內容完成後,可以點擊右邊的更新進行儲存,現在再次點擊左邊菜單的課程, 點擊課程標題,就可以重新進入課程設定頁面,重複以上步驟更新其他章節的內容。

完成所有章節內容後,我們前往課程設定頁面,點擊頂部菜單的設置。 這裏可以設定課程的開放程度,價錢,條件等等。Course Material 中可以放置一些課程中有機會用到的資源,例如一些素材的下載點等。

在Access Mode中,Open指課程完全免費開放,無需註冊,Free指課程免費開放,但訪客需先註冊,Buy Now設定課程為付費課程,使用課程系統內建的支付模組,Subscription 指的是訂閱制度的課程,訪客須付費訂閱,而且只能在定于期間才能查看課程。Close 指的是,進行特別動作才能解鎖課程。 這裏我們選擇Close, 因為我們需要對接自己的付費模組,例如Woocommerce+綠界。

這裏需要填寫兩項資料 課程價格,以及一個按鈕的連結,這裏我們先設定課程價格。

現在我們新增一個商品,並將這個商品設定為購買課程的專用連結,這個目的是讓訪客可以透過我們的支付模組進行付款,購買商品後自動授權查看課程內容。 右鍵點擊左邊的商品 > 新增,在新分頁打開。

輸入商品的名稱,例如XXX課程授權, 右邊的可見度設定為隱藏,這樣就不會出現在其他商品列表中,只有點擊連結時才能打開, 你亦可以在下方的輸入框中輸入簡短的內容,例如「付款後會授權課程」, 也可以新增精選圖片, 設定分類及標籤等。

往下拉一點,勾選虛擬的選項,因為課程屬於虛擬物品,無需設定送貨地點等,然後設定價錢,價錢下方可以設定購買這個商品後將會授權的課程, 輸入課程名稱,系統就會自動搜索。

完成效點擊右方的發佈,進行儲存。

發佈後,右鍵點擊商品標題下方的連結, 複製商品的連結。

張連杰貼上剛剛Button URL的位置。

接下來在Navigation Setting中可以設定 課程的流程,設定為Linear的話,客戶只能按章節順序去查看課程,Free form的話就能跳著查看,例如先看章節6再看章節2。

下面還可以設定一些上課的條件,例如需要先完成課程A, 才可以查看課程B。 如沒有條件限制請將Prerequisites關上。 也可以設定上課的積分Points,Requried for Access是需要多少積分,Awarded on Completeion是完成課程後獎勵多少積分。Access Expiration可以設定查看課程的時限。如果有效期為1年,請在Access Period設定為365。

 

現在可以預覽一下課程, 右鍵點擊永久連結,在無痕式視窗中打開連結, 可以模擬訪客看到的畫面。

現在訪客會看到一個參加課程的連結按鈕。

點擊按鈕就會跳轉支付頁面