如何使用「頁面設定」

「頁面管理」>「頁面設定」

 

 

建立頁面

① 設定頁面名稱

② 設定網址路徑

 

網址路徑的填寫方式：

例如我想要連到首頁： https://xxxxxxx.lodestar-dev.cc

路徑就填 /

(即可設定完首頁)

例如想連到 https://xxxxxxxx.lodestar-dev.cc/xxx

就填 /xxx 即可

 

 

 

 

元件套用

將原件拉至空白畫面中，出現綠色線條，即可成功放置。

 

 

 

 

 

 

Banner輪播圖設定

選擇「輪播區塊-純圖」，拖移至空白畫面中。

 

 

點選「筆」的圖示，可進行元件的編輯。

 

 

可自行更換Banner圖片

 

 

點選「複製」圖示

則可製作多張Banner圖

 

 

 

 

Banner建議尺寸

統一整理：

•電腦：1920x612px
•平板：1300x612px
•手機：750x530px

 

 

注意事項：
•為避免發生在不同螢幕裝置，重要資訊被裁切的狀況，設計製圖上建議勿把重要資訊or圖放得太靠近邊界。
•平板尺寸可依情況決定是否要製作，基本上一般情況下，只需做電腦版跟手機版的圖即可。

 

 

 

課程組合區塊、活動組合區塊

以下舉課程區塊為範例～

 

 

點選「編輯」

 

 

「排序規則」可選擇

①依上架日期：排序方式可選擇“正序”、“倒序”

②自訂項目： 可自定課程於前台的顯示順序

 

 

 

「資料顯示數量」

可設定於前台顯示的課程數量

 

 

 

「欄數」

設定於一欄內顯示的課程數量

 

 

 

 

🌟另需注意

「欄數」設定在手機版裝置及平板裝置

建議設定為 “1” 即可

 

 

 

 

元件加上CSS樣式

於各元件編輯的最下方有一欄位為「進階設定」，裡面可以設定「類別名稱(class)」，接著至Style 頁面中自行調整每一個元件的css class 樣式

 

 

 

 

如何預覽頁面

需點選「發佈」，才可進行「預覽」。

 

否則直接點選預覽只會看得到白畫面呦！