系統導航 →網站設定→首頁區塊
【⚙首頁區塊】設定:
進入後台時左列出現系統導航” 選單，展開【⚙網站設定】→【首頁區塊】，管理者可建置安排課程主網頁觀看的區塊順序，編排方式如下
(1)拖移區塊鈕：
可依照網校需求排列(用滑鼠按住)上下移動每一個別區塊於首頁顯示的順序。
(2)區塊名稱：
區塊名稱若需要進行變更，可點選後方【🖍】筆型圖示(編輯區塊資料)按鈕，即可自訂所需要之文字內容。
(a)熱門課程:
此區塊顯示在首頁中，可依據指定之熱門課程排行榜自動挑選課程顯示。
編輯設定：點選區塊後方【🖍】筆型圖示開啟編輯視窗，可設定下列欄位（如下方截圖）。
1. 基本設定：「標題」可修改前台顯示的區塊名稱；「是否顯示標題」可選擇前台是否顯示此標題；「是否顯示『所有課程』連結」可選擇是否顯示前往課程總覽的按鈕。
2. 課程設定：「模式設定」為「自動」，由系統依排行榜自動挑選課程；「顯示數量」可選擇「無限制」或「自訂數量」（例如 15 門）。
3. 排行榜設定：可選擇排行榜類型（銷售金額排行榜／銷售數量排行榜／完課排行榜／熱門課程排行榜）與統計時間區間（全部區間／近 7 天／近 30 天／前 3 月／前 6 月）。
4. Banner：可決定此區塊是否顯示 Banner 圖片，並可填寫「圖片替代文字」，讓搜尋引擎可以對圖片進行索引，增加曝光。
（下圖為編輯視窗。示範網校目前沒有排行榜資料，所以首頁不會顯示此區塊。）
(b)最新課程:
此區塊顯示在首頁中，可提供學員網校最新上架之課程訊息。
編輯設定：點選區塊後方【🖍】筆型圖示開啟編輯視窗，可設定下列欄位（如下方截圖）。
1. 基本設定：「標題」可修改前台顯示的區塊名稱；「是否顯示標題」可選擇前台是否顯示此標題；「是否顯示『所有課程』連結」可選擇是否顯示前往課程總覽的按鈕。
2. 課程設定：「模式設定」可選擇「自動」或「自選課程」。
選擇「自動」時，由系統依「上架時間新到舊」自動帶出課程；選擇「自選課程」時，可點【+加入課程】自行挑選要顯示的課程。
「顯示數量」可選擇「無限制」或「自訂數量」（自行輸入要顯示的課程數）。
3. Banner：可決定此區塊是否顯示 Banner 圖片，並可填寫「圖片替代文字」，讓搜尋引擎可以對圖片進行索引，增加曝光。
(c)錄播課程:
此區塊顯示在首頁中，可讓學員快速瀏覽網校已錄製上架之課程。
編輯設定：點選區塊後方【🖍】筆型圖示開啟編輯視窗，可設定下列欄位（如下方截圖）。
1. 基本設定：「標題」可修改前台顯示的區塊名稱；「是否顯示標題」可選擇前台是否顯示此標題；「是否顯示『所有課程』連結」可選擇是否顯示前往課程總覽的按鈕。
2. 課程設定：「模式設定」可選擇「自動」或「自選課程」。
選擇「自動」時，由系統依「上架時間新到舊」自動帶出課程；選擇「自選課程」時，可點【+加入課程】自行挑選要顯示的課程。
「自選課程」模式下另有「排序」選項，可選擇：預設／自訂排序／建立日期新到舊／建立日期舊到新／更新日期新到舊／更新日期舊到新／上架日期新到舊／上架日期舊到新。
「顯示數量」可選擇「無限制」或「自訂數量」（自行輸入要顯示的課程數）。
3. Banner：可決定此區塊是否顯示 Banner 圖片，並可填寫「圖片替代文字」，讓搜尋引擎可以對圖片進行索引，增加曝光。
請注意，此名稱如變更，將同步變更手機版首頁右下方「課程類型」選單支顯示名稱，如隱藏此區塊，亦將不顯示於該 「課程類型」選單內。
(d)小班互動:
此區塊顯示在首頁中，可提供學員網校最新上架之小班互動課程資訊。
編輯設定：點選區塊後方【🖍】筆型圖示開啟編輯視窗，可設定下列欄位（如下方截圖）。
1. 基本設定：「標題」可修改前台顯示的區塊名稱；「是否顯示標題」可選擇前台是否顯示此標題；「是否顯示『所有課程』連結」可選擇是否顯示前往課程總覽的按鈕。
2. 課程設定：「模式設定」可選擇「自動」或「自選課程」。
選擇「自動」時，由系統依「上架時間新到舊」自動帶出課程；選擇「自選課程」時，可點【+加入課程】自行挑選要顯示的課程。
「顯示數量」可選擇「無限制」或「自訂數量」（自行輸入要顯示的課程數）。
3. Banner：可決定此區塊是否顯示 Banner 圖片，並可填寫「圖片替代文字」，讓搜尋引擎可以對圖片進行索引，增加曝光。
請注意，此名稱如變更，將同步變更手機版首頁右下方「課程類型」選單支顯示名稱，如隱藏此區塊，亦將不顯示於該 「課程類型」選單內。
(e)推薦老師:
此區塊顯示在首頁中，網校可自訂優先推薦之老師順序。
此區塊在清單中沒有【🖍】筆型圖示，也就是沒有可編輯的欄位（無法修改標題）；只能用拖移鈕調整區塊順序，用【👁】／【🚫】決定顯示或隱藏。
(f)推薦課程:
此區塊顯示在首頁中，可提供學員網校主打推薦之課程資訊。
編輯設定：點選區塊後方【🖍】筆型圖示開啟編輯視窗，可設定下列欄位（如下方截圖）。
1. 基本設定：「標題」可修改前台顯示的區塊名稱；「是否顯示標題」可選擇前台是否顯示此標題；「是否顯示『所有課程』連結」可選擇是否顯示前往課程總覽的按鈕。
2. 課程設定：「模式設定」可選擇「自動」或「自選課程」。
選擇「自動」時，由系統依「上架時間新到舊」自動帶出課程；選擇「自選課程」時，可點【+加入課程】自行挑選要顯示的課程。
「顯示數量」可選擇「無限制」或「自訂數量」（自行輸入要顯示的課程數）。
3. Banner：可決定此區塊是否顯示 Banner 圖片，並可填寫「圖片替代文字」，讓搜尋引擎可以對圖片進行索引，增加曝光。
(g)我的課程:
此區塊顯示在首頁中，可讓登入之學員看到自己已購置的課程清單，並提供直接上課功能，快速開始上課。
編輯設定：點選區塊後方【🖍】筆型圖示開啟編輯視窗，可設定下列欄位（如下方截圖）。
1. 基本設定：「標題」可修改前台顯示的區塊名稱；「是否顯示標題」可選擇前台是否顯示此標題；「是否顯示『所有課程』連結」可選擇是否顯示前往課程總覽的按鈕。
2. 課程設定：「模式設定」為「自動」；「顯示數量」可選擇「無限制」或「自訂數量」。
3. 我的課程設定：「是否於首頁其他課程區塊，不顯示『我的課程』內已經顯示的課程」，選擇「是」時，同一門課不會在首頁重複出現。
3. Banner：可決定此區塊是否顯示 Banner 圖片，並可填寫「圖片替代文字」，讓搜尋引擎可以對圖片進行索引，增加曝光。
（此區塊只有學員登入後才會顯示在首頁。）
(h)自訂內容:
此區塊提供編輯器，可自行設計圖文內容顯示於首頁。
編輯設定：點選【🖍】開啟編輯視窗後，可設定「標題」與「是否顯示標題」，並在「內容」欄位使用內建編輯器輸入文字、調整字型與字級、插入圖片（單檔 450K 內）。編輯器下方另有「圖片／屬性／連結」等工具頁籤可使用。
此區塊沒有「前台預覽」按鈕。
(i)課程公告:
此區塊顯示在首頁中，顯示網校或各課程欲顯示於首頁之公告。
編輯設定：此區塊的編輯視窗只有「設定」頁籤，可修改「標題」與「是否顯示標題」；公告內容由網校／各課程的公告設定決定，在此不需另外挑選。
(j)跨平台課程:
此區塊顯示在首頁中，可提供學員網校最新上架之跨平台課程資訊。
編輯設定：點選區塊後方【🖍】筆型圖示開啟編輯視窗，可設定下列欄位（如下方截圖）。
1. 基本設定：「標題」可修改前台顯示的區塊名稱；「是否顯示標題」可選擇前台是否顯示此標題；「是否顯示『所有課程』連結」可選擇是否顯示前往課程總覽的按鈕。
2. 課程設定：「模式設定」可選擇「自動」或「自選課程」。
選擇「自動」時，由系統依「上架時間新到舊」自動帶出課程；選擇「自選課程」時，可點【+加入課程】自行挑選要顯示的課程。
「顯示數量」可選擇「無限制」或「自訂數量」（自行輸入要顯示的課程數）。
3. Banner：可決定此區塊是否顯示 Banner 圖片，並可填寫「圖片替代文字」，讓搜尋引擎可以對圖片進行索引，增加曝光。
請注意，此名稱如變更，將同步變更手機版首頁右下方「課程類型」選單支顯示名稱，如隱藏此區塊，亦將不顯示於該 「課程類型」選單內。
(k)常見問題:
此區塊顯示網校「常見問題」內已上架的問答（不含課程專屬 FAQ），最多顯示 10 題。
顯示哪一份題庫由「網站設定 → 常見問題」的【是否使用E樂堂標準FAQ內容】決定：選【是】顯示E樂堂標準 FAQ，選【否】顯示網校自己新增的題目。
此區塊在清單中沒有【🖍】筆型圖示，題目內容請到「網站設定 → 常見問題」維護；區塊本身只能用拖移鈕調整順序、用【👁】／【🚫】決定顯示或隱藏。
(l)資訊區塊:
此區塊顯示在首頁中，可讓網校選擇以「數字」與「內容」呈現網校的規模與學員評價，協助第一次造訪的訪客快速了解網校。數字由系統每日自動統計，不需手動輸入。
可勾選的數字項目：學員總數、課程數、講師數、累計學習時數、累計選課人次、課程瀏覽數、平均評價、五星好評率、本月新增學員、學習證明數；內容項目：學員評價輪播、最近上課學員。
點選區塊後方【🖍】筆型圖示開啟編輯視窗：
1. 基本設定：「標題」可修改前台顯示的區塊名稱（預設為「資訊」）；「是否顯示標題」可選擇前台是否顯示此標題。
2. 顯示項目：勾選要顯示的項目，組內順序就是前台顯示順序（用項目右側的箭頭調整）；各項目的文案欄位可自行修改文字，留空時前台會使用預設文案。
請注意：
1. 未勾選的項目不會顯示在首頁。
2. 若該項目在您的網校目前沒有資料（例如尚無學員評價、尚無學習證明），前台不會顯示該項目，也不會出現空白的卡片。
3. 系統統計為 0 的項目仍會顯示（例如「本月新增 0 位學員」）；不想顯示請取消勾選該項目。
4. 若您的網校已設定隱藏課程瀏覽數，則「課程瀏覽數」不提供勾選。
5. 「最近上課學員」顯示最近 30 天有上課的學員，姓名以「王××」方式呈現，不顯示完整姓名。
(3)編輯區塊資料：
在每個各別名稱區塊後方作點選【🖍】筆型圖示後可進行該區塊相關內容編輯(如下方示意圖)。編輯各欄位資訊建置說明如下
標題
網校管理者可按照編排需求自行修改各別區塊名稱，例如:系統原設定”最新課程”改為”剛上架課程”之類(各別區塊都有此欄位可設定)。
模式設定
各別區塊都可以由管理者來制定使用系統中的”自動”模式或是”自選課程”模式，在不同的模式中，有不同的欄位選項需建置輸入(各別區塊都有此欄位可設定)。
當選擇”自動模式”時，表示排列順序由系統預設方式呈現在學員瀏覽網頁頁面中的效果。
當選擇”自選課程模式”時，管理者可指定呈現在學員瀏覽網頁時能看到的課程排順序等等。
顯示數量
僅在”自動模式”狀態下顯示。
課程
僅在”自選課程模式”狀態下顯示，可由管理者點選【+加入課程】在此區塊添加推薦的名單。
BANNER圖片
管理者可自行設定此區塊是否要使用特定代表圖片(各別區塊都有此欄位可設定)。
Banner特別說明：因網校是RWD響應式網頁的設計，會依據實際使用之裝置顯示比例，自動將圖片進行縮放與切割，例如以手機瀏覽時，即有裁切狀況產生，如需避免裁切掉的是重要文字內容與主視覺，建議將主要設計之視覺元素擺放於中央位置，以避免不同裝置顯示比例之些微差距造成的影響。
✽請注意! BANNER物件於瀏覽器呈現方式，係依據裝置解析度與可視位置自動計算，以普遍之電腦顯示器而言，高度約為 400px，因此建議網校以此高度設計BANNER，長度建議1500px以上。
是否顯示BANNER圖片標題
系統預設值為【是】，若無需開啟此功能可點選【否】即可關閉(各別區塊都有此欄位可設定)。
圖片替代文字
自行編輯該圖片的”圖片替代文字”欄位，此目的是為了讓課程上架後，搜尋引擎可以對有此編輯的圖片進行索引(index)，增加該堂課程的搜尋曝光率(各別區塊都有此欄位可設定)。
確定
管理者編輯完成後，按下【確定】按鈕，即可儲存設定。
(4)將區塊顯示或隱藏：
【👁】符號是在頁面顯示此區塊的意思，若有暫不使用的版面區塊可點選【👁】符號後變成【🚫】將此區塊隱藏(不顯示在網頁)。
(5)設定下方文字Banner：
網校首頁最下方橫幅的文字Banner，管理者可依需求自行設定顯示文字、背景色、區塊顯示與否等。
設定:
點選後可自行編輯左方顯示的文字與右方按鈕的文字與連結，亦可透過設定針對登入前/後不同身分顯示不同資訊。
登入前
背景顏色：
可自行調配此區塊顯示的背景色。
連結按鈕：
此區塊可自行選擇是否開啟”註冊”提示按鈕，若選擇”註冊”則該按鈕連結會自動連結至學員註冊頁面。若選擇”不使用連結”則此區塊將無按鈕顯示。
連結按鈕自訂文字：
若選擇註冊按鈕，可自行填寫欲顯示的文字引導未登入學員進行註冊。
左方文字：
可依照網校需求填入合適的宣傳文字。
登入後
背景顏色：
可自行調配此區塊顯示的背景色。
連結按鈕：
可自行決定該區塊的點選連結。
- 不使用連結：此區塊將不顯示任何可點擊的按鈕。
- 課程介紹頁：點選後可直接連結至指定的課程頁面。
- 課程試聽：點選後可直接連結至指定的課程上課畫面，讓學員直接進行試聽。
連結按鈕自訂文字：
可自行填寫欲顯示的文字引導已登入學員進行推薦課程的試聽。
選擇課程：
可選擇欲推薦給登入後學員的試聽課程。
左方文字：
可依照網校需求填入合適的宣傳文字。
