Content & Shortcodes

Creating a Contact Form

The theme uses the Contact Form 7 plugin for the Contact Template. The plugin is one of the recommended plugins that was installed on the first step. You can read more about the plugin here.

The shortcode for the Contact Template can be found in the Contact Tab on the left on the Admin Panel, and then add new or use an already created form.

To style the Contact Form as the one in the demo, you can place this code in the Form tab when you edit the Contact Form:

<div className="row">
    <div className="col-sm-12 col-md-6">
        <div className="field-text">
            [text* your-name]<label for="your-name"> Name<sup>*</sup></label>
        </div>
    </div>
    <div className="col-sm-12 col-md-6">
        <div className="field-text">
            [email* your-email]<label for="your-email">Email <sup>*</sup></label>
        </div>
    </div>
</div>
<div className="row">
    <div className="col-sm-12 col-md-12">
        <div className="field-text">
            [text* your-subject]<label for="your-subject">Subject<sup>*</sup></label>
        </div>
    </div>
</div>
<div className="row">
    <div className="col-sm-12 col-md-12">
        <div className="field-textarea">
            [textarea your-message]<label for="your-message">Message<sup>*</sup></label>
        </div>
    </div>
</div>
<p>
    [submit "Send"]
</p>

Blog Page

Go to Pages > Add New, write the page title and select Blog from the Template dropdown on the right. You can read more about the Template Blog in the Page Templates section.

Then click the Publish button.

Make sure that the page is NOT selected in the Post Page menu in Settings > Reading in the WordPress Admin Dashboard.

Click Save Changes.

Shortcodes

Vivian Options Panel and Content Shortcodes are powered by the awesome Unyson Framework. After installing and activating the plugin, make sure that you have installed the 2 extensions - WordPress Shortcodes and Backup & Demo Content.

After that you can use the Unyson Shortcodes from the corresponding button in the Content Editor.

The shortcodes are self explanatory and are very straightforward to use.