Documentation

Haus - Sleek Architecture WordPress Theme

Thank you so much for purchasing our item from themeforest.

  • Created: 5 August 2015
  • Last Update: 16 January 2025

If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.

Installation

Documentation and examples how to install: WordPress, our Theme and the Required Plugins.

Installing WordPress

Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server. There is a very detailed guide at Wordpress Codex which will walk you through every step.

Installing Theme

Theme installation can be done through your WordPress Dashboard using the uploader or via FTP connection to your server directly.

Uploading Through WordPress

  1. Select "Appearance" and then "Themes"
  2. Select the "Add New" button at the top of the page and then select the "Upload Theme" button
  3. Choose Haus theme "haus.zip" file
  4. Select "Install Now"
  5. Once the theme is fully uploaded and installed, click "Activate" to activate the WordPress theme.
  6. Install and activate required plugins
  7. Sometimes it does not active some plugins. So if this happen then go to your Dashboard -> Plugins. and activate all required plugins.
Note When uploading your theme with the installer, please ensure you are uploading the .zip file of the theme, not the entire package you downloaded from themeforest.

One Click Demo Installation

After Installing and activating Haus theme and its required plugin, you can set a demo Haus site on your server

Intall Haus WordPress Theme Demo

  1. Select "Appearance" and then "Import Demo Data"
  2. Scroll down and click on "Import Demo Data" Button
  3. Scroll down and click on "Continue & Import" button
  4. After completion, please check all pages.
  5. Your website demo is ready.

Theme Options

A very powerful Theme Options Panel is provided with Haus. You can handle and customise the theme by using these options easily.

  • Just go to your site "Dashboard" and select "Haus Options"

Preloader Settings

In Preloader Settings, you can control options for preloader screen

  • Preloader ? - A switch to Tun Enable/Disable the preloader screen
  • Preloader Heading - Heading for the preloader screen

Header Settings

In Header Settings, you can control default header settings for theme

  • Top Bar Address - Address will show in the top bar with map icon
  • Top Bar Contact - Phone will show in the top bar with phone icon
  • Site Logo - Upload image for logo of your website
  • Auto Height & Width ? - If you want to use auto height and width for your logo then make it YES. and if you want to use custom width then make this switch NO. when You press NO then a field will show with width control.
    • Site Logo Width - Add custom width for your logo.
  • Menu Logo - Default Logo which will appear in the popup when you select first theme style from here
  • Social Icons - Icons will appear in the popup when you select first theme style from here. Here you can add multiple social icons.
    • Social Icon - Select social icon.
    • Social Icon Link - Enter link for social icon.

Pages Settings

In Pages Settings, you can control options for following pages

  • Blog Page Options
  • Archive Page Options
  • Author Page Options
  • Category Page Options
  • Search Page Options
  • Tag Page Options
  • 404 Page Options

Every page options have the same options except 404 Page

  • Top Background Image - Top Banner background image
  • Page Title - Title for top banner area
  • Page Tagline - Tagline for top banner area
  • Read more Text - Read more button text
  • Hide Sidebar ? - Enable this if you want to hide sidebar area.

Only Blog Page settings have one extra options - Top Title

404 Page

In 404 Page, you can control options for 404 Error page

  • Top Background Image - Top Banner background image
  • 404 Page Hero Tag Title - Title for top banner area
  • Heading
  • Sub-Heading
  • Sidebar ? - Enable this if you want to hide sidebar area.

Demo of 404 Page

Blog Posts

If you want to add new blog post, go to your site "Dashboard - Posts - Add New". If you want to edit any existing post then go to your site "Dashboard - Posts" and click on any existing post you want to edit.

In each post, you have the same options

  • Title - Title of the post
  • Text - Detail text about post
  • Post Options - Here you have two options
    • Hero Title
    • Hero Tagline
  • Status & visibility
    • Visibility - Post status ( Public, Private or Password Protected )
    • Publish - Publist date of the post
    • Stick to the top of the blog - Checbox to make post sticky
    • Author - Select author of the post ( for Admin account only)
    • Trash - To delete the blog post
  • Permalink
    • URL Slug - slug of a post
    • View Post - Link to visit the post frontend
  • Categories
    • Checkboxes of post categories
    • Add New Category - Option to add new category
  • Tags - A field where you can add multiple tags for post
  • Feature Image - Image for post
  • Excerpt - An optinal field
  • Discussion - Checkbox for the following
    • Allow comments
    • Allow pingbacks & trackbacks

Demo of Blog Post WordPress Default Aticle

Pages

If you want to add new page, go to your site "Dashboard - Page - Add New". If you want to edit any existing page then go to your site "Dashboard - Pages" and click on any existing page you want to edit.

In each page, you have the same options

  • Title - Title of the page
  • Textarea - here you can add description about page.
  • General Options - Here you have five options
    • Full Width ? - Enable/Disable to make page full width or not
    • Hide Top Banner ? - Enable/Disable to show/hide the page top banner
  • Top Background Type - Here you can select top background type. You have two options
    • Image - If you select Image then you have another option to upload image for top banner background
      • Top Background Image
    • Map - If you select map then you have three more fields
      • Latitude - Latitude of your location.
      • Longitude - Longitude of your location.
      • Map Zoom
  • Hero Title - Title for top banner of the page
  • Hero Tagline - Tagline for top banner of the page
  • Status & visibility
    • Visibility - Page status ( Public, Private or Password Protected )
    • Publish - Publist date of the page
    • Author - Select author of the page ( for Admin account only)
    • Trash - To delete the current page
  • Template - Here you can select template for page
  • Permalink
    • URL Slug - slug of a page
    • View Post - Link to visit the page frontend
  • Feature Image - Image for page
  • Discussion - Checkbox for Allow comments
  • Page Attributes
    • Parent Page - You can select any page as a Parent page of current page
    • Order - Order of the page

We are using Elementor, so we edit page using Elementor.

Contact Form 7

If you want to add new form, go to your site "Dashboard - Contact - Add New". If you want to edit any existing form then go to your site "Dashboard - Contact - Contact Forms" and click on any existing form you want to edit.

In each form, you have the same options

  • Title - Title of the form
  • Four Tabs
    • Form - Code of the form
    • Mail - control email settings
    • Messages - Here you can control message for form to show on actions
    • Additional Settings - You can add customization code snippets here. For details, see Additional settings.

Contact Form 7 Documentation

Haus Forms

In Haus, we have only one form

Haus Contact Form
<div class="form-group">
[text* contact_name class:form-control placeholder "Your Name"]
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
[email* contact_email class:form-control placeholder "Your Email"]
</div>
</div>
<div class="col-md-6">
<div class="form-group">
[text* contact_subject class:form-control placeholder "Subject"]
</div>
</div>
</div>
<div class="form-group">
[textarea* contact_message class:form-control placeholder "Write your message..."]
<p class="comment-form-cookies-consent ccfrm">[acceptance wp-comment-cookies-consent class:wp-comment-cookies-consent] I consent to the conditions. [/acceptance]</p>
</div>
<div class="form-group form-send">
<button type="submit" id="contact_form_submit" name="contact_submit" class="btn btn-form btn2"><span class="far fa-paper-plane">  </span>SEND</button>
</div>

Haus Elements

In Haus WordPress Theme, you have different elements to add on any page of your theme. To use these elements, you have to install "Elementor" plugin. To install this plugin, go to "Dashboard - Plugins" and activate "Elementor".

After installing and activating "Elementor" plugin, just go to any page where you want to add elements and click on "Edit with Elementor".



Haus Wordpress Theme has 10 sections.

  1. Contact Details
  2. Contact Form
  3. Call to Action
  4. Hero Banner
  1. Team Members
  2. Pricing Plans
  3. Counters
  1. Projects
  2. What We Do
  3. Who We Are

Source & Credits

Support

If this documentation doesn't answer your questions, So, Please send us Email via Item Support Page

We are located in GMT +5 time zone and we answer all questions within 12-24 hours in weekdays. In some rare cases the waiting time can be to 48 hours. (except holiday seasons which might take longer).

Note While we aim to provide the best support possible, please keep in mind that it only extends to verified buyers and only to issues related to our theme like bugs and errors. Custom modifications or third party module implementations are not included.

Don’t forget to Rate this theme

Please Add your Review (Opinion) for Our theme. It would be a great support for us.
Go to your Themeforest Profile > Downloads Tab & then You can Rate & Review for our theme.
Thank You.

Changelog

Version 3.0 (16 January, 2025)

Initial Release