Adding Content

Once you've completed the initial set up you'll need to add content to your site. The following passages instruct you on how to add posts, images, widgets and sections. As always, if you have any questions not covered in this help file please email our Support System.

Adding Posts Adding posts to your site.

To add a new post, navigate to Posts > Add New. Enter the title, post content, assign various categories, upload images, add video, or add review elements to the post. Once you've created a new post be sure to Save Draft or Publish, in order to save the changes.

Shortcodes

The theme comes with a number of shortcodes allowing you to add styled content to your site with little effort. Shortcodes can embed files or create objects that would normally require lots of complicated code in just one line.

Conveniently, the available shortcodes have been included as buttons in the WYSIWYG content editor. When creating a page or post, click the desired shortcode icon to insert your code. Simply hover over the buttons to see what shortcodes you’ll be inserting.

Types of Shortcodes

Below are explanations for the various types of custom shortcodes that come with the theme.

Column Shortcodes

Column shortcodes give you the versatility of creating variable layouts on a page. You can break paragraphs, images, and even other shortcodes into columns of your chosing. Columns are also responsive, and will automatically format themselves for mobile viewing.

Note: You must end each set of columns with a parameter position of last.

[tw-column width="one-half"] Insert you content here [/tw-column] [tw-column width="one-half" position="last"] Insert you content here [/tw-column]

Columns go in halfs, thirds, fourths, fifths and sixths.

Parameters:	Options:
Width	The width of the columns, such as one-half,one-third,one-fifth etc.
Position	Enter a position oflast, only for the final column in the set, see example above.

Button Shortcodes

These button shortcodes allows you to insert a button into your content and can be linked to the destination URL of your choice.

[tw-button size="large" background="#000000" color="gray" target="_blank" link="#"]Button[/tw-button] [tw-button size="small" background="#000000" color="" target="_self" link="#"]Submit[/tw-button]

Parameters:	Options:
size	Select the size of the button from small,medium,large.
background	Enter an optional background color for the button.
color	Select the color for the button, gray,blue,red etc. When left blank it uses the theme color.
target	The button link._blank opens in a new window, _self opens in the same window.
link	Enter the button link between.

Titled Divider Shortcode

This shortcode lets you place a divider anywhere. The divider will automatically match the width of it’s container. For instance, if you want a half-width divider, place it inside a one-half column shortcode.

[divider]The Title Here[/divider]

Lightbox Shortcode

A lightbox shortcode creates a link to a PrettyPhoto lightbox. The contents of the lightbox popup are indicated with the link="//www.example.com".

[lightbox link="//www.example.com/image.jpg"]Link text or image here.[/lightbox]

Inline content Follows this form: [lightbox link="#inline-content"]Link Text[/lightbox]

Tabs Shortcode

The featured tabs shortcode allows you to insert content into multiple featured tabs. The tabs can be viewed in by the user. You can include any number of tabs but you must ensure the number of titles and tabs match

[tabs tab1="Tab 1 Title" tab2="Tab 2 Title" tab3="Tab 3 Title"] [tab]Tab 1 Content[/tab] [tab]Tab 2 Content[/tab] [tab]Tab 3 Content[/tab] [/tabs]

Posts Shortcode

The posts shorcode allows you to display recent posts.

[tw-posts title="Title" number="4" category="reviews" content="yes" type=""][/tw-posts]

Social Icon Shortcodes

Add elegant icon links to your favorite social networks.

[social icon="twitter" url="//twitter.com/#" title="Follow Us" target="blank"][/social]

Accordion Shortcode

Add accordions your theme, a clickable region where only one section can be opened at a time. Add to any page, section or widget area. The accordion section MUST be wrapped in an accordion shortcode.

[accordion] [accordion_section title="Title"]Accordion Section Content Here.[/accordion_section] [accordion_section title="Title"]Accordion Section Content Here. [/accordion_section] [accordion_section title="Title"]Accordion Section Content Here.[/accordion_section] [/accordion]

Toggle Shortcode

Add toggles your theme, a clickable region where mulitple sections can be opened at a time. Add to any page, section or widget area.

[toggle title="title"]Toggle Content Here.[/toggle] [toggle title="title"]Toggle Content Here.[/toggle] [toggle title="title"]Toggle Content Here.[/toggle]

Pricing Table Shortcode

The pricing table shortcode allows you to add pricing tables with a variety of layouts and options. A list can be added inside the table. List items are a great way to showcase features. [pricing] shortcodes must be wrapped in a [pricing_table] shortcode.

[pricing_table] [pricing size="one-half" featured="no" plan="Silver" cost="$10" per="month" button_url="#" button_text="Purchase" button_target="self"] <ul> <li>Feature</li> <li>Feature</li> </ul> [/pricing] [pricing size="one-half" position="last" featured="yes" plan="Gold" cost="$10" per="month" button_url="#" button_text="Purchase" button_target="self"] <ul> <li>Feature</li> <li>Feature</li> </ul> [/pricing] [/pricing_table]

Customize your pricing table by adding the following parameters.

Sections Flexible Content Areas

Creating Sections

To create a section, navigate to Section > Add New. Enter the title of your section. This title is for imformational purposes and will NOT display on the site. The main title entered is just to keep track of your Sections on the WordPress Admin backend of the theme. Next you will need to select the type of section you'd like to create. You can learn more about the types of sections below.s

Once you've chosen the type of Section and customized it according to the descriptions below, click Publish to save and create your Section. See the passage Adding Sections to began placing your Sections on pages.

Types of Sections

There are six different types of Sections you can create, each with their own features and options. Below are explanations for each type of Section.

Full Width Slideshow

The full width slideshow section displays posts in a full-width slideshow format.

Grid Section

The grid section displays a grid of posts, with either a sidebar or full-width formats.

Post Section

The post section displays a posts in a two column format.

Full Feature Section

A full width section that features a post, category, or tag.

Ad Section

Create an Advertisement Section for any page or post.

Content Section

Create a Section with text content. You can add shortcodes, images and text.

Adding and Ordering Sections

Navigate to any page where you would like to add your newly created Sections. Scroll down the page or post part way to find Custom Layout. Note: On the Homepage template, there will be two tabs, Custom Layout and Default Layout. The Default layout comes with the theme and sets up your Homepage Sections to appear as they do in the Theme Demo.

To add and arrange your own Section select the Custom Layout. A list of created Sections will appear by display title. Add Sections to the page by by clicking +, when they appear in the right column box they have been succesfully added to the post or page. To rearrange them simply drop and drag. Remove the Sections from the page by clicking -.

Adding Images

You can add images and galleries within your post and pages. Start by setting a featured image this will be used as your post thumbnail.

Adding a Featured Image

To add a featured image, click Set Featured Image, upload your image and choose Set Featured Image and then save the changes to your post. It is recommended that the featured image uploads are at least 1500px in width and 600px in height.

Adding Images within Pages or Posts

Images can be added to any content area and can be customized in various ways.

1. To add an image navigate to any Page or Post. In the content area place the cursor where you would like the image to appear and click Insert Media.
2. Click the link Insert Media above your content editor
3. Upload new images under the Upload Files tab or insert exsisting images from the media library via the Media Library tab.

4. After selecting the image you can choose the display settings, you'll need to select your display settings.

   

5. Once the display settings are complete, insert the image into the content by clicking Insert into Post.

   

Image Display Settings

Under Attachment Display Settings in addition to the WordPress standard allignment of Left, Center, Right and None the theme also includes Parallax.

Adding a Parallax Image

A parallax image is the full width of the page and remains fixed on the page while the rest of the content scrolls above and below it. Note: A parallax image should be at least 1500px wide to avoid exessive pixelation. Parallax will only work on pages without sidebars.

To add a parallax image to your post, follow the Adding Images to Page or Post above. Then select Parallax for Alignment in the Image Display Settings.

Adding Image Galleries

Image galleries can be added to any content area and can be customized in various ways. To add an image gallery navigate to any page or post and in the content area place the cursor where you would like the gallery to appear. Click Add Media to begin.

Click Create Gallery and upload new images under the Upload Files tab or select images that exsist in your media library from the Media Library tab. Select Images for your Gallary by clicking on them. Once you have all the images checked, click Create New Gallary

Now you can edit the gallary by entering captions and dropping and dragging images to change their order. The Gallery Settings are also selected at this point (See the following passages for information on the gallery settings). Once the gallery settings have been selected click Insert Gallery and the gallery will be inserted into your content area.

Gallery Settings

Below are explanations for gallery settings.

Gallery Types

Below are explanations and design tips for the different types of image galleries.

Widgets

There are four custom Widgets along with the standard Widgets included with WordPress.

Adding Widgets

The widgets can be found under Appearance > Widgets. Widgets can be placed in the footer, and various sidebars on pages and sections. To activate a Widget in a sidebar or footer simply drag it to the desired area, or click the Widget, select a destination and click Add Widget.

Arrange the order of Widgets by clicking and dragging them it into place. You can customize the Widget features by clicking the down arrow in the upper right corner. Be sure to save any changes made to the Widget by clicking Save. To remove the Widget, click Delete.

Custom Widgets

Below are explanations for the Custom Widgets that are included with Edition.

• Custom News Widget

  A Widget that allows you to display the most recent blog posts from a specific category.

  Option	Description
  Title	You can an optional title for the Widget.
  Number of Posts	Enter the number of posts you'd like to display, it must be at least 1 and less than 10.
  Choose a Category	Select a specific category in which the posts are pulled

• Themewich Popular Posts Widget

  A Custom Themewich Widget that displays popular posts, recent posts, and an optional facebook feed.

  Option	Description
  Tabs Title	You can an optional title for the Widget.
  Number of Posts	Enter the number of posts you'd like to display, it must be at least 1.

• SocialFans Counter Widget

  A Widget that allows you to display social links with subscribe/like counts. Supports the following networks: Facebook, Twitter, Google+, Pinterest, Linkedin, FourSquare, Envato, Behance, Dribble, Vimeo, Soundcloud, Forrst, Github, Mailchimp, Delicious, Instgram, Youtube, Rss, VK-VKontakte, Vine, and Tumblr.

  To set up the Social network accounts navigate to SocialFans > Settings. Check the boxes of the social networks you'd like to display on the widget. Use the dropdown arrow to open the details for each network and fill out the account information. For help on finding the correct account information visit the help link on the right side, such as Need help for Facebook? click here, shown in the example below.

  

  Once you've selected the social networks and completed the required account information you can sort them in the desired order you'd like them to appear by dropping and dragging.

  Navigate to Appearance > Widgets and place the SocialFans widget in the desired area. Customize the look of your social network icons by adjusting the widget settings, described below.

  Option	Description
  Tabs Title	You can add optional title for the Widget.
  Number of Posts	Enter the number of posts you'd like to display, it must be at least 1.
  New Window	Check if you'd like it to open in a new window.
  Nofollow Links	You can an optional title for the Widget.
  Hide Title	You can show or hide the title for the Widget.
  Show Total	Show sum of social accounts fans, such as twitter followers.
  Columns	Select the number of columns for the icons to appear within.
  Effects	Adjust the effects of the widget.
  Icon/Text Color	Change the icon or text here.
  Background Color	Change the background color of the social icon grid.
  Hover Text Color	Adjust the hover text color.
  Hover Text Background Color	Adjust the hover text background color.

• Ninja Forms Widget

  A Widget that allows you to display custom forms such as a contact form. See passage about creating Custom Forms for more information.

  Option	Description
  Display Title	You can display the title for the Widget.
  Forms Dropdown	Select the form you'd like to display in the Widget.

Forms Setup

Create custom and manage forms for your widgets or pages.

Managing the Contact Form

Update the Contact Form with your own information, visit Forms > All Forms and select Contact Forms.

Under From Email Settings enter the following:

Under Administrator Email Settings enter the following:

Under User Email Settings enter the following:

Adjust theBasic Settings Behavior Settingsfor your form:

After completeing the above as needed, click Save Form Settings to make sure the changes to your Contact Form have been saved.

Creating Custom Forms

More advanced users can create a Custom Form for any page or widget.

Create a custom form by navigating to Forms > Add New. Under the Form Settings begin entering the the form email information. Such as From Email Settings, Administrator Email Settings, User Email Settings and Basic Form Behavior Settings. When you are finished with filling out desired fields of the form, click Save Form Settings

Under the Field Settings tab is where you add the fields, textboxes, dropdowns, and buttons to your form. Such as user information text fields, anti-spam fields, and submit buttons. The field elements can be dropped and dragged into the desired order and then previewed live under the tab Form Preview. Be sure to click Save Form Settings when the form is complete.

Note: There are many options and customizations available with Ninja Forms when creating a Custom Form. For more detailed explanations on the field elements and their features please visit Ninja Forms Documentation.