Homeland

Theme Name: Homeland
Current Version: 3.2.8
Created By: codeex
Contact Information: codeex

Homeland is a premium WordPress theme for building Real Estate websites. With a minimalist approach, Homeland features a modern flat, clean design. The perfect solution for Professionals and Agencies working in the Real Estate domain, Homeland guarantees to reach a more targeted audience resulting in more sales prospects.

A great looking and user-friendly design for portraying a professional image to your customers and potential clients, Homeland is a great way for Real Estate Agents to build an impressive online portfolio of listings and show it off with a stylish modern website.

It includes a number of features to make it very easy to not only add property listings but to also create a user-friendly taxonomy that just makes sense.

It has 3 theme layouts to choose from (Full Width, Box and Box Left), is Widget ready includes Custom Page templates, Custom Post types and so much more.

Compatible with the very latest version of WordPress 5.1.1 with a dedicated team of Designers and Developers on hand to bring you the most timely updates and help you stay ahead of the competition

Homeland for WordPress is not only our best-selling Theme, it’s also our most powerful product to date. We know you are going to love it!.

Table of Contents

Theme Settings

Header and Background Images

Theme Pages

Properties Page

Portfolio Page

Blog Page

Contact Page

Forums

Credits

How to Install and Activate a Theme

I highly recommend you to update to the latest version of WordPress (stable version). Currently 5.1.1. This will help to ensure that you are able to utilize all of the latest features of WordPress.

If your theme is not working here's what you should do (common issue is missing stylesheet): CLICK HERE

Installing Homeland is just like installing any other WordPress theme. Its a simple process in the 5 steps below.

Next is, we will activate the theme so that you can use it.

Once your done, their is a notification message that says "New theme activated." click on the link to visit your site.

Back to top
How to Add Custom Menus

We will first create the menu we want

Back to top
Theme Shortcodes Homeland Theme Includes 14 shortcodes button tinymce

Just activate it in plugins directory and your done.

How to Install:

Please use this button for theme shortcodes

Back to top
How to use Child Theme for Homeland

Homeland WordPress Theme comes with child theme ready folder located "homeland-child"
More Information about how to create child theme or read more about child theme here

Here's how to install child theme and Understanding Child Themes here

Back to top
How to add company logo go to "Appearance >> Customize >> Site Identity >> Logo" and click button "Select Image"

Back to top
How to add retina logo go to "Appearance >> Customize >> Site Identity >> Retina Logo" and click button "Select Image"

Back to top
How to add favicon in your site go to "Appearance >> Customize >> Site Identity >> Site Icon" and click button "Select Image"

Back to top
How to change theme layout from fullwidth to boxed type go to "Appearance >> Customize >> General >> Main >> Theme Layout" and select your choices.

Back to top
How to change pagination style go to "Appearance >> Customize >> General >> Main >> Paging Style" and select your choices.

Back to top
How to change font family go to "Appearance >> Customize >> General >> Font Family and Sizes >> Font Family" and select your choices.

Back to top
How to change google map pointer go to "Appearance >> Customize >> General >> Google Map >> Map Pin Icon" and click button "Select Image"

Back to top
How to add google map API Key go to "Appearance >> Customize >> General >> Google Map >> Google Map API Key" and add your API key from google site.
Get your API key here: https://console.developers.google.com/apis/credentials?project=massive-oasis-135623

Back to top
How to change theme preloader icon go to "Appearance >> Customize >> General >> Main >> Preloader Icon" and click button "Select Image"

Back to top
How to add your own Custom CSS codes

go to "Appearance >> Customize >> Additional CSS" and add your own customize code here, if it's not overwriting the old css code try adding (!important) at the last (ex: margin-top:2px !important;)

go to "Appearance >> Customize >> General >> Styles >> Custom CSS" and add your own customize code here, if it's not overwriting the old css code try adding (!important) at the last (ex: margin-top:2px !important;)

Back to top
How to add background type go to "Appearance >> Customize >> Background >> Main >> Background Type" and select your choices either "Color, Image or Patterns"

Back to top
How to add default background image Back to top
How to add background images for archive page go to "Appearance >> Customize >> Background >> Images >> Archive Image" and click button "Select Image"

Back to top
How to add background images for taxonomy page go to "Appearance >> Customize >> Background >> Images >> Taxonomy Image" and click button "Select Image"

Back to top
How to add background images for agent page go to "Appearance >> Customize >> Background >> Images >> Agent Image" and click button "Select Image"

Back to top
How to add background images for search page go to "Appearance >> Customize >> Background >> Images >> Search Image" and click button "Select Image"

Back to top
How to add background images for 404 page go to "Appearance >> Customize >> Background >> Images >> Page not found Image" and click button "Select Image"

Back to top
How to make your header sticky go to "Appearance >> Customize >> Header >> Main >> Enable Sticky Header?" and select yes.

Back to top
How to enable top sliding bar go to "Appearance >> Customize >> Header >> Main >> Enable Sliding Bar at the top?" and select yes.

Back to top
How to enable parallax for background image go to "Appearance >> Customize >> General >> Main >> Parallax" and select yes.

Back to top
How to change your header style go to "Appearance >> Customize >> Header >> Main >> Select Header Layout" and select your layout choice

Back to top
How to change your footer style go to "Appearance >> Customize >> Footer >> Footer Layout" and select your layout choice

Back to top
How to hide your page title and subtitle go to "Appearance >> Customize >> Header >> Main >> Hide Page Title and Subtitle?" and select yes.

Back to top
How to add a link of your login button go to "Appearance >> Customize >> Header >> Login and Register >> Login Link" and add your login link

Back to top
How to add a link of your register button go to "Appearance >> Customize >> Header >> Login and Register >> Register Link" and add your register link

Back to top
How to add default header image go to "Appearance >> Customize >> Header >> Images >> Default Image" and click button "Select Image"

Back to top
How to add archive header image go to "Appearance >> Customize >> Header >> Images >> Archive Image" and click button "Select Image"

Back to top
How to add taxonomy header image go to "Appearance >> Customize >> Header >> Images >> Taxonomy Image" and click button "Select Image"

Back to top
How to add agent header image go to "Appearance >> Customize >> Header >> Images >> Agent Image" and click button "Select Image"

Back to top
How to add search header image go to "Appearance >> Customize >> Header >> Images >> Search Image" and click button "Select Image"

Back to top
How to add 404 header image go to "Appearance >> Customize >> Header >> Images >> Page not found Image" and click button "Select Image"

Back to top
How to change color scheme of your theme go to "Appearance >> Customize >> General >> Color Schemes" and click button "Select Color"

Back to top
How to add social icons go to "Appearance >> Customize >> Header >> Social Media" and add your social media ID and link

Back to top
How to add minimum price range for advance search Back to top
How to add maximum price range for advance search Back to top
How to add google analytics code go to "Appearance >> Customize >> Footer >> Google Analytics Code and add your google analytics code from google

Back to top
How to add revolution slider in homepage go to "Appearance >> Widgets >> Top Slider" and use the "Drag and Drop" feature by selecting "Revolution Slider"

Back to top
How to add agent list go to "Users >> Add New" and fill the fields available and dont forget to select "Role as 'Contributor'"

to add profile image, please register your email address here: Gravatar once email address is added it will automatically pulled/display your profile image to your site/theme.. or go to your edit user page and upload your avatar in "Custom Avatar" field below, click button Upload and Update User.

Back to top
How to add partners list Back to top
How to set up IDX listings

Below are the steps on how to set up the IDX pages

Your IDX listings is now automatically created, every IDX listings is viewed this way "http://your-domain-name/idx/"..

Back to top
How to set up register form

Below are the steps on how to set up membership/registration form

Back to top
How to set up default slider in homepage

Below are the steps on how to set up default slider on homepage

Back to top
How to set up single language of this theme

Below are the steps on how to set up single language translations.

Back to top
How to add bedroom and bathroom options in advance search

Below are the steps on how to add bed and bath options in advance search.

Back to top
How to import theme demo content

Below are the steps on how to import our theme demo content

Back to top
Where is homeland revolution slider import demo files?

Below are the steps where the homeland revolution slider demo import files located

Back to top
How to change google map color scheme and style?

Below are the steps on how to change the google map color scheme and styles

Back to top
How to add theme custom fields

Below are the steps on how to add new custom fields for custom post types, posts and pages. In this example, I will be using the Properties Custom Post Type.

Once you already added it in your backend, it's now time to add it in your frontend, Just add the following code below. theme_example is your new custom field name.

Add this code inside your while loop function.

Back to top
How to use floating social share in property and blog single page

Below are the steps on how to use the floating social post share in property and blog single page.

Back to top
What are the required plugins for this theme?

Below are the list of plugins used in this theme.

We suggest you to install these plugins because it is part of the theme to work properly and these plugins are very lightweight.

If you have a problem installing it just contact us here

Back to top
How to create Default Homepage

Below are the following steps on how to set up default homepage

Back to top
How to create Homepage 2

Below are the following steps on how to set up homepage 2

Back to top
How to create Homepage 3

Below are the following steps on how to set up homepage 3

Back to top
How to create Homepage 4

Below are the following steps on how to set up homepage 4

Back to top
How to create Homepage + Video

Below are the following steps on how to set up homepage + video

Back to top
How to create Homepage + Revolution Slider

Below are the following steps on how to set up homepage + revolution slider

Back to top
How to create Homepage + Google Map

Below are the following steps on how to set up homepage + google map

Back to top
How to create Homepage + Large Google Map

Below are the following steps on how to set up homepage + large google map

Back to top
How to create Property page

Below are the following steps on how to set up this page

Back to top
How to create Property 2 Columns page

Below are the following steps on how to set up this page

Back to top
How to create Property 3 Columns page

Below are the following steps on how to set up this page

Back to top
How to create Property 4 Columns page

Below are the following steps on how to set up this page

Back to top
How to create Property Grid with Sidebar

Below are the following steps on how to set up this page

Back to top
How to create Property Grid with Left Sidebar

Below are the following steps on how to set up this page

Back to top
How to create Property Split with Map

Below are the following steps on how to set up this page

Back to top
How to create Property Dual Sidebar

Below are the following steps on how to set up this page

Once you are done creating page for dual sidebar, follow the steps below.

Back to top
How to create Property Left Sidebar page

Below are the following steps on how to set up this page

Back to top
How to create Featured Properties page

Below are the following steps on how to set up this page

Back to top
How to create Sold Properties page

Below are the following steps on how to set up this page

Back to top
How to create Print Preview page for printing a property

Below are the following steps on how to set up this page

Back to top
How to create Blog List page

Below are the following steps on how to set up this page

Back to top
How to create Blog List Left Sidebar page

Below are the following steps on how to set up this page

Back to top
How to create Blog 2 Columns page

Below are the following steps on how to set up this page

Back to top
How to create Blog 3 Columns page

Below are the following steps on how to set up this page

Back to top
How to create Blog 4 Columns page

Below are the following steps on how to set up this page

Back to top
How to create Blog Fullwidth page

Below are the following steps on how to set up this page

Back to top
How to create Blog Grid page

Below are the following steps on how to set up this page

Back to top
How to create Blog Grid Left Sidebar page

Below are the following steps on how to set up this page

Back to top
How to create Blog Timeline page

Below are the following steps on how to set up this page

Back to top
How to create Fullwidth page

Below are the following steps on how to set up this page

Back to top
How to create Left Sidebar page

Below are the following steps on how to set up this page

Back to top
How to create Portfolio Page

Below are the following steps on how to set up this page

Back to top
How to create Portfolio Right Sidebar Page

Below are the following steps on how to set up this page

Back to top
How to create Portfolio Left Sidebar Page

Below are the following steps on how to set up this page

Back to top
How to create About us page

Below are the following steps on how to set up about page

Back to top
How to create Services page

Below are the following steps on how to set up services page

Back to top
How to create Services Fullwidth page

Below are the following steps on how to set up this page

Back to top
How to create Services Left Sidebar page

Below are the following steps on how to set up this page

Back to top
How to create contact page

Below are the following steps on how to set up contact us page

Back to top
How to create contact alternate page

Below are the following steps on how to set up contact us page

Back to top
How to create Advance Search page

Below are the following steps on how to set up advance search page

Back to top
How to create Agents page

Below are the following steps on how to set up agent page

Back to top
How to create Agents Fullwidth page

Below are the following steps on how to set up agent page

Back to top
How to create Agents Left Sidebar page

Below are the following steps on how to set up agent page

Back to top
How to create Coming Soon page

Below are the following steps on how to set up coming soon page

Back to top
How to create sitemap page

Below are the following steps on how to set up sitemap page

Back to top
How to create testimonials page

Below are the following steps on how to set up testimonials page

Back to top
How to create frontend login page

Below are the following steps on how to set up login page

Back to top
How to create page using page builder

Below are the following steps on how to set up page with page builder

Create a page builder for your pages

Back to top
How to Create Portfolio Post

Below are the steps on how to create posts

Back to top
How to Add Attachment Portfolio Images

Below are the steps on how to add more portfolio images

Now close the (x) button of the thickbox(popup)
Do not click the "Insert to post" button because we are not inserting the images into your post description.
Once thickbox(popup) is close click button "Publish"

Back to top
How to change the ordering of portfolio list go to "Appearance >> Customize >> Portfolio >> Main >> Ordering" and select either descending or ascending

Back to top
How to change the orderby parameter for portfolio list go to "Appearance >> Customize >> Portfolio >> Main >> Sorting" and select the options you want

Back to top
How to change the ordering of attachment portfolio list go to "Appearance >> Customize >> Portfolio >> Single Post >> Attachment Ordering" and select either descending or ascending

Back to top
How to change the orderby parameter of attachment portfolio list go to "Appearance >> Customize >> Portfolio >> Single Post >> Attachment Sorting" and select the options you want

Back to top
How to Create Blog Post

Below are the steps on how to create posts

Back to top
How to Create Post Category

Below are the following steps on how to create post categories

Back to top
How to Create Video Blog Post

Below are the following steps on how to post a video blog

Back to top
How to Create Audio Blog Post

Below are the following steps on how to post a audio blog

Back to top
How to Create Image Blog Post

Below are the following steps on how to post a image blog

Back to top
How to Create Gallery Blog Post

Below are the following steps on how to create gallery blog

Now close the (x) button of the thickbox(popup)
Don't click the "Insert to post" button because we are not inserting the images into your post description.
Once thickbox(popup) is close click button "Publish"

Back to top
How to Create Property Post

Below are the following steps on how to create a post in property custom post type.

Back to top
How to Create Property Image Slider

Below are the following steps on how to create property image slider

Now close the (x) button of the thickbox(popup)
Don't click the "Insert to post" button because we are not inserting the images into your post description.
Once thickbox(popup) is close click button "Publish"

Back to top
How to change the ordering of property go to "Appearance >> Customize >> Properties >> Main >> Ordering" and select options either (descending or ascending)

Back to top
How to change the orderby parameter for property go to "Appearance >> Customize >> Properties >> Main >> Sorting" and select options parameter either (ID, author, title, name, date, modified, parent, rand, comment_count and menu_order)

Back to top
How to change the ordering of property slider go to "Appearance >> Customize >> Properties >> Single Post >> Attachment Ordering" and select options either (descending or ascending)

Back to top
How to change the orderby parameter of property slider go to "Appearance >> Customize >> Properties >> Single Post >> Attachment Sorting" and select options parameter either (ID, author, title, name, date, modified, parent, rand, comment_count and menu_order)

Back to top
How to create featured properties go to "Properties" and select any property list you want to edit or add a new property. Scroll down at the bottom and you will see box "Property Options" tick the box "Featured" it will display automatically as a featured property.

Back to top
How to create agent form in property page Back to top
How to add google map address 1. go to "Appearance >> Customize >> Contact >> Google Map >> Map Latitude" and add your desire latitude value
2. go to "Appearance >> Customize >> Contact >> Google Map >> Map Longitude" and add your desire longitude value

Back to top
How to add your email address go to "Appearance >> Customize >> Contact >> Main >> Email Address" and add your email address

Back to top
How to add your fax number go to "Appearance >> Customize >> Contact >> Main >> Fax" and add your business fax number

Back to top
How to add phone number go to "Appearance >> Customize >> Contact >> Main >> Phone Number" and add your business phone number

Back to top
How to your own contact address go to "Appearance >> Customize >> Contact >> Main >> Address" and add your business address

Back to top
How to add your own contact form

You need to install the plugin "Contact Form 7" it is located in our download package folder here "plugins" folder or just download the plugin directly here

Example code for contact forms

Back to top
How to set up main forum header title go to "Appearance >> Customize >> Forum >> Main >> Forum Header Title" and add your forum header title

Back to top
How to set up main forum subtitle go to "Appearance >> Customize >> Forum >> Main >> Forum Subtitle" and add your forum subtitle

Back to top
How to add forum header images go to "Appearance >> Customize >> Forum >> Header Images" and click upload buttons and add image to its corresponding pages

Back to top
How to add forum background images go to "Appearance >> Customize >> Forum >> Background Images" and click upload buttons and add image to its corresponding pages

Back to top
Credits: Links/Images/Icons/Patterns and Tutorials Used

Plugins

Images

- Demo images are not included in the download package -

Fonts and FontIcons

Back to top
Useful Links and Tools

Useful Links

These links we have here is not own by us, we just make some research on how to help you dealing with this situation. Thank you!

Back to top