Wordpress x Elementor

Elementor教學

用戶至上 : 如何建設易用的網頁導覽工具

1. Search

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

2. Search Form

Search
Search
Close this search box.

  1. 拖放Search Form小工具:從元素庫中將「Search Form」小工具拖放到頁面上。
  2. 設置表單字段:在內容設置中,添加和配置表單字段,如文本框、下拉選單等。
  3. 自定義樣式:調整表單的顏色、邊框、字體和按鈕樣式。
  4. 設置提交動作:配置表單提交後的動作,如跳轉到搜索結果頁面。
  5. 保存並預覽:保存更改並預覽頁面,確保搜索表單正常運作。

3. Taxonomy Filter/Loop Grid

如何有效管理你的頁面

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

  1. 拖放Taxonomy Filter小工具:在Elementor編輯器中,從元素庫中將「Taxonomy Filter」小工具拖放到頁面上。
  2. 選擇分類法:在內容設置中,選擇要篩選的分類法(如類別、標籤)。
  3. 設置篩選選項:配置篩選選項,如顯示的分類項目、排列順序等。
  4. 自定義樣式:調整篩選器的顏色、字體和佈局樣式。
  5. 保存並預覽:保存更改並預覽頁面,確保篩選器正常運作。

Related Posts

如何有效管理你的頁面

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

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

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

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

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