Wiloke Categories List Avenue Widget for Elementor

Introduction

The Wiloke Categories List Avenue Widget is a powerful plugin that allows you to create a categorized list of posts, pages, or custom post types in Elementor. With this widget, you can easily display a list of items organized by categories, making it easy for your users to navigate and find the content they're looking for. In this tutorial, we'll walk you through the step-by-step process of using the Wiloke Categories List Avenue Widget in Elementor.

Getting Started

Before we dive into the tutorial, make sure you have the following:

• Elementor installed and activated on your WordPress website
• Wiloke Categories List Avenue Widget installed and activated on your WordPress website
• A basic understanding of Elementor and its interface

Step 1: Creating a New Page or Post

To use the Wiloke Categories List Avenue Widget, you'll need to create a new page or post in Elementor. To do this, follow these steps:

1. Log in to your WordPress dashboard and navigate to the Pages or Posts section.
2. Click the "Add New" button to create a new page or post.
3. In the Elementor editor, click the "Create a new page" or "Create a new post" button.
4. Choose a template or start from a blank page.

Step 2: Adding the Wiloke Categories List Avenue Widget

To add the Wiloke Categories List Avenue Widget to your page or post, follow these steps:

1. In the Elementor editor, click the "Add Widget" button.
2. Search for "Wiloke Categories List Avenue" in the widget search bar.
3. Click the "Wiloke Categories List Avenue" widget to add it to your page or post.
4. Drag and drop the widget to the desired location on your page or post.

Step 3: Configuring the Wiloke Categories List Avenue Widget

To configure the Wiloke Categories List Avenue Widget, follow these steps:

1. Click the "Settings" icon (three horizontal lines) on the top-right corner of the widget.
2. In the widget settings, you'll see several options to customize the widget's behavior.
3. Choose the post type you want to display (e.g., posts, pages, or custom post types).
4. Select the categories you want to display.
5. Choose the number of items to display per category.
6. Set the sorting order (e.g., alphabetical, reverse alphabetical, or random).
7. Choose the display style (e.g., list, grid, or carousel).
8. Customize the widget's layout and design using the Elementor design panel.

Step 4: Adding Content to the Wiloke Categories List Avenue Widget

To add content to the Wiloke Categories List Avenue Widget, follow these steps:

1. Click the "Add Item" button inside the widget.
2. Choose the item type (e.g., post, page, or custom post type).
3. Select the category you want to add the item to.
4. Enter the item's title and description.
5. Add any additional fields or meta data as needed.
6. Click "Save" to add the item to the widget.

Step 5: Customizing the Wiloke Categories List Avenue Widget

To customize the Wiloke Categories List Avenue Widget, follow these steps:

1. Use the Elementor design panel to customize the widget's layout and design.
2. Add custom CSS or JavaScript code to further customize the widget's appearance and behavior.
3. Use the widget's built-in options to customize the display of categories, items, and meta data.

Conclusion

That's it! With these steps, you should now have a fully functional Wiloke Categories List Avenue Widget on your Elementor page or post. Remember to customize the widget's settings and design to fit your specific needs and brand. Happy building!