1.2. Plugins

After you have installed the theme, you will see a notification that asks you to install and activate a couple of plugins that are required for the theme. If you don't already have these plugins installed, press "Begin installing plugins".

1.2.1 Post Order setup

Once you have installed and activated all the plugins you will get a message asking you to setup the post order plugin.

Click on "Settings Page" and save the following settings:

Congratulations, you have just installed the Porta theme!

2.1. Demo content (Optional)

You can start with a fresh install, but if you need some content to test the theme, we have provided a demo file that creates a couple of posts and pages to get you started with the theme.

To install the demo content go to Tools > Import and choose “Wordpress”,
(if you don't have the importer installed, it will automatically install the Importer plugin.)

Next,  upload the file “demo.xml” that you can find in the demo folder and wordpress will insert the demo posts and page in your wordpress site.

2.2. Posts

The sections of the theme are build up as posts, if you want to add a new section, simply create a new post.

The default post format is "standard", this is used for the content sections

The "aside" post format is used for posts with a background image. The "aside" post format uses the image in the "Featured Image" as the background, so make you sure have attached a featured image.

2.2.1 Menu

You can add a post to the menu by enabling the checkbox "add to menu"

2.3. Posts Order

Once you have added all your posts, you will notice that wordpress orders the posts based on their date of creation.

To change this go to "Posts > Re-order"

In this page you can change the order of the posts by dragging and dropping them in the right place.

Once you have changed the order of the posts, dont forget to press update, to save your changes!

2.4. Number of posts

Because this theme is an one page website, we dont want wordpress to add any pagination.

To change the number of posts displayed go to "Settings > Reading" and change the setting "Blog pages show at most"

The number should be higher then the amount of posts(sections) that you have on your site.

2.5. Permalink structure

Click Settings > Permalinks. Under ‘Common Settings' and select ‘Post Name'

3.1. Home Slideshow

To add a new slide to the Home slideshow go to "Home Slideshow > Add New"

In this slide you can add pretty much any content to the slideshow. Once you have added a slide it will be automatically added to the slider on the homepage.

The slideshow uses the "Featured Image" as a background image.

3.2. Testimonials

To add a new testimonial go to "Testimonials > Add New"

The content will be displayed as a quote, and you can also add the author of the quote in the "Author" box.

To display the testimonials in your post you need to add the the following shortcode in your post:

[Testimonials]

3.3. Latest News

To add a new news item go to "News > Add New"

These posts work like normal blog posts. have a read more button that lead to the full news article.

To display the latest news items in your post you need to add the the following shortcode in your post:

[latest_news count="3"]

By changing the number in the attribute "count" you can change the amount of news items that are being displayed.

3.4. Services

To add a new service/feature go to "Services > Add New"

For each service you can enter the title, a descriptiond and a icon.

The icons make use of the Font Awesome library, in this field you need to enter the name of the icon.

You can check out all the icons that you can use on this page: http://fontawesome.io/icons/

To display the services in your post you need to add the the following shortcode in your post:

[services]

3.5. Portfolio

To add a portfolio item go to "Portfolio > Add New"

For each portfolio item you can enter the title, a descriptiond and the featured image (that is used as the thumbnail).

To display the services in your post you need to add the the following shortcode in your post:

[portfolio]

[portfolio_description]

[/portfolio_description]

[portfolio_content]

[/portfolio_content]

3.4.1. Blog Setup

If your site is a blog you need to create a new menu by going to "Appearance > Menu" and clicking on "Create Menu"

Once you have created the menu set the "Theme Location" on "Primary Menu"

This menu will now be used for your navigation!

5.2.1 F.A.Q Toggle

Add to following code to add a F.A.Q toggle to your posts:

[faq question=" FAQ QUESTION "] FAQ ANSWER [/faq]

5.2.2 Icon & Icon Links

Add to following code to add an icon your posts

[fa-icon icon="download" size="100" color="#000"]

Add to following code to add an icon link to your posts

[icon_link icon="apple" url=" WEBSITE-URL " size="50"]

The icons make use of the Font Awesome library, in the "icon" field you need to enter the name of the icon.

You can check out all the icons that you can use on this page: http://fontawesome.io/icons/

5.2.3 Colored Section

Add to following code to add a colored section to your posts:

[colored_section bg="#ff7f66" text_color="#fff"] YOUR CONTENT [/colored_section]

5.2.4 Latest Tweets

Add to following code to add the latest tweets to your post:

[latest_tweets type="name" name="mojomarketplace" count="3"]

You can change the type to "query" or "name".

With the type "query", the shortcode will display the latest tweets that match the string in the "name" field.

With the type "name", the shortcode will display the latest tweets from the account that is filled in the "name" field.

5.2.5 Stats List

Add to following code to add a stats list to your posts:

[stats]

[stat name="Coffee Served" icon="coffee" count="2345"]

[stat name="Games Played" icon="gamepad" count="1257"]

[/stats]

The icons make use of the Font Awesome library, in the "icon" field you need to enter the name of the icon.

You can check out all the icons that you can use on this page: http://fontawesome.io/icons/

5.2.6 Team List

Add to following code to add a team list to your posts:

[team]

[team_member]

<img src=" IMAGE-URL " />

<span class="name">Luc Versleijen</span><

<span class="function">CEO</span>

[icon_link icon="envelope" url="http://www.lucversleijen.nl/lvthemes"]

[icon_link icon="twitter" url="http://www.lucversleijen.nl/lvthemes"]

[icon_link icon="facebook" url="http://www.lucversleijen.nl/lvthemes"]

[/team_member]

[team_member]

 Team member 2 content....

[/team_member]

[/team]

5.2.7 Price Table

Add to following code to add a price table to your posts:

[price_table]

[price_table_item title="Free" price="Free" highlight="no"]

[price_table_feature title="Free Setup"]

[price_table_feature title="20GB Storage"]

[price_table_feature title="5 Projects"]

[price_table_feature title="10 Donuts"]

[btn url="#"]Download[/btn]

[/price_table_item]

[price_table_item title="Free" price="Free" highlight="no"]

 Price table 2 content....

[/price_table_item]

[/price_table]

5.2.8 Button

Add to following code to add a button your posts:

[btn url="#"] BUTTON-NAME [/btn]

5.2.9 Divider

Add to following code to add a divider your posts:

[divider]