課程列表短代碼使用教學

什麼是課程列表短代碼?#

課程列表是可以一次顯示所有課程的列表,主要是讓人能在你的網站上一次就瀏覽到所有的課程。在你設好課程列表顯示的條件之後,只需要點擊複製按鈕,就能將代碼貼在任何頁面中,系統會依照你設定的條件,自動抓取課程相關資訊並顯示在列表中。這個讓你可自訂課程列表顯示的功能稱為 課程列表短代碼

課程列表短代碼功能總覽

怎麼取得短代碼?#

  1. 到課程系統後台 > 短代碼
  2. 下圖紅框處可調整 課程列表 要顯示的條件,例如想要顯示哪幾個課程、排列順序依據、一列想顯示幾個課程……等

小提醒:下方代碼會依據你所選的條件即時呈現,代碼都不相同。

課程列表短代碼條件設定
  1. 點擊下圖紅框處最右邊的複製短代碼按鈕圖示按鈕可複製整段代碼
複製課程列表短代碼位置

短代碼設定方式#

  1. 先在課程系統中設定好條件
  • 顯示數量 – 列表要顯示多少課程數量
  • 欄位 – 一列要顯示幾個課程
  • 只包含指定課程 – 如果想顯示所有課程沒有要指定,此欄可跳過。這裡可指定只顯示哪幾個特定課程,欄位的課程可以複選
  • 排序調整 – 可選擇排序要升序或是降序
  • 排序依據 – 選擇課程排列的順序要依據什麼,可以選擇用 發佈時間、修改時間、名稱、ID 或是隨機
  • 商品分類 – 可抓出特定分類的課程。例:有分類免費課程與付費課程,只想顯示免費課程在列表中的話,就選擇免費課程的分類
  • 商品標籤 – 可抓出特定標籤的課程

小提醒:如果沒有編輯任何條件,短代碼不會生成。如課程列表沒有想指定的條件,「排序依據」的欄位可選 隨機,下方就會出現短代碼。

短代碼顯示條件設定
  1. 將短代碼複製
複製已產生的短代碼
  1. 到秒站後台建立一個頁面,頁面 > 新增頁面
新增頁面放置課程列表
  1. 點擊選取「短代碼」
選擇短代碼區塊
  1. 將剛複製的短代碼貼入欄位中,最後點擊右上角 發佈 按鈕
貼上短代碼並發佈頁面

這樣就能輕鬆製作出一頁課程列表。

小提醒:如果課程很多,前台課程列表會以傳統頁碼分頁顯示。訪客切換頁碼時,系統只會更新課程列表區塊,不會重新整理整個頁面;載入期間會先顯示骨架畫面,避免版面突然跳動。

常見問題

沒有設定任何條件,為什麼沒有產生短代碼?

課程列表需要至少有一個顯示條件,系統才會產生短代碼。如果沒有特別要限制課程,可以先在「排序依據」選擇隨機,讓下方代碼出現。

可以只顯示特定幾門課嗎?

可以。在「只包含指定課程」欄位選擇要顯示的課程,短代碼就會依照這個條件產生。適合製作免費課程列表、特定主題課程列表,或活動頁的精選課程區。

短代碼要貼在哪裡?

複製短代碼後,可以貼到頁面的短代碼區塊。貼上後發佈或更新頁面,再到前台確認課程列表是否依照你設定的條件顯示。

前台沒有顯示課程列表怎麼辦?

先確認短代碼有完整複製,頁面已發佈,且課程本身是公開狀態。若你設定了分類、標籤或指定課程,也要確認有符合條件的課程可顯示。

課程很多時,前台會怎麼顯示?

課程很多時,列表會用頁碼分頁顯示。訪客切換頁碼時,只會更新課程列表區塊,不會重新整理整個頁面,載入時會先看到骨架畫面。