頁面與導覽管理 / Page & Navigation Management

Toppay 提供強大且直覺的介面，用於管理網站導覽、靜態／動態頁面及可重複使用的頁面元件，使您能有效建立、組織並最佳化網站內容結構，以提升使用者體驗與 SEO。
Toppay provides a powerful and intuitive interface for managing website navigation, static/dynamic pages, and reusable page components, enabling you to build, organize, and optimize content structure for better user experience and SEO.

導航管理器 / Navigation Manager

• 導航清單：檢視、拖曳排序、啟用／停用及編輯網站主選單項目。
  Navigation List: View, drag to reorder, enable/disable, and edit navigation menu items.

• 類型與目標：可將項目連結至內部頁面（如首頁、部落格）或自訂 URL，並選擇開啟方式（同頁／新分頁）。
  Type & Target: Assign items to internal pages (e.g., Home, Blog) or custom URLs, and define the open behavior (same tab/new tab).

• 狀態與行動：啟用或停用導覽項目，並可使用編輯／刪除進行管理。
  Status & Actions: Enable or disable navigation items; edit or delete as needed.

• 大量添加：透過「新增」快速建立多個選單項目。
  Bulk Add: Use “Add New” to efficiently create new menu entries.

頁面管理員 / Page Manager

• 靜態與動態頁面：管理所有頁面，包括靜態（固定內容）與動態（元件式，如部落格）。
  Static & Dynamic Pages: Manage all pages—both static (fixed content) and dynamic (component-based such as blogs).

• SEO 管理：內建 SEO 工具可設定標題、Meta 描述與關鍵字，提高搜尋能見度。
  SEO Manager: Built-in SEO tools let you define titles, meta descriptions, and keywords for better visibility.

• 元件數量：快速查看每頁使用的元件數量。
  Component Count: Instantly see how many components are used on each page.

• 狀態與操作：可啟用／停用、管理、保護或刪除頁面。首頁與部落格為受保護頁面。
  Status & Actions: Enable/disable, manage, protect, or delete pages. Home and Blog pages are protected.

• 多語言：支援翻譯頁面標題與內容（詳見語言管理）。
  Multi-Language: Supports localized page titles and content (see Language Management).

元件管理器 / Component Manager

• 可重複使用的元件：管理常見視覺與內容區塊，例如橫幅、特色、服務、見證、部落格等。
  Reusable Components: Manage visual/content blocks like banners, features, services, testimonials, blogs, etc.

• 類型Types：
  static（固定區塊，例如關於我們、特色）
  static (fixed blocks, e.g., About, Features)
  dynamic（資料驅動，例如部落格文章）
  dynamic (data-driven, e.g., blog listings)

• 狀態與操作：啟用／停用元件或管理其設定。
  Status & Actions: Enable/disable components or manage their configurations.

• 保護：部分核心元件不可刪除（例如標準部落格元件）。
  Protected: Some core components cannot be deleted (e.g., standard blog components).

編輯與建立頁面 / Creating & Editing Pages

• 新增／移除元件：透過點擊即可新增、設定或重新排序頁面區塊。
  Add/Remove Components: Add, configure, and reorder page blocks with simple clicks.

• 線索與狀況：啟用或停用麵包屑導航；也能一鍵開啟或關閉整個頁面。
  Breadcrumb & Status: Toggle breadcrumb visibility and enable/disable the page.

• 多語言支援：於分頁式表單中輸入多語言內容。
  Multi-Language Support: Input localized content via tab-based forms.

• 現場預覽：變更即時反映，便於快速建立頁面原型。
  Live Preview: Changes reflect instantly for rapid prototyping.

範例使用案例 / Example Use Case

1. Click "Create Page" and provide a title, slug, and status.
2. Add desired components from the list: e.g., Banner, Feature, Blog.
3. Configure each component (content, images, settings).
4. Use the SEO Manager to define meta tags.
5. Save changes—page appears in Navigation Manager if linked.