[WordPress] 外掛分享： Filter for Elementor

WordPress 外掛 Filter for Elementor 的封面圖片。

前言介紹

  • 這款 WordPress 外掛「Filter for Elementor」是 2021-06-08 上架。
  • 目前有 800 個安裝啟用數。
  • 上一次更新是 2025-04-15，距離現在已有 20 天。
  • 外掛最低要求 WordPress 4.9 以上版本才可以安裝。
  • 外掛要求網站主機運作至少需要 PHP 版本 7.2 以上。
  • 有 6 人給過評分。
  • 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

danielvoelk |

外掛標籤

filter | elementor | Elementor Filter | filterable gallery |

內容簡介

功能

可過濾最多 10 列

可過濾最多 10 內部區段

可過濾最多 10 區段

在每一列中可以新增多個過濾分類（如有需要）

[高級版] 可過濾無限數量的列

[高級版] 可自訂樣式以顯示過濾按鈕的狀態

[高級版] 可在頁面載入後立即預設過濾內容

[高級版] 可套用過濾動畫

[高級版] 多選過濾（在說明文件中的詳細說明）

[高級版] 更多功能（請參閱常見問答）

取得高級版

設定

按鈕：

點擊鉛筆圖示以存取按鈕設定。您也可以使用影像或任何其他元件觸發過濾。它不一定要是按鈕模組。
進入「進階」→「CSS 類別」。於此新增 ef-button 類別。
另外，也可以新增想要用該按鈕過濾的任何類別，如：efc-[您的類別]（例如 ef_cats）。

區段：

點擊藍色齒輪圖示，以存取區段設定。
進入「進階」→「CSS 類別」。於此新增 ef-area 類別。

列：

點擊「編輯列」圖示，以存取列設定。
進入「進階」→「CSS 類別」。
於此新增您想要過濾的所有 efc-[您的類別] 類別（例如 efc_cats 類別）。
對於您想要過濾的所有列，都需要進行相同的設定步驟。

更詳細的說明文件

原文外掛簡介

FEATURES

Filter columns

Filter sections

Filter elements

Add multiple filter categories to each column (if desired)

[PREMIUM] Style active filter button

[PREMIUM] Filter inner columns

[PREMIUM] Filter inner sections

[PREMIUM] Filter flexbox containers (Beta)

[PREMIUM] Start filtered, right after page loads.

[PREMIUM] Add animations to your filtering

[PREMIUM] Multi select filtering (explained in Documentation)

[PREMIUM] And more (see in (FAQ)

Get the premium version
SETUP
Buttons:

Click on the pencil icon to access the Button Settings. You can also use images, or any other element to trigger the filtering. It doesn’t have to be a button module.
Go to Advanced → CSS Class. Here you add the ef-button class.
Additionally add any category that you want to filter with that button like that: efc-[your category] e.g. efc-cats.

Section:

Click on blue gear icon to access the Section Settings.
Go to Advanced → CSS Class. Here you add the ef-area class.

Columns:

Click on edit column icon to access the column settings.
Go to Advanced → CSS Class.
Here you add all the efc-[your category] class you want e.g. your efc-cats class.
Do that for all Columns you want to make filterable.

A more detailed documentation

各版本下載點

  • 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
  • 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Filter for Elementor」來進行安裝。

（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。

1.0.1 | 1.0.2 | trunk |

延伸相關外掛（你可能也想知道）

文章
Filter
Mastodon