Etc. Theme Documentation

This file will help you to start working with your new WordPress Theme. First steps installing, guides to create your own pages, portfolio views or any other feature included.

1. Installation

The first point that we must talk about is "how to install" any WordPress Theme.

1.1 Installing the Theme

1.2 Required Plugin Installation

Once your theme is installed, you will notice a message at the top of your dashboard prompting you to install certain plugins. To insure that your site has all of the same functionality that you see in the demo, it’s important that you install and activate these plugins.

1.3 Importing Demo Content

You can import the demo content with just one click. Go to Appearance > Import Demo Data and click Import Demo Data button. The importing process can take several minutes.

2. Theme Options

After activating the theme, you will notice that a new submenu item appeared under Appearance with the tag Customize. If you click on it you will be taken to the WordPress customizer, a tool which will allow you to modify the look and feel of your website.

4. Adding Posts

These are the default steps that you need to do in order to add a blog post:

5. Adding Projects

The process of adding projects is quite similar to adding posts:

6. Adding Pages

The process of adding pages is quite similar to adding posts:

6.1 Page Templates

As you might already noticed, there are a few Page Templates available for you to use. Each template will configure your page to look and act in a different way.

6.2 Forms

This theme doesn't have any dedicated form builder, because it offers you styling to use your own form plugins. We recommend Contact Form 7, as it's free & easy to use.

There are a few elements which you can use in order to style the form. Below you have an example on how we built the contact form in our demo:

<p class="contact-name">[text* your-name]</p>
<p class="contact-email">[email* your-email]</p>
<p class="contact-subject">[text your-subject]</p>
<p class="contact-message">[textarea your-message]</p>
<p>[submit "Send Message"]</p>