Homeland User Guide

Homeland

Theme Name: Homeland
Current Version: 3.1.7
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 4.8.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!.

The following document is a detailed user guide to help you get your new website up and running. Please take your time and read through the document carefully and diligently. If you require further assistance, please feel free to contact us. Table of Contents How to Install and Activate a Theme

I highly recommend you to update to the latest version of WordPress (stable version). Currently 4.8.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.

Go to Appearance >> Themes
Click Add New Button
After that click the button “Upload Theme”
Click “browse” button and new window will pop up, please select the zip files of the theme you want to install
If everything is done please click the button “Install Now” button and then you’re done…

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

Go to Appearance >> Themes
Hover on the theme screenshot and click “Activate” button.

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

We will first create the menu we want

Go to Appearance
After that click “Menus”
Once you are their just click on “create a new menu” button in right area of the “Edit Menus” tab
you will then see a textfield with “Menu Name”, please enter your desire menu name
once you already added menu name in your textfield, please click button “Create Menu”

After that please select “Pages” box in left side boxes and check the pages you want to display in your “Menu Structure”
After that please click the button “Add to menu”
Once done you have the ability to drag and drop the menus (you can change order using this)
In your Menu Settings below please check the box “Primary Menu”
After you change order of the menus you can then click the button “Save Menu” and your done.

Just activate it in plugins directory and your done.

How to Install:

You will see this message above “This theme requires the following plugin: codeex Shortcodes.” and you will have two links, click on the “Begin installing plugin”
or use this “Appearance >> Install Plugins” and you will see “codeex Shortcodes” mouse hover it and you will see a link “Install” click it and your done..

Please use this button for theme shortcodes

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

Use CHILD THEME to avoid hassle when updating to new version, please make sure parent theme is also in your themes directory. Back to top How to disable the responsive style go to “Appearance >> Customize >> General >> Main >> Disable Responsive Layout?” and select yes or no.

How to add company logo go to “Appearance >> Customize >> Site Identity >> Logo” and click button “Select Image”

How to add retina logo go to “Appearance >> Customize >> Site Identity >> Retina Logo” and click button “Select Image”

How to add favicon in your site go to “Appearance >> Customize >> Site Identity >> Site Icon” and click button “Select Image”

How to change theme layout from fullwidth to boxed type go to “Appearance >> Customize >> General >> Styles >> Select your theme layout for your website” and select your choices.

How to change pagination style go to “Appearance >> Customize >> General >> Styles >> Select your pagination type” and select your choices.

How to change font family go to “Appearance >> Customize >> Typography >> Main >> Select your theme Font Family” and select your choices.

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

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

How to change theme preloader icon go to “Appearance >> Customize >> General >> Main >> Preloader Icon” and click button “Select Image”

How to add your own Custom CSS codes Settings for WordPress 4.7 and above

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;)

Settings for WordPress 4.6 and below

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”

How to add default background image

go to “Appearance >> Customize >> Background >> Main >> Background Type” and select “Image”
go to “Appearance >> Customize >> Background >> Main >> Background Image” and then click button “Select Image”
and your Done

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

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

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

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

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

How to make your header sticky go to “Appearance >> Customize >> Header >> Main >> Enable Sticky Header?” and select yes or no.

How to enable top sliding bar go to “Appearance >> Customize >> Header >> Main >> Enable Sliding Bar at the top?” and select yes or no.

How to change your header style go to “Appearance >> Customize >> Header >> Main >> Select Header Layout” and select your choice

How to hide your page title and subtitle go to “Appearance >> Customize >> Header >> Main >> Hide Page Title and Subtitle?” and select yes or no.

How to add a link of your login button go to “Appearance >> Customize >> Header >> Buttons >> Custom Login Link” and add your login link

How to add a link of your register button go to “Appearance >> Customize >> Header >> Buttons >> Custom Register Link” and add your register link

How to add default header image go to “Appearance >> Customize >> Header >> Images >> Default Image” and click button “Select Image”

How to add archive header image go to “Appearance >> Customize >> Header >> Images >> Archive Image” and click button “Select Image”

How to add taxonomy header image go to “Appearance >> Customize >> Header >> Images >> Taxonomy Image” and click button “Select Image”

How to add agent header image go to “Appearance >> Customize >> Header >> Images >> Agent Image” and click button “Select Image”

How to add search header image go to “Appearance >> Customize >> Header >> Images >> Search Image” and click button “Select Image”

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

How to change color scheme of your theme go to “Appearance >> Customize >> Typography >> Color Schemes” and click button “Select Color”

How to add social icons go to “Appearance >> Customize >> Header >> Social Media” and add your social usernames or ID

How to add minimum price range for advance search

Go to “Appearance >> Customize >> Advance Search” >> Property Minimum Price >> Property Minimum Price Range and add your price range. Example below 5000, 10000, 50000, 100000
Add some space after the “comma”
Once done click on the “Save Changes” button

Go to “Appearance >> Customize >> Advance Search” >> Property Maximum Price >> Property Maximum Price Range and add your price range. Example below 10000, 50000, 100000, 200000
Add some space after the “comma”
Once done click on the “Save Changes” button

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

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

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.

In your Backend, go to “Partners” menu
Click “Add New” link
Add new data for the fields given like name, website link and image
Once done just click button “Publish”

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

Go to your “Pages >> Add new”
Create a new page and name it “IDX”
Once done click the button “Publish”

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

IDX plugin also supports “widgets” which is located here “Appearance >> Widgets” and check for “IDX Areas, IDX Listings, IDX Search and IDX Single Listing”. IDX plugin also supports shortcode, you can find it in your “Visual” description when adding new page. Back to top How to set up register form

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

Go to “Settings >> General”
Once you are their find “Membership” field and tick the box “Anyone can register”
click “Save Changes” button and your done.

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

Go to “Properties >> Add New”
Fill all input fields on that page once done.
Scroll down at the bottom and you will see box “Property Options” tick the box “Featured”
click “Publish” button and your done.

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

Please make sure you added your .po/.mo files in this folder “wp-content/languages”, create languages folder if folder not exist.
once done you can check your language selection here “Settings >> General >> Site Language”

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

Go to “Appearance >> Customize >> Advance Search >> Property Bedrooms >> Selection of how many bedrooms” and “Appearance >> Customize >> Advance Search >> Property Bathrooms >> Selection of how many bathrooms” and add numbers something like this:

1, 2, 3, 4, 5

Add some space after the “comma”
Once done click on the “Save Changes” button

Below are the steps where the homeland demo import files located

In your Download Package you will see folder “theme-demo-contents” open it
Import this file “homeland.wordpress.xml”
Done

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

Log into your site as an administrator.
Make sure you activated your theme before proceeding.
Go to Tools >> Import
Choose WordPress from the list.
Upload the demo content homeland.wordpress.xml using the form provided on that page. This file is located in this folder theme-demo-contents
You will be asked to map the authors in this export file to users on the blog. Each author, you may choose to map to an existing user on the blog or to create a new user.
You will then have the choice to import attachments, so click on the Download and import file attachments” box.
Please be patient while WordPress importing all the contents. Posts, Pages, Menus and more are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress’ import system.
DONE

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

In your Download Package you will see folder “theme-demo-contents” open it
Import this file “homepage.zip”
Done

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

Go to “Appearance >> Customize >> General >> Google Map >> Map Styles”
Get your desire google map color scheme here
Copy and Paste the code given from snazzymaps into the map styles field.
click button Save & Publish and your done.

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.

Go to “Properties >> Add New”
In your top right screen you will see “Screen Options” and click it
Once click it will toggle down and you’ll see “Custom Fields” checkbox, just tick the box
Once done, scroll at the bottom of your page and you will see “Custom Fields” box and now add your new custom fields.
Once your done, click the button “Add Custom Field”
Once done, click the button “Publish” to published your new post/page.

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.