How to Make a Directory Website with WordPress (2024)

by | Jun 25, 2024 | Etcetera | 0 comments

In nowadays’s virtual society, folks seek for and be expecting to temporarily in finding what they’re searching for. That’s the place a web based listing can turn out to be useful. A listing web page acts like a modern day Yellow Pages, combining listings for companies, organizations, actual property, or identical.

Some of the flexible techniques create a listing website is with WordPress, a flexible content material control device (CMS) that lets you create a good looking web page with out coding. On this put up, we’ll train you make a listing web page with WordPress. We’ll stroll throughout the procedure step-by-step, outlining what you’ll wish to achieve success.

Let’s dive in.

Table of Contents

What You’ll Want to Make a Listing Site with WordPress

Ahead of creating a listing web page with WordPress, let’s accumulate the crucial items you’ll want.

  • Area Title: That is your web page’s distinctive deal with on the net, like yourwebsitename.com. It’s the primary affect guests can have, so select a reputation that’s memorable and displays the point of interest of your listing.
  • Internet Website hosting: Bring to mind internet website hosting because the land the place your web page lives. It retail outlets your web page’s information and makes them obtainable to guests on-line. There are lots of dependable internet website hosting suppliers to be had, together with SiteGround, which is our best choice.
  • WordPress: This loose and open-source platform is the root of your web page. It’s user-friendly and allows you to arrange content material, pages, and settings with out writing code.
  • Divi Theme: Whilst now not obligatory, the Divi theme is a formidable software for customizing your listing web page. It provides a drag-and-drop interface and lovely design choices, making making a visually interesting and user-friendly enjoy simple.
  • Listing Plugin: That is the name of the game sauce of your listing web page! A directory plugin provides the capability had to arrange listings, classes, and consumer submissions. Choices, comparable to GeoDirectory and the Business Directory plugin are superb.

Easy methods to Make a Listing Site with WordPress

Now that you realize higher what you’ll want, we will get right down to trade. From buying a site identify to designing your pages with Divi, we’ll stroll you via every step so that you’ll indubitably understand how to make a listing web page with WordPress.

Step 1: Acquire a Area Title

Ahead of you’ll do the rest, you will have to acquire a site identify to your listing web page. A website identify serves as your listing web page’s deal with on the net. It normally looks as if yourwebsitename.com. It’s the primary affect your guests can have, so choosing the right domain is necessary. In many ways, it’s as necessary as naming your corporation. It will have to be simple for customers to keep in mind, sort in, and mirror the point of interest of your corporation. Be mindful, a powerful area identify can assist determine your listing as a relied on useful resource, so take realize of this step.

how to make a directory website with wordpress

There are lots of other domain name registrars the place you’ll acquire a site identify. One in style possibility, Namecheap, has a name for being a user-friendly registrar with superb costs. You’ll be able to normally get a .com area for as low as $5.98 consistent with 12 months for the primary 12 months. Namecheap is among the simplest registrars providing loose privateness coverage. Which means your non-public knowledge, comparable to your registered identify and deal with, is mechanically stored non-public from prying eyes on the net.

Get Namecheap

Step 2: Acquire a WordPress Website hosting Plan

When you’ve bought a site, your next step in creating a listing web page with WordPress is to buy a website hosting plan. There are lots of choices in the market, together with shared, VPS, and dedicated hosting suppliers. That stated, the most suitable choice for many is a website hosting supplier that’s optimized for WordPress. Optimized website hosting manner your web page can have a high-performing website hosting plan with settings particularly adapted for WordPress web sites. These kinds of hosts normally set up WordPress for you, too, taking the guesswork of getting started with WordPress.

how to make a directory website with wordpress

Our favourite possibility for optimized WordPress website hosting is SiteGround.  They’re identified for his or her superb buyer enhance, dependable carrier, and WordPress-specific options that make putting in place your listing web page a breeze. With one-click installs, you’ll have your WordPress web page up and working in mins, all with out lifting a finger. SiteGround additionally provides loose updates, website backups and migration, an SSL certificates, a loose CDN, and extra. Plans get started at an overly reasonably priced $2.99 per thirty days and will simply be upgraded as your listing web page grows.

Get SiteGround

Step 3: Acquire a Top rate WordPress Theme

Whilst you’ll technically construct a listing web page with a loose WordPress theme, there are some benefits to taking into account a premium WordPress theme. Top rate subject matters continuously be offering top rate enhance, crucial for brand spanking new WordPress customers. In addition they supply common updates, so that you don’t have to fret about safety vulnerabilities. Additionally, top rate subject matters normally be offering extra options, together with drag-and-drop web page developers, complete website enhancing functions, and international styling choices. Topics comparable to Genesis Pro and OptimizePress are excellent choices, however they don’t cling a candle to some other in style selection, Divi.

divi wordpress theme

Divi boasts an unlimited library of premade layouts and design elements particularly crafted for several types of web sites, together with directories. You’ll be able to create stunning, purposeful web sites with little effort, due to a drag-and-drop web page builder, the Visual Builder. With Divi, you’ll customise the whole thing from the whole format of your listing pages to the particular main points of your directory paperwork. Because of Divi’s Theme Builder, you’ll construct headers, footers, archive pages, and extra. No matter you wish to have to create, Divi provides you with entire regulate over the feel and appear of your web page. For simply $89 consistent with 12 months, Divi is yours to make use of on limitless web sites.

Get Divi

Step 4: Set up and Configure a WordPress Listing Plugin

With a site, internet website hosting plan, and top rate theme bought, your next step is to put in a WordPress listing plugin. With a listing plugin, you’ll simply upload, edit, and delete listings submitted through companies or customers. You’ll be able to additionally create and categorize listings for higher group and consumer enjoy. Without equal objective is for customers to seek for and in finding what they want with little effort. A number of in style listing plugins, together with GeoDirectory, are ideal for the ones searching to arrange location-based listing web sites. On the other hand, we extremely suggest the Trade Listing plugin for ease of use, powerful options, and nice cost.

how to make a directory website with wordpress

Business Directory means that you can create and arrange listings to your web page conveniently. It’s SEO-friendly, helps integration for Google Maps, and lets you create loose and paid subscription choices for producing income. Loose and paid variations of the plugin have various options to be had with every plan. For this phase on make a listing web page with WordPress, we’ll set up the loose model and stroll via putting in place the plugin, customizing the directory type, and growing trade classes.

Get Business Directory

Set up the Trade Listing Plugin

With the entire different important items in position, we will get started development the construction of our listing web sites. Whilst logged in in your WordPress web page, navigate to Plugins > Upload New Plugin. Seek for Trade Listing within the seek plugins discipline.

See also  How to Translate WordPress Websites in 2023 (Beginner’s Guide)

install WordPress plugin

Find the plugin within the seek effects and click on the Set up Now button.

install Business Directory plugin

In any case, click on the Turn on button to put in the plugin.

activate business directory plugin

Arrange Listing Pages

As soon as the plugin is put in, navigate to Listing > Settings. This plugin phase permits you to regulate the entire settings had to get began, together with emails, putting in place bills, and growing listing pages. At the Common web page, you’ll realize a small popup field on the backside correct of your display screen. It explains that the plugin calls for a shortcode to show listings. You’ll be able to reproduction the shortcode or permit the plugin to create the important pages. Click on the create required pages for me button to proceed.

create directory pages

As soon as created, you’ll consult with the web page through clicking the hyperlink within the backside correct nook or view it through navigating to Pages.

view directory pages

On the other hand, sooner than transferring on, we suggest familiarizing your self with the plugin’s settings. Right here’s a temporary review of every tab within the Trade Listing plugin’s settings so that you’ll know the place you wish to have to visit make particular adjustments.

  • Common: Improve to the professional model of the plugin, take away the class slug to give a boost to search engine marketing, set up reCAPTCHA, configure registration settings, and regulate consumer submission controls
  • Listings: Set the collection of listings to show consistent with web page, set a default directory standing, configure messaging, arrange seek settings, and configure class habits, button settings, and sorting
  • E mail: Make a selection whether or not to show e mail addresses at the entrance finish, allow e mail notifications, and configure e mail type fields
  • Fee: Allow check mode, arrange a fee gateway, set a custom designed thanks message, or allow Authorize.web
  • Look: Configure elementary settings like button kinds, number one shade, and symbol settings. Extra complicated choices, like listing format kinds, are to be had with the professional model
  • Miscellaneous: Allow information assortment or cleanly uninstall the plugin out of your web page

Customise the Checklist Shape

Now that the plugin is put in and the listing web page is created, your next step is to customise a list type. Maximum listing plugins, together with the Trade Listing plugin, help you customise the directory type simply. You’ll be able to create fields, rearrange them in a selected order, and make a choice other discipline sorts according to the type of listing web page you might be development. For this information, we’ll create a kind for folks to create listings for his or her favourite native eating places.

When growing your directory type, stability shooting important main points and conserving the shape concise to keep away from overwhelming customers. Attempt to use transparent labels, upload related tooltips to lead customers, and obviously point out which fields are required to keep away from confusion.

To create a brand new type, navigate to Listing > Listing Content material. Subsequent, make a choice the type fields tab.

business directory form fields

While you land at the web page, you’ll see more than a few fields already generated. Those are the default fields related to Trade Listing. You’ll be able to upload, edit, delete, or rearrange the sector order through clicking the up and down arrows subsequent to every discipline identify.

rearrange form fields

Click on the edit hyperlink beneath the sector identify to edit a discipline.

how to make a directory website with wordpress

To exhibit, we’ll edit the Checklist Name discipline. Since we’re growing a cafe listing web page, renaming the sector to Eating place Title makes extra sense. When the web page opens, you’ll view more than a few choices, together with the sector sort, show choices, an non-compulsory discipline description, and the discipline label. That is what we’ll wish to exchange. Rename the label to Eating place Title.

business directory field label

Click on the replace discipline button to save lots of the adjustments.

update business directory field

Repeat the stairs above to edit or upload extra fields to create your directory type.

Create Your Trade Classes

Ahead of you get started loading listings onto your listing web page, taking the stairs had to stay issues arranged is a good suggestion. Believe strolling right into a library and seeing large piles of books from flooring to ceiling in no specific order. That may be overwhelming, wouldn’t it? Bring to mind classes as sections in a library, conserving issues arranged and serving to customers in finding what they’re searching for.

Growing and managing classes with the Trade Listing plugin is a breeze. Navigate to Listing > Listing Content material > Classes.

business directory categories

To create a brand new class, click on the Upload New Category button.

add new directory category

When the popup field seems, give the class a identify, assign an non-compulsory father or mother class, and click on the Upload New Class button.

how to make a directory website with wordpress

Repeat those steps so as to add any ultimate classes to your listing web page. Choices come with worth vary, location, environment, and facilities like a rooftop bar, reside song, or match rooms. As soon as your class construction is in position, we will create our first listing directory.

Create a Listing Checklist

Together with your classes in position, you’ll now create your first directory. Navigate to Listing > Listing Content material > Listings. Subsequent, click on the Upload New Checklist button.

add new listing

When the web page refreshes, you’ll realize the shape fields are all provide within the directory customized put up sort. Get started through including a identify to your directory and filling within the type fields.

how to make a directory website with wordpress

Subsequent, select the class or classes you’d like your directory to look below, upload any related tags, and click on the Put up button.

assign directory categories

While you view the listing directory, you’ll see that we have got a large number of paintings to do. Whilst the tips is there, it might be extra crowd pleasing.

how to make a directory website with wordpress

Within the subsequent phase of our make a listing web page with WordPress put up, we’ll display you exchange that.

Step 5: Design Your Listings Web page with Divi

We’ve lined the core functionalities of your listing web page, however now, let’s speak about making it visually shocking and user-friendly. That is the place Divi is available in. Probably the most best possible issues about Divi is its skill to design each facet of your website. If truth be told, you’ll use the front-end, no-code Visible Builder on customized put up sorts, too, comparable to directory pages. We wish to allow that capability sooner than we will use the Divi Builder to create our directory pages. To try this, navigate to Divi > Theme Choices > Builder. Subsequent, allow the Listing toggle on. Click on the Save Adjustments button to save lots of your adjustments.

enable Divi Builder for custom post types

Create a Listings Template with the Theme Builder

Your next step is to create a template for our listings. One of the simplest ways to try this is with Divi’s Theme Builder. Get started through navigating to Divi > Theme Builder. Subsequent, click on the Upload New Template button.

how to make a directory website with wordpress

Subsequent, click on Construct New Template.

build new template

When the popup seems, scroll down and make a choice Listing > All Listing. This may increasingly assign a brand new template to each created directory, giving them a uniform glance. Subsequent, click on Create Template.

how to make a directory website with wordpress

Subsequent, click on the Upload Customized Frame button.

add custom body

Design Your Web page Template with Divi

We will be able to now take steps to design our listings template with Divi. You’ll be able to get started with a Theme Builder pack, one among our premade layouts, or create the web page your self. We’ll design the web page from scratch to exhibit how simple it’s to make use of the Divi Builder. While you release the Visible Builder for the primary time, you’ll realize a inexperienced + icon against the highest of the web page. That is Divi prompting you so as to add a row. Rows are available in more than a few layouts, permitting you to design any layout to your desired content material. For this format, we’ll get started with a single-column row. Faucet the inexperienced + icon and make a choice the primary possibility, a unmarried column row.

add a single column row

Seek for and faucet the Heading Module so as to add it to the template.

add Divi heading module

When the module settings seem, hover over the heading discipline to expose the dynamic content material icon. Click on it to carry up the dynamic content material choices conversation field.

Divi dynamic content

Make a selection Put up/Archive Name when the choices seem. This may increasingly permit Divi to dynamically pull every directory’s identify into our template. That manner, we gained’t must edit our listings in my opinion to modify the design.

how to make a directory website with wordpress

Subsequent, click on the design tab. Underneath Heading Textual content, make a choice H1 because the Heading Stage, Inter because the Heading Font, heavy because the Heading Font Weight, align the textual content to the heart, make a choice white because the Heading Textual content Colour, and 48px for the Heading Textual content Dimension.

Divi Heading Module settings

Scroll down to regulate the responsive Heading Textual content Dimension through soaring over the method to divulge the responsive settings.

Divi responsive options

Regulate the pill font length to 40px and the cell font length to 30px. Save the module’s settings through clicking the inexperienced take a look at button.

save Divi module

Upload a Hero Background Symbol and Results

The following factor we need to do is upload a captivating background design to our hero phase. Hover excessive 1/3 of the web page to expose the phase settings. Sections are defined in a blue border, while rows are defined in inexperienced. Click on the settings icon to edit the phase settings.

edit section settings

Within the content material tab, click on the dropdown menu subsequent to the Background tab. Click on at the Background symbol tab. Click on the Upload Background Symbol button so as to add a photograph.

See also  How to Create a Stunning Restaurant Website in Under an Hour

add background image

Make a selection a picture from the WordPress media gallery or add one out of your laptop, then click on add a picture. Observe: background photographs intended to span a piece’s width will have to be sized 1920px broad.

how to make a directory website with wordpress

Subsequent, click on the Background Gradient tab. Click on the Upload Background Gradient button so as to add a brand new gradient.

how to make a directory website with wordpress

Click on at the first shade below Gradient Stops to switch the default gradient. Within the hex code discipline, sort in #000000. Subsequent, regulate the transparency slider to 50%. In any case, click on the fairway take a look at to set the primary shade within the gradient.

edit gradient stop

Repeat the stairs to edit the second one gradient prevent. This time, set the transparency stage to 70%.

how to make a directory website with wordpress

Subsequent, click on the Design tab and scroll right down to Spacing. Upload 15vh to height and backside padding.

how to make a directory website with wordpress

Subsequent, click on at the Complicated tab. Enlarge the Customized CSS dropdown menu and click on the module parts tab. Underneath the primary part, input the next CSS rule:

background-attachment:fastened;

In any case, click on the inexperienced take a look at button to save lots of the module.

Divi custom CSS

Upload a New Phase to the Template

Subsequent, we’ll upload a brand new phase to the template to show our directory knowledge. Hover over the web page and click on the blue + icon so as to add a brand new phase to the template.

add new section

When the popup seems, select the 2/3 + 1/3 column format.

how to make a directory website with wordpress

Position a put up content material module within the first column. This may increasingly permit the entire content material from our type fields to be displayed on every directory web page.

add Divi post content module

Upload a code module to the second one column.

add Divi Code Module

When the module settings open, upload the next shortcode:

[businessdirectory-search]

This may increasingly upload the Trade Listing seek bar to the web page, permitting customers to browse listings. Save the module to proceed.

Business Directory shortcode

Subsequent, upload a brand new code module beneath the present one in the second one column. This time, use the next shortcode to show a map of the present directory:

[businessdirectory-map]

business directory map shortcode

Taste the Row

Now that the content material is positioned into our template, we will have to give it some styling. Hover over the row to expose the fairway borer and click on the settings icon.

how to make a directory website with wordpress

Click on the settings icon to edit the second one column.

how to make a directory website with wordpress

Click on to open the background settings. Upload #d8d8d8 because the background shade.

add background color

Click on the design tab and provides the column 25px padding on both sides. Save the module to proceed.

how to make a directory website with wordpress

In any case, click on the crimson ellipsis menu on the backside heart of the display screen to expose the template settings menu.

Divi Template settings

Save the template through clicking the inexperienced save button.

save Divi Theme Builder template

Taste the Listings Web page with CSS

Our template has been created, however we nonetheless have some paintings. Taking a look on the directory we created, you’ll realize that the content material is all provide however wishes some styling. Fortunately, just a little CSS could make an international of distinction. You’ll be able to upload CSS to Divi through navigating to Divi > Theme Choices > Customized CSS.

Use this CSS to taste our listings web page’s hyperlinks, buttons, and textual content.

/* Trade Listing Checklist Web page Kinds */

/*cover touch type */
.wpbdp-listing-contact-form {
	show:none!necessary;
}
/* cover feedback */
#comment-wrap {
	visibility:hidden!necessary;
}

/* upload directory button */
.wpbdp-main-links-tiny #wpbdp-bar-submit-listing-button {
 shade:#fff!necessary;
	background-color:#000!necessary;
	border:none!necessary;
}

/* discipline labels */
.field-value label, .field-value .field-label {
 font-size:18px;
	font-weight:daring;
}

/* discipline content material */
.field-value .cost {
 show: block;
	font-size:16px;
	shade:#666666;
	margin-top:5px;
}

/* type fields */

.wpbdp-search-page .wpbdp-form-field {
 grid-column: span 2!necessary;
}

.wpbdp-form-field-association-category .select2 {
 width: 100%!necessary;
}

/* listing buttons */

.wpbdp-main-links-tiny .button, .wpbdp-main-links-tiny .wpbdp-link {
 shade:#fff!necessary;
	 text-transform:uppercase;
	font-weight:600!necessary;
	background-color:#000!necessary;
	padding:10px!necessary;
	font-size:16px;
 margin: 0 0 4px;
 width: 100%;
 text-align: heart;
}

.wpbdp-search-page h2 {
	font-weight:900;
	margin:30px 0;
}

Divi custom CSS

With the CSS in position, our directory web page seems to be significantly better.

directory website listing page

Step 6: Taste the Listing Web page

The Trade Listing plugin makes use of a shortcode device to show its content material. The primary listing web page makes use of the [businessdirectory] shortcode, this means that so long as you employ the shortcode inside the web page, you’ll design the encircling content material any manner you’d like with the Divi Builder. By way of default, the listing web page will glance very similar to this:

default directory page

The excellent news is that there are more than one techniques to taste this web page the use of Divi. We will be able to construct a web page from scratch, use a premade format, or use Divi AI. Navigate to Pages, then find the trade listing web page. Click on edit to start out.

how to make a directory website with wordpress

What’s Divi AI?

divi ai

Divi AI is a slightly new and thrilling addition to the Divi ecosystem. It supplies synthetic intelligence (AI) gear to jot down on-brand web page reproduction, create shocking photographs, craft code snippets, or generate whole internet pages with a textual content instructed. Divi AI is an effective way to save lots of time, ruin via ingenious blocks, and temporarily toughen your web page’s enchantment. All Divi customers can take a look at Divi AI free of charge, as much as 100 generations. When you do, although, you’ll temporarily understand that it’s an all-encompassing AI design assistant that you’ll’t reside with out. You’ll be able to subscribe to the carrier for as low as $16.08 per 30 days (billed once a year). Each and every subscription comes with limitless generations and web page utilization, so you’ll apply it to each Divi web page you personal.

Get Divi AI

Producing a Structure with Divi AI

Getting began with Divi AI is understated. Whilst enhancing the trade listing web page from the again finish, reproduction the shortcode embedded at the web page and click on the Use The Divi Builder button.

how to make a directory website with wordpress

Subsequent, click on Edit With The Divi Builder.

edit with Divi Builder

Make a selection Construct with AI when the web page lots.

build with Divi AI

You’ll get your first have a look at the Divi AI interface when the AI conversation field seems. There are just a few fields to fill out, giving the AI extra details about the web page you wish to have to create. Input a instructed to describe the web page, inform Divi AI about your web page, and select customized fonts and hues to make use of to your web page. A number of choices come with let AI select, web page default fonts and hues, Divi AI default, and customized. You’ll be able to make a choice the web page defaults for those who’ve configured Divi’s theme choices. For everybody else, use the dropdown menus to make your possible choices. As soon as entire, click on the Generate Structure button to create the web page.

Divi AI interface

Divi AI will pass throughout the steps to create a wireframe and upload Divi design modules with textual content and pictures.

Divi AI page generation process

Edit the Trade Listing Web page with the Divi Builder

With our format created, we will use the Visible Builder to edit the web page. As discussed, the Trade Listing plugin calls for a shortcode to show listings. That used to be got rid of once we created the web page with Divi AI, so we will have to upload it again to the web page. Create a heading for the phase to which we’ll upload our shortcode and identify it Trade Listing. Subsequent, upload a code module and upload the [businessdirectory] shortcode into the module.

business directory shortcode

That’s all you’ll wish to do to show your listing. On the other hand, experimenting with other modules and taking into account including related information to your listing, comparable to featured listings, is a good suggestion. The plugin has a number of shortcodes you’ll use to show knowledge right through your website, so the probabilities are never-ending.

Divi AI business directory page

Divi AI Can Design Your Complete Listing Site

Whilst Divi AI can’t single-handedly design all your web page from scratch (but), this can be a tough software that considerably streamlines your workflow. As we’ve discussed prior to now, Divi AI can generate content material for any phase to your website, like product descriptions, weblog posts, and even your house web page hero phase’s headline. On the other hand, Divi AI is going past easy AI generations. It could analyze present content material and recommend enhancements, serving to you deal with a constant tone and elegance right through your listing web page.

The use of Divi AI, we generated all of our website’s front-facing pages in mins. That manner, you’ll listen extra on including listings and no more on designing the feel and appear of your web page.

Divi directory website

Step 7: Strengthen Your Listing Site with Further Plugins

We’ve lined the crucial steps to construct a purposeful and user-friendly listing web page with WordPress. On the other hand, there is also added capability you’d like so as to add to make your website serve as the way in which you wish to have. The wonderful thing about WordPress is its in depth plugin ecosystem that lets you upload much more options. With that stated, a balancing act is wanted when including plugins. You wish to have to stability options and pace, particularly since including too many plugins can sluggish your website down.

Maximum of our fundamentals are lined with a internet host like SiteGround, together with backup, security, and speed optimization plugins. On the other hand, there are a couple of plugins that you simply will have to imagine to your listing web page. Listed here are a couple of probabilities:

  • search engine marketing Plugins: Lend a hand your listing get discovered with an SEO plugin like Rank Math. Habits keyword research, get assist crafting catchy headlines, and optimize your listing web page for the quest engine rating pages (SERPs)
  • Evaluation Plugins: You’ll be able to inspire consumer engagement through permitting guests to go away evaluations about their favourite companies. Review plugins, comparable to Starfish Reviews, is the easiest manner to spice up your website’s credibility. Plus, it’s excellent for SEO too
  • Interactive Map Plugins: Lend a hand customers visualize trade places through integrating an interactive map plugin, like Interactive Geo Maps.
  • Seek Plugins: Strengthen your listing’s seek serve as through integrating a complicated search plugin like SearchWP. Those plugins permit customers to filter out listings according to particular standards, like worth vary, facilities, or scores, making it more straightforward to search out precisely what they’re searching for
  • Promoting Plugins: For those who plan to monetize your weblog, including an advertising plugin like Advanced Ads is a smart concept. You’ll be able to show advertisements throughout your web page, opening up alternatives to develop your income
See also  WP Engine Provides Frost to Open Supply WordPress Challenge

Prolong Divi with Merchandise within the Divi Market

Divi Marketplace

Along with the WordPress repository and third-party choices, there are masses of Divi-specific plugins, little one subject matters, and format packs to be had within the Divi Marketplace. Each and every product available on the market is designed particularly to paintings with the Divi theme. Whilst Divi is already an implausible framework, the builders available on the market carry new capability to the desk. Whether or not you wish to have a number of layouts to your listing web page, a singular option to show off your listings, or a good looking symbol carousel, Divi Market has you lined.

Listed here are a couple of examples of goods it is advisable use to make your listing web page even higher.

Divi Carousel Maker

Divi Carousel Maker

The Divi Carousel Maker extension means that you can create stunning symbol carousels to show off your pictures. There are over 120 design settings, 110+ carousel layouts, and the facility so as to add Divi modules without delay into the carousel. You’ll be able to simply create stunning carousels for evaluations, movies, posts, and extra. The most efficient section? The extension is to be had for $29 consistent with 12 months and can be utilized on limitless Divi web sites.

Get Divi Carousel Maker

Divi FilterGrid

Divi Filter Grid

The Divi FilterGrid extension means that you can show weblog posts and customized put up sorts in a filterable grid format. Whilst the modules can also be custom designed with the Visible Builder like every other Divi module, there’s a number of themed skins to choose between to supply other seems to be at the fly. Along with exhibiting content material in a grid format, customers can arrange a lightbox and popup choices so their guests can view content material with out leaving the web page. Divi FilterGrid is to be had for $79 consistent with 12 months with limitless web page utilization.

Get Divi FilterGrid

Divi Headers Pack

Divi Headers Pack

The Divi Headers Pack mean you can conquer clothier’s block, thank you to almost 380 purposeful headers to your Divi listing web page. There are more than a few header kinds, together with same old, WooCommerce-compatible, ingenious, vertical emblem, and right-to-left (RTL). On the other hand, a few of its extra complicated designs require some CSS wisdom, so rookies will have to stay that during thoughts. The Divi Headers Pack is to be had for a one-time rate of $19 and is acceptable for limitless web sites.

Get Divi Headers Pack

Creating a Listing Site with WordPress and Divi is a No-Brainer

We’ve explored the thrilling international of creating your individual listing web page. From buying a site via Namecheap to shopping for a top quality website hosting plan via SiteGround to producing complete internet pages with Divi AI, we’ve lined the whole thing you wish to have to grasp to get began. With WordPress, the Business Directory Plugin, and Divi as your allies, a professional-looking and feature-rich listing web page is extra achievable than ever.

Considering finding out extra concerning the merchandise discussed on this put up? Take a look at the desk under to search out hyperlinks and pricing for every one.

Merchandise Discussed Beginning Worth Description Motion
1 Namecheap $5.98/12 months Area Registrar Get
2 SiteGround $2.99/month Website hosting Supplier Get
3 Divi $89/12 months WordPress Theme Get
4 Visual Builder Incorporated with Divi Web page Builder Plugin Get
5 Design Elements Incorporated with Divi Web page Builder Plugin Get
6 Theme Builder Incorporated with Divi Complete Website online Enhancing Get
7 Divi AI $16.08/month (billed once a year) AI Site Builder Get
8 GeoDirectory $139/12 months Listing Plugin Get
9 Business Directory Loose, $99/12 months Listing Plugin Get
10 Genesis Pro $360/12 months WordPress Theme Get
11 OptimizePress $129/12 months Web page Builder Plugin Get
12 RankMath Loose, $6.99/month search engine marketing Plugin Get
13 Starfish Reviews $37/month Evaluation Plugin Get
14 Interactive Geo Maps $39.99/12 months Interactive Map Plugin Get
15 SearchWP $99/12 months Seek Plugin Get
16 Advanced Ads €59/12 months Promoting Plugin Get
17 Divi Marketplace Costs Range Extensions, Kid Topics, and Layouts for Divi Get
18 Divi Carousel Maker $29/12 months Divi Extensions Get
19 Divi FilterGrid $79/12 months Divi Extensions Get
20 Divi Headers Pack $19/one-time rate Divi Layouts Get

Regularly Requested Questions

Despite the fact that we’ve attempted to be as thorough as imaginable on this put up, you should still have some questions that wish to be replied. Check out the FAQ phase under to search out the solutions.

#faqsu-faq-list {
background: #F0F4F8;
border-radius: 5px;
padding: 15px;
}
#faqsu-faq-list .faqsu-faq-single {
background: #fff;
padding: 15px 15px 20px;
box-shadow: 0px 0px 10px #d1d8dd, 0px 0px 40px #ffffff;
border-radius: 5px;
margin-bottom: 1rem;
}
#faqsu-faq-list .faqsu-faq-single:last-child {
margin-bottom: 0;
}
#faqsu-faq-list .faqsu-faq-question {
border-bottom: 1px cast #F0F4F8;
padding-bottom: 0.825rem;
margin-bottom: 0.825rem;
place: relative;
padding-right: 40px;
}
#faqsu-faq-list .faqsu-faq-question:after {
content material: “?”;
place: absolute;
correct: 0;
height: 0;
width: 30px;
line-height: 30px;
text-align: heart;
shade: #c6d0db;
background: #F0F4F8;
border-radius: 40px;
font-size: 20px;
}

Is WordPress a excellent platform for development a listing web page?

Completely! WordPress is understood for its user-friendly interface and huge plugin ecosystem. This makes it best possible for growing listing web sites of all sizes and styles, despite the fact that you don’t have any coding enjoy.

Do I would like any coding wisdom to construct a listing web page with WordPress?

No prior coding wisdom is needed! WordPress makes use of a visible interface for including content material, customizing layouts, and managing plugins.

What are some crucial WordPress plugins for a listing web page?

A listing plugin is a very powerful for managing listings, classes, and consumer submissions. One in style choices the Business Directory Plugin. Further plugins can upload options like consumer evaluations (Starfish Reviews), maps integration (Interactive Geo Maps), and complicated seek (SearchWP).

Can I construct a loose listing web page with WordPress?

Technically, sure. On the other hand, you can wish to in finding free WordPress hosting and a loose listing plugin. Loose choices continuously have boundaries, comparable to obligatory advertisements, restricted bandwidth, and restricted cupboard space, so imagine the long-term cost sooner than opting for this course.

What are the advantages of the use of a theme like Divi when development a listing web page with WordPress?

Whilst now not crucial, Divi provides a drag-and-drop, front-end Visual Builder for simple customization and pre-made layouts appropriate for listing web sites. This protects you time and guarantees a pro glance. Plus, Divi’s new function, Divi AI, means that you can generate textual content, photographs, code, and whole internet pages with a textual content instructed.

How can I categorize listings in my WordPress listing web page?

Maximum listing plugins, together with Trade Listing, help you create and arrange classes (e.g., eating places, plumbers) and subcategories (e.g., Italian, Thai delicacies) for higher group and consumer enjoy.

How can I be certain that my WordPress listing web page ranks smartly in search engines like google and yahoo?

Center of attention on growing high quality content material, optimizing titles and outlines, and development oneway links in your web page. Believe the use of an SEO plugin like RankMath to assist with optimization.

Can I monetize my WordPress listing web page?

Sure! Some choices come with charging for top rate listings, providing featured advert placements with an advertising plugin like Advanced Ads, or using the bills possibility within the Trade Listing plugin.

How can I stay my WordPress listing web page protected?

Make a selection a credible internet website hosting supplier, like SiteGround, with safety features. Use sturdy passwords, steadily replace WordPress and plugins, and imagine a security plugin like Solid Security.

How can I again up my WordPress listing web page?

There are backup plugins, like UpdraftPlus, to be had for growing common backups of your web page content material and database. That is a very powerful in case of technical problems.

The put up How to Make a Directory Website with WordPress (2024) gave the impression first on Elegant Themes Blog.

WordPress Maintenance Plans | WordPress Hosting

Contents

read more

0 Comments

Submit a Comment

DON'T LET YOUR WEBSITE GET DESTROYED BY HACKERS!

Get your FREE copy of our Cyber Security for WordPress® whitepaper.

You'll also get exclusive access to discounts that are only found at the bottom of our WP CyberSec whitepaper.

You have Successfully Subscribed!