低程式碼網頁設計 / Low Code Page Design
低程式碼網頁設計 / Low Code Page Design
透過 Liferay Content Page、Fragments、版型與視覺化編輯工具， 網站管理者可以利用拖拉方式快速建立企業網站頁面，直接維護文字、圖片、 版面配置與動態內容，同時保留前端開發人員進一步擴充元件的彈性。
視覺化建立與編輯網站頁面
使用 Content Page Editor 直接在頁面上安排內容與版面， 從新增元件、調整配置到內容編輯，都可以在同一個操作環境中完成。
從頁面元件到完整網站設計能力
Liferay 的網頁設計不只提供簡單的內容拖拉工具， 還能將元件、版型、響應式設定與網站設計規範整合在同一套管理架構中。
Fragments 頁面元件
建立可重複使用的 Banner、Card、CTA、標題、內容區塊等頁面元件， 並可依不同用途整理成 Fragment Sets，供網站編輯人員直接選用。
Fragment Compositions
將多個 Container、Grid、文字、圖片與其他元件組合後儲存， 建立可再次套用的完整內容區塊，減少重複設計工作。
Responsive 響應式設計
依 Desktop、Tablet 與 Phone 等不同裝置檢視頁面， 並調整元件排列、間距與顯示方式，使內容適合不同螢幕尺寸。
Page Templates
將常用頁面結構建立成版型，新建網站頁面時可直接套用， 適合產品頁、服務介紹、專題頁等需要一致格式的內容。
Master Page Templates
統一網站共通的頁首、頁尾與主要版面架構， 讓大量網站頁面維持相同的導覽方式與品牌設計。
Style Books
集中設定網站色彩、字體與其他視覺樣式， 讓不同編輯人員建立的頁面仍能遵循企業品牌與網站設計規範。
建立可重複使用的企業網站設計系統
將一次完成的設計轉換成可重複利用的元件與版型， 網站維護不必每一次都從空白頁面重新開始。
共用頁面元件
將企業常用的標題、橫幅、服務卡片、CTA 與內容樣式建立成 Fragments， 提供編輯人員重複使用。
共用頁面結構
利用 Fragment Compositions、Page Templates 與 Master Pages， 將標準版面快速套用到不同網站與內容頁。
共用品牌規範
搭配 Style Books 管理網站視覺設定， 讓網站設計具備一致性，同時降低大量頁面逐頁調整的維護成本。
頁面也能連結動態內容
頁面不必全部由人工逐字建立。 Liferay 可以將 Fragments 與網站內容、Collections 及其他資料來源結合， 讓版面設計與內容管理各自獨立。
Content Mapping
將 Fragment 中的標題、文字、圖片等欄位對應至結構化內容， 由內容資料自動帶入頁面。
Collections
將符合條件的一組內容或資料集合顯示於頁面， 適合最新消息、產品、案例與內容列表。
Display Page Templates
為特定內容類型建立統一顯示版型， 讓不同內容資料可以自動套用相同的頁面呈現方式。
Personalized Experiences
同一個 Content Page 可依不同使用者 Segments 配置不同 Experience， 呈現符合目標對象的內容。
需要客製時，也保留完整前端擴充能力
Low Code 並不代表只能使用固定元件。開發人員可以依企業需求建立專屬 Fragment， 再將可編輯欄位開放給網站管理者使用，兼顧開發彈性與日常維護效率。
從設計到發佈的完整頁面建置流程
將設計規範先轉換為可使用的元件與版型後， 日常新增頁面即可由內容與網站管理人員快速完成。
讓網站建置從「逐頁開發」轉為「元件化組裝」
透過 Content Page、Fragments、Templates、Style Books 與動態內容， 企業可將網站設計標準化並持續重複利用， 讓開發人員專注於元件與功能，而網站管理人員能自行完成更多日常頁面維護工作。