Wordpress x Elementor

Elementor教學

Elementor選單工具使用指南:創建更流暢的用戶體驗

1. Navigation Menu

  1. 拖放Navigation Menu小工具:在Elementor編輯器中,從元素庫中將「Navigation Menu」小工具拖放到頁面上。
  2. 選擇菜單:在內容設置中,選擇要顯示的菜單(從WordPress菜單中選擇)。
  3. 自定義樣式:調整菜單的顏色、字體、間距和對齊方式。
  4. 設置響應式選單:配置手機和桌面設備的顯示方式。
  5. 保存並預覽:保存更改並預覽頁面,確保導航菜單正常運作。

2. Widget

  1. 拖放Search Widget小工具:從元素庫中將「Search Widget」小工具拖放到頁面上。
  2. 設置占位符文字:在內容設置中,添加搜索框中的占位符文字。
  3. 自定義樣式:調整搜索框的外觀,包括顏色、邊框和字體。
  4. 配置搜索選項:設置搜索範圍,如整站搜索或特定類別搜索。
  5. 保存並預覽:保存更改並預覽頁面,確保搜索小工具正常運作。

3. Off-canvas

  1. 拖放Off-canvas小工具:在Elementor編輯器中,從元素庫中將「Off-canvas」小工具拖放到頁面上。
  2. 設置觸發按鈕:在內容設置中,配置觸發Off-canvas菜單的按鈕或圖標。
  3. 添加內容:在Off-canvas面板中添加導航菜單、文本或其他小工具。
  4. 自定義樣式:調整Off-canvas面板的顏色、尺寸和動畫效果。
  5. 保存並預覽:保存更改並預覽頁面,確保Off-canvas面板正常運作。

4. Table of Contents

Table of Contents
    Add a header to begin generating the table of contents

    1. 拖放Table of Contents小工具:從元素庫中將「Table of Contents」小工具拖放到頁面上。
    2. 自動生成目錄:在內容設置中,選擇自動生成的標題級別(如H2、H3)。
    3. 自定義樣式:調整目錄的顏色、字體和邊框樣式。
    4. 設置固定位置:配置目錄在頁面上的位置,如固定在左側或右側。
    5. 保存並預覽:保存更改並預覽頁面,確保目錄正常顯示和運作。

    Related Posts

    如何有效管理你的頁面

    網站頁面是您網站內容的基石,對於網站的結構、SEO ...
    Read More →

    新手必看:如何在後台新增與管理頁面

    在網站建設過程中,新增頁面是不可避免的一個步驟。無 ...
    Read More →

    如何建立合規的隱私權政策頁面:隱私權設定

    隱私權設定對於確保網站合規性和保護用戶個人資料至關 ...
    Read More →