×
切換帳號
台灣數位 xms+
知識
快速入門
登入
台灣數位 xms+
登入
知識
快速入門
知識目錄
我的課程
專案
我的職務
xms+ 平台
知識、教育訓練、專案
xms+ 平台
知識、教育訓練、專案
xms+ 平台
知識、教育訓練、專案
知識目錄
我的課程
專案
我的職務
列印日期 : 2024/12/16
台灣數位 xms+
知識庫
目錄總覽
網站基礎與管理
系統管理 ~ 設計網站外觀 (自訂頁面)
×
×
loading ...
×
×
私密分享
狀態
啟用
連結
https://pfms.formosasoft.com/media/s/SWG7AY
重新產生
複製連結
×
QR code
×
選擇網頁檔案
loading ...
×
設計知識點
×
建立新版本
×
刪除媒體
×
loading ...
×
版面的結構說明
分享
Facebook
Twitter
LinkedIn
QR code
常見 Q&A
列印
我要推薦
瀏覽: 2095,
最近修訂: 2021-08-16
版面的結構說明
分享
Facebook
Twitter
LinkedIn
QR code
常見 Q&A
列印
我要推薦
瀏覽: 2095,
最近修訂: 2021-08-16
自訂頁面,提供彈性的排版與內容設計,建立時可以直接套用已經設計好的「樣版」或依下列步驟設計。
版面設計 (排版)
以列 (row) 為單位設計,將上方的「內容區塊」,拖曳到適合的位置。
內容模組安排
內容呈現採模組化的設計,每一個內容區塊,可以放多個模組,做法很簡單,將「模組清單」或「公告模組」內的模組,拖曳到排版好的「內容區塊」內就可以了。
設計內容
設計模組的內容與設定,例如編輯 html or 圖片輪播的圖片與顯示方式。
以下是自訂頁面的結構說明。
重點
1.
內容區塊 (排版)
可以設計一行 (row) 有幾欄,呈現時,會依據手機、平版的寬度自動調整。
電腦
依據設定的欄位排版。
手機
因為顯示寬度不足,通常會顯示成一欄 (如右圖)。
平版
若勾選「版面支援」設定中的「平版」 (下圖箭頭處),當平板的解析度 >=768px 時 ,就會維持多欄排版。
2.
內容置中 or 全版面顯示
由於顯示器的解析度變化很大,除非特殊考量,建議置中顯示,因為內容的排版會比較容易。
3.
其他功能說明
摘要說明如下:
區塊整列 (row) 樣式
設定一整個 row 區塊的樣式,例如: 背景圖片、CSS 設計等。
區塊樣式
個別區塊的樣式設定。
模組外觀
包括標題、圖片、框線 ... 等。
動畫設計
捲動到模組的位置時,用動畫的方式呈現。
模組內容
設計模組的內容,例如,「HTML 模組」的內容編輯 、「圖片輪播模組」的圖片與顯示方式。
停用 / 啟用
設計中的模組,可以透過停用關閉不顯示。
×
×
複製檢核清單
loading ...
×
×
×
關閉
×
loading ...
上一篇
下一篇
常見 Q&A
(1)
討論
筆記
(0)
詳細
×
loading ...
×
loading ...
×
loading ...
×
loading ...
×
Q1.
如何更換「圖片輪播」模組的圖片?
未登入或權限不足!
位置
知識庫
目錄總覽
網站基礎與管理
系統管理 ~ 設計網站外觀 (自訂頁面)
資料夾名稱
系統管理 ~ 設計網站外觀 (自訂頁面)
發表人
蘇德宙
單位
台灣數位
建立
2019-04-12 22:38:14
最近修訂
2021-08-16 17:21:52
引用
1
1.
基礎觀念
1.1
自訂頁面簡介
1.2
版面的結構說明
1.3
網站首頁設計 ~ 使用自訂頁面 (單位內應用的版型)
1.4
網站首頁設計 ~ 使用自訂頁面 (教育訓練的版型)
2.
操作教學
2.1
從範例網站複製 (套樣版)
2.2
編輯版面的內容
2.3
複製自訂頁面
2.4
設定成「系統首頁」
2.5
自訂版面的欄寬
3.
其它
3.1
將子站設為「網站範本」