Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

使用 Elementor 建立新頁面

在使用多主題幼兒學校網站時,為新增頁面遵循命名規則與編輯規範非常重要。以下為完整操作流程。


🧭 概覽

你可以直接使用 Elementor 建立頁面,系統會自動套用預設主題版面(含頁首與頁尾)。整個流程直覺、快速,只需專注於內容區編輯即可。


✏️ 操作步驟指南

1. 前往 “新增頁面”

在後台選單中:

  • 點擊 頁面 → 新增頁面
  • 或前往 Pages → Add New Page

📷 參見截圖 1 – “新增頁面” 按鈕

image-20250617184429891


2. 切換至 “使用 Elementor 編輯”

預設編輯器載入後,點擊藍色按鈕 【使用Elementor編輯】.

📷 參見截圖 2 – 使用Elementor編輯 及 選擇模板

image-20250417181124434

💡 請確認頁面設定中 Template(模板) 為:

Elementor Full Width 確保頁首/頁尾版面正確載入。


3. 使用 Elementor 開始編輯頁面

你將進入 Elementor 視覺化編輯器,以下為內容建構方式:

  • 點擊 “+” 圖示新增區塊; 📷 參見截圖 4 – 新增區塊

    image-20250417181211371

  • 選擇版面布局:Flexbox 或 Grid; 📷 參見截圖 5 – 版面選項

    image-20250417181234691

  • 選擇區塊結構(如單欄、雙欄); 📷 參見截圖 6 – 區塊結構選擇器

    image-20250417181245759

  • D將左側面板的元件拖曳到編輯畫布中(圖片/文字/標題/影片等); 📷 參見截圖 7 – 加入元件

    image-20250417181257046

  • 使用右側 結構面板(Structure Panel) 查看頁面層級。 📷 參見截圖 8 – 頁面結構樹

    image-20250417181319324


4. 更新頁面標題

點擊右上角 齒輪圖示 開啟 頁面設定(Post Settings), 在 Title(標題) 欄位中:

✅ 請遵循命名規則:

Page Name [theme13]

📷 參見截圖 9 – 頁面設定與標題格式

image-20250417181403000

📝 theme13 代表你當前啟用的主題,有助於區分不同模板的頁面。


5. 完成並發布

  • 編輯完成後,點擊右上角 【Publish】 按鈕發布頁面 📷 參見截圖 10 – 最終發布

    image-20250417181439978


✅ 重要提示

  • 頁首與頁尾自動載入啟用主題的版面;
  • 不需從零建立版面,只需專注於主要內容;
  • 避免使用預設 Gutenberg 編輯器進行視覺化頁面布局;
  • 新增頁面時務必使用 [themeName] 標籤以維持結構一致。

📧 需要版面協助?請聯絡:admin@preschools.top