Customization & Page Builders
Directory WordPress Plugin is highly customizable, allowing you to create stunning directory layouts and designs using popular page builders like Elementor and WPBakery. Additionally, you can use Custom CSS to fine-tune the design to your needs. This section covers how to customize your directory layouts with these tools and enhance the design with custom styling.
Using Elementor for Directory Layouts
Elementor is a popular drag-and-drop page builder that allows you to easily design custom directory pages. To use Elementor with the DT - Directory WordPress Plugin:
Step 1: Install and Activate Elementor
Go to Plugins > Add New in your WordPress dashboard.
Search for Elementor and click Install Now.
Once installed, click Activate.
Step 2: Create a Custom Directory Layout
Go to Pages > Add New to create a new page or edit an existing page.
Click the Edit with Elementor button to launch the Elementor editor.
Use Elementor widgets to create your custom directory layout:
Directory Widgets – Display your listings in a grid or list format.
Maps Widget – Embed a map with your directory listings.
Customize the design of each widget, adjust column layouts, and add sections for additional content (like headers, footers, or sidebars).
Once satisfied, click Publish to save and display your custom directory layout.

💡 Tip: Elementor Pro users can unlock advanced features like the Theme Builder to fully customize header, footer, and archive pages for your directory.
Last updated