1. Home
  2. Docs
  3. 一般設定
  4. 網站設定
  5. 首頁區塊

首頁區塊

系統導航 →網站設定→首頁區塊

【⚙首頁區塊】設定:

進入後台時左列出現系統導航” 選單,展開【⚙網站設定】→【首頁區塊】,管理者可建置安排課程主網頁觀看的區塊順序,編排方式如下

首頁區塊設定步驟示意圖
首頁區塊設定步驟示意圖

(1)拖移區塊鈕:

可依照網校需求排列(用滑鼠按住)上下移動每一個別區塊於首頁顯示的順序。

(2)區塊名稱:

區塊名稱若需要進行變更,可點選後方【🖍】筆型圖示(編輯區塊資料)按鈕,即可自訂所需要之文字內容。

首頁各個區塊之名稱_示意圖
(a)熱門課程:

此區塊顯示在首頁中,可依據指定之熱門課程排行榜自動挑選課程顯示。

(b)最新課程:

此區塊顯示在首頁中,可提供學員網校最新上架之課程訊息。

(c)錄播課程:

此區塊顯示在首頁中,可讓學員快速瀏覽網校已錄製上架之課程。

請注意,此名稱如變更,將同步變更手機版首頁右下方「課程類型」選單支顯示名稱,如隱藏此區塊,亦將不顯示於該 「課程類型」選單內。

(d)直播課程:

此區塊顯示在首頁中,提供網校曝光最新上架之直播課程資訊。

請注意,此名稱如變更,將同步變更手機版首頁右下方「課程類型」選單支顯示名稱,如隱藏此區塊,亦將不顯示於該 「課程類型」選單內。

(e)小班互動:

此區塊顯示在首頁中,可提供學員網校最新上架之小班互動課程資訊。

請注意,此名稱如變更,將同步變更手機版首頁右下方「課程類型」選單支顯示名稱,如隱藏此區塊,亦將不顯示於該 「課程類型」選單內。

(f)推薦老師:

此區塊顯示在首頁中,網校可自訂優先推薦之老師順序。

(g)推薦課程:

此區塊顯示在首頁中,可提供學員網校主打推薦之課程資訊。

(h)我的課程:

此區塊顯示在首頁中,可讓登入之學員看到自己已購置的課程清單,並提供直接上課功能,快速開始上課。

(i)自訂內容:

此區塊提供編輯器,可自行設計圖文內容顯示於首頁。

(j)課程公告:

此區塊顯示在首頁中,顯示網校或各課程欲顯示於首頁之公告。

(k)跨平台課程:

此區塊顯示在首頁中,可提供學員網校最新上架之跨平台課程資訊。

請注意,此名稱如變更,將同步變更手機版首頁右下方「課程類型」選單支顯示名稱,如隱藏此區塊,亦將不顯示於該 「課程類型」選單內。

(3)編輯區塊資料:

在每個各別名稱區塊後方作點選【🖍】筆型圖示後可進行該區塊相關內容編輯(如下方示意圖)。編輯各欄位資訊建置說明如下

標題

網校管理者可按照編排需求自行修改各別區塊名稱,例如:系統原設定”最新課程”改為”剛上架課程”之類(各別區塊都有此欄位可設定)。

模式設定

各別區塊都可以由管理者來制定使用系統中的”自動”模式或是”自選課程”模式,在不同的模式中,有不同的欄位選項需建置輸入(各別區塊都有此欄位可設定)。

當選擇”自動模式”時,表示排列順序由系統預設方式呈現在學員瀏覽網頁頁面中的效果。

當選擇”自選課程模式”時,管理者可指定呈現在學員瀏覽網頁時能看到的課程排順序等等。

顯示數量

僅在”自動模式”狀態下顯示。

課程

僅在”自選課程模式”狀態下顯示,可由管理者點選【+加入課程】在此區塊添加推薦的名單。

BANNER圖片

管理者可自行設定此區塊是否要使用特定代表圖片(各別區塊都有此欄位可設定)。

Banner特別說明:因網校是RWD響應式網頁的設計,會依據實際使用之裝置顯示比例,自動將圖片進行縮放與切割,例如以手機瀏覽時,即有裁切狀況產生,如需避免裁切掉的是重要文字內容與主視覺,建議將主要設計之視覺元素擺放於中央位置,以避免不同裝置顯示比例之些微差距造成的影響。

✽請注意! BANNER物件於瀏覽器呈現方式,係依據裝置解析度與可視位置自動計算,以普遍之電腦顯示器而言,高度約為 400px,因此建議網校以此高度設計BANNER,長度建議1500px以上。

是否顯示BANNER圖片標題

系統預設值為【是】,若無需開啟此功能可點選【否】即可關閉(各別區塊都有此欄位可設定)。

圖片替代文字

自行編輯該圖片的”圖片替代文字”欄位,此目的是為了讓課程上架後,搜尋引擎可以對有此編輯的圖片進行索引(index),增加該堂課程的搜尋曝光率(各別區塊都有此欄位可設定)。

確定

管理者編輯完成後,按下【確定】按鈕,即可儲存設定。

(4)將區塊顯示或隱藏:

【👁】符號是在頁面顯示此區塊的意思,若有暫不使用的版面區塊可點選【👁】符號後變成【🚫】將此區塊隱藏(不顯示在網頁)。

(5)設定下方文字Banner:

網校首頁最下方橫幅的文字Banner,管理者可依需求自行設定顯示文字、背景色、區塊顯示與否等。

設定:

點選後可自行編輯左方顯示的文字與右方按鈕的文字與連結,亦可透過設定針對登入前/後不同身分顯示不同資訊。

登入前

背景顏色:

可自行調配此區塊顯示的背景色。

連結按鈕:

此區塊可自行選擇是否開啟”註冊”提示按鈕,若選擇”註冊”則該按鈕連結會自動連結至學員註冊頁面。若選擇”不使用連結”則此區塊將無按鈕顯示。

連結按鈕自訂文字:

若選擇註冊按鈕,可自行填寫欲顯示的文字引導未登入學員進行註冊。

左方文字:

可依照網校需求填入合適的宣傳文字。

登入後

背景顏色:

可自行調配此區塊顯示的背景色。

連結按鈕:

可自行決定該區塊的點選連結。

  • 不使用連結:此區塊將不顯示任何可點擊的按鈕。
  • 課程介紹頁:點選後可直接連結至指定的課程頁面。
  • 課程試聽:點選後可直接連結至指定的課程上課畫面,讓學員直接進行試聽。

連結按鈕自訂文字:

可自行填寫欲顯示的文字引導已登入學員進行推薦課程的試聽。

選擇課程:

可選擇欲推薦給登入後學員的試聽課程。

左方文字:

可依照網校需求填入合適的宣傳文字。

E樂堂管理端 下方Banner設定(登入前與登入後操作_示意圖)
E樂堂管理端 下方Banner設定(登入前與登入後操作_示意圖)
E樂堂 學生端 下方Banner(登入前)
學生端瀏覽首頁下方Banner(登入前)
學生端瀏覽首頁下方Banner(登入後)