在規劃網頁設計時,選擇合適的版面配置能大幅提升使用者體驗與視覺效果。Elementor 的 Default Page Layout 提供三種模式,以下詳細說明其差異與適用情境:
1. Theme(主題預設)
- 定義:直接套用當前佈景主題的預設模板(如
page.php
)。 - 特點:
- 保留主題的 頁首(Header)、頁尾(Footer) 及側邊欄(如有)。
- 內容區域寬度由主題控制,可能非全寬。
- 適用網頁設計場景:
適合需與網站整體風格一致的頁面(如部落格文章、企業簡介),尤其適合強調品牌統一性的網頁設計專案。
2. Elementor Canvas(空白畫布)
- 定義:完全由 Elementor 控制的空白版面,無主題框架限制。
- 特點:
- 不包含主題的頁首、頁尾或側邊欄,自由度極高。
- 內容區域預設全寬,可搭配網頁設計工具自由調整版型。
- 適用網頁設計場景:
適合需獨立設計的 登陸頁(Landing Page)、活動頁面或全屏視覺展示,是網頁設計師打造創意佈局的首選。
3. Elementor Full Width(主題全寬)
- 定義:使用主題提供的「全寬模板」,隱藏側邊欄但保留頁首/頁尾。
- 特點:
- 保留主題的頁首與頁尾設計,確保品牌一致性。
- 內容區域擴展為全寬(實際寬度仍受主題限制)。
- 適用網頁設計場景:
適用於需凸顯內容的全寬頁面(如產品介紹、作品集),同時維持主題的專業網頁設計風格。