> For the complete documentation index, see [llms.txt](https://doc-filter-cards.wiloke.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc-filter-cards.wiloke.com/wiloke-filter-cards-categories.md).

# Wiloke Filter Cards (Categories)

### Setting up Featured Category Image

Firstly, We need to add a featured image to the category.

Step 1: Go to Plugins -> Add New and then Install [Advanced Custom Field](https://www.advancedcustomfields.com/) plugin 

Step 2: From the admin sidebar, click on ACF -> Field Groups -> Add a new field group 

Step 3: Add an image field type to this group. The setting must exactly like the below:

1. The Field Name must be **featured\_image (it's very important)**
2. The Return Format must set to Image Array

<figure><img src="/files/ZeKFs9oksr72yEBLdfbO" alt=""><figcaption></figcaption></figure>

Step 4: Settings box

Under the Rules setting box, you can set  to any taxonomy you want to use with the Wiloke Filter Cards. In this example, I will add this group to Category.

<figure><img src="/files/cqqElGRIlJ0cZAvC66LU" alt=""><figcaption></figcaption></figure>

### Uploading Featured Image to Category

Step 1: Go to Posts -> Categories

Step 2: Edit / Add New a category

Step 3: You will see the created field in this area -> Upload a Featured Image to this category

<figure><img src="/files/7b0SahlCDp9HIy47MHTV" alt=""><figcaption></figcaption></figure>

### Adding Categories to Home Page

1. Go to Pages -> Your Home page
2. Edit with Elementor
3. Click Add New element icon to create a new section and then search for Wiloke Filter Cards widget
4. Drag Wiloke Filter Cards (Categories) to the section &#x20;
5. Complete all settings and click Update / Publish button&#x20;

<figure><img src="/files/FCNXLsSMdUeTCGXckXNt" alt=""><figcaption></figcaption></figure>