系統導航 →網站設定→網站視覺
【⚙網站視覺】設定:
進入後台時左列出現系統導航” 選單,展開【⚙網站設定】→【網站視覺】,管理者可建置網校所有網頁瀏覽時,使用者觀看到的LOGO圖示。
管理者可在此處上傳網校用LOGO、網校用頁尾LOGO以及開啟網校時瀏覽器顯示之LOGO(如下方示意圖)。
因各家Logo尺寸不同,為了保持網頁最佳觀看效果,Logo 的顯示高度請至【網站設定】→【首頁Banner】→【⚙顯示設定】以滑桿調整(0=自動縮放)。
*特別說明:首頁主視覺(Banner)的高度與頁首高度,已改由【網站設定】→【首頁Banner】→【⚙顯示設定】統一調整;上傳的 Logo 會被夾在「頁首高度 − 16px」以內,不會變形。

(1)網站LOGO:
此設定將會顯示在網校各網頁的左上角,學員(用戶)點擊後即可跳回到您的網校首頁(如下方示意圖)。
(2)網站頁尾LOGO:
可依照需求決定是否上傳網站頁尾LOGO,此LOGO在電腦版瀏覽器會固定高度為50 pixel(如下方示意圖)。

(3)瀏覽器圖示:
此設定將會在瀏覽器頁籤顯示出網校LOGO,管理者編輯後上傳,以提升網校識別度(如下方示意圖)。
(4)觸摸圖示(蘋果iOS專用):
管理者在此欄位上傳的LOGO圖檔,將會顯示在學員(用戶)把網校頁面設定為手機或電腦的快速捷徑時(如下方示意圖)所顯示的圖像。

(5)PC版LOGO高度:
此欄位的調整已搬到【網站設定】→【首頁Banner】→【⚙顯示設定】,本頁只保留搬移說明。請至該頁以滑桿調整電腦版 logo 高度(0=自動縮放),拖曳後立即儲存。
✽請留意:logo 高度會被夾在「頁首高度 − 16px」以內,不會變形;調整頁首高度與 logo 高度時,首頁主視覺「實際可見」的高度也會一起改變(可在顯示設定頁的版型預覽即時看到)。
(6)網站主色:
管理者可在此設定網校前台的整體主色。挑選顏色後,網校前台頁面上的按鈕、標題與連結會一起套用這個顏色;若想恢復系統預設的青綠色,把欄位清空即可。
操作方式:點選左側色票挑選顏色,右側色碼欄位會同步顯示色碼(格式為 #RRGGBB),停止輸入約 1 秒後系統自動儲存;若要清除設定、回到預設色,點選【恢復預設】。

下圖為設定主色前的前台畫面(系統預設青綠色):

下圖為設定主色後的前台畫面,按鈕外框與文字會同步改變:

*特別說明:若輸入的色碼格式不完整(例如只輸入 #GGG),欄位下方會出現紅字提醒「主色格式需為 #RRGGBB」,該筆設定不會被儲存。
(7)版型風格:
管理者可在此切換網校前台的版型。目前提供【簡約風格】與【清新風格】兩種,每張卡片會顯示該版型的前台示意圖與版型名稱(如下方示意圖)。
目前使用中的版型會標示「✓ 目前使用中」;若要更換版型,點選其他版型卡片下方的【切換成這個版型】按鈕,畫面重新整理後即完成切換,網校前台立即套用新版型。

*特別說明:切換版型後前台立即生效,可隨時切換回原版型;網站LOGO、網站主色與頁面文案不受影響。
客製版面:若您的網校是由 E樂堂服務團隊製作客製版面,這一格會顯示「客製版面:由 E樂堂服務團隊設定(要調整請洽客服)」;方案未開通客製服務時則顯示「客製版面:目前方案未開通」。客製版面無法在後台自行切換,如有調整需求請洽客服。
已上傳LOGO圖檔編輯方式:
(1)管理者可直接點選已上傳LOGO圖檔本身,可重新更換新LOGO圖檔。
(2)點選圖片上的【🖍】筆型圖示則可針對LOGO的可視範圍進行編輯調整。
(3)已上傳的圖檔可點選【更換】重新上傳新圖,或點選【清除】清空該欄位;清除後該欄位回到預設狀態,前台不再顯示您上傳的圖示。
