設計頁面 for 著陸頁或其他

• 頁面 Pages: 定義頁面 url, 頁面主要內容, SEO 參數
• 部件 Partials: 可全局複用之區塊，如 header, menu, footer, and global scripts
• 佈局 Layouts: 整體的區塊分配，前端決定
• 內容 Contents: 部分複用區塊，如只屬於某類目的特色廣告及 JS 腳本等
• 媒體 Assets: 此 CMS 原生的 resources 管理
• 組件 Components: 安裝的 plugin 會顯示在此區，拖曳進右側編輯區即可以使用

我給出的是個大致解釋與用途，其中部分當然有彈性空間；如部件和內容性質並非嚴格區分。

以現有 gift.html 為例

本來是打算以舊著陸頁如 pp-fan.html 作範例，不過舊著陸頁的佈局位置都不太一樣，
像是 footer 與 container 的父/兄關係與 div close tag, 以及各種細節部分； 這些細節部分請前端在重製頁面時，拆好 Layouts 與組件，就可降低維護困難。

Notice: gift.html 僅做範例，不用重製或在 CMS 修改！ gift.html 內容與 SYF 後台設定相關！

Page

Setting

SEO meta infos

於 Meta 中定義好 SEO 資訊

以下為效果

Partial

head with SEO 組件

Layout

Component

拖曳到要放置的位子即可。

Assets

選擇性使用；
受 CMS 管理的 assets 路徑會在 /var/www/html/cms/themes/syf-pages-builder/assets/ 或者不使用 CMS 管理，直接 <link href="*.css">, <script src="*.js"> SYF 的資源。