How To Create a Real Estate Website with WordPress

How To Create a Real Estate Website with WordPress

Howdy All!

I spent a few months to really try and research the best and easiest wordpress theme to create a real estate website with wordpress. After weeks of trail and error, i came across the gensis framework in combination with the elementor page builder. I was amazed at the ease of use and also how well the page builder worked with the agentpress pro theme

Lets take a look at how you can build this website

  1. Home Featured: A full-width widget area, set with a text widget configured to display a Welcome message and an AgentPress – Listing Search Widget.  The Home Page background image will display behind this widget area.
  2. Home Top: A full-width widget area, set with a AgentPress – Featured Listings widget configured to display 6 recent listings.  These listings will display in three columns and two rows.
  3. Home Middle 1: A full-width widget area, set with a text widget.  This area can be used to place a call to action on your home page.
  4. Home Middle 2: A one-third width widget area, set with a Genesis – eNews Extended widget.
  5. Home Middle 3: A full-width widget area, set with a Genesis – Featured Posts widget configured to dispaly 4 Posts with titles and Content limit of 213 Characters.
  6. Home Bottom: A full-width widget area, set with four featured page widgets configured to display the page title and afeatured image.
  7. Footer 1: This Widget area displays in the left third of the footer area on all pages, including the Home Page. Any widget can be used in these areas.
  8. Footer 2: This Widget area displays in the right two-thirds of the footer area on all pages, including the Home Page. Any widget can be used in these areas.
  9. Disclaimer: This Widget area displays beneath the footer credits area on all pages.  This area can be used to display a legal disclaimer on your site.

Note: If no widget areas are active in any of the home page specific widget areas, a blog-style home page will be displayed. If you wish to use a static page for your home page, do not add widgets to the home page widget areas, since doing this will override the home page setting on Settings > Reading.

The website is built by simple drag and drog widgets. Also i want to talk about the middle section and than i will talk about the search box

  1. Home – Middle 1
  2. Home – Middle 2
  3. Home – Middle 3

 

  1. Go to Appearance > Widgets, click on the Text widget title bar, select the Home – Middle 1 widget area, and click Add Widget.
  2. To configure the widget, click the title bar to open it, and add your content as follows:
  3. 1. The Title in the text widget in the theme demo is Real Estate Agents
  4. 2. The rest of the content will be added to the blank content box below the title.

The AgentPress Pro Theme Demo uses the following text in the Home – Middle 1 Widget Area Text Widget:

<h1 class="tagline">Don't Worry, Find a Pro <a href="#" class="button alignright">How We Work <span class="dashicons dashicons-admin-network"></span></a></h1>
Home – Middle 2

The Genesis eNews Extended widget is used to display a form for your readers to subscribe to your mailing list for email updates..

Go to Appearance > Widgets, click on the Genesis – eNews Extended widget title bar, select the desired widget area from the list, and click Add Widget.

  1. Title: Optional, can be left blank. The theme demo uses Get Our Listings.
  2. Text To Show Before Form: Include the text you wish to display The theme demo uses Stay up to date with the latest:
  3. Text To Show After Form: Include the text you wish to display.

Middle 3

  1. Title: Use a title of your choice to describe the types of posts being featured.
  2. Category: Select the category you wish to have displayed from the drop down.
  3. Number of Posts to Show: The theme demo is designed to show 4 featured posts.
  4. Show Featured Image: Check the box to display Featured Images.
  5. Image Size: Select the thumbnail (200×200) image size.
  6. Image Alignment: Select the None option.
  7. Show Post Title: Check the box to display the post title.
  8. Content Type: Select Show Content Limit.
  9. Limit content: Set to 213 characters.
  10. More Text (if applicable): Use the word More.

Once you have completed the widget configuration, be sure to click Save at the bottom of the widget to preserve your settings.

Dont forget about the elementor page builder

This is the best FREE page builder that works with the genesis framework. You can download it for free on wordpress. Here is an example of some of the templates for the elementor page builder

I hope these templates are helpful. You can also take the elementor page builder tutorial here for FREE!

 

I took these instructions from studiopress. I dont take credit for it, but its a great resources to learn how to use the theme

DW Staff

DarrelWilson.com provides free and helpful WordPress tutorials for users of all experiences and backrounds. Darrel provides free tutorials on his youtube channel. You can view the youtube channel here: https://www.youtube.com/c/darrelwilsonbug
Close Menu
Hi, Sign Up For Freebies And Wordpress News!

Hi, Sign Up For Freebies And Wordpress News!

Join My Mailing List For Tips, News, And Discounts!

You have Successfully Subscribed!

×

Cart