Welcome

Thanks for buying the Revista Blog Wordpress theme!
In this documentation you can find instructions for how to install and setup the theme. If you have any questions that are not answered in this documentation, feel free to mail your question to support@lucversleijen.nl.

1. Installation

If you don't have wordpress installed on your server, please  visit http://codex.wordpress.org/Installing_WordPress and follow these instructions.

1.1. Upload the theme.

There are two options to install the theme in your wordpress installation.

1.1.1. FTP Upload

You can add a new theme by uploading it directly to your server, follow these basic steps:

  • Find the Revista_v1_0.zip file and unzip it in a directory.
  • Using an FTP client to access your host web server, upload the "Revista" folder in the wp-content/themes directory.

1.1.2. Manual upload

You can upload your theme directly in the Wordpress CMS, follow these basic steps:

  • Log in to the WordPress Administration Panels.
  • Select the Appearance panel, then Themes.
  • Select Add New.
  • Click on the upload link in the top links row to upload a zipped copy of a Theme that you have previously downloaded to your machine.
When you have uploaded the theme, go to "Appearance > Themes" and activate the "Revista" theme.

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".

Congratulations, you have just installed the Revista theme!

2. Setup

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.1. Permalink structure

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

2.2. Number of posts

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

2.3. Menu

To set the menu's up go to "Appearance > Menu's" and click "create a new menu"

Once the menu has been created, set the "Theme location" on "primary location" and click on "Save menu"

Your menu is now saved, and you can add or remove new items to it!

2.4. Post Formats

You can change the way posts are displayed on the archive pages, and the front page by assigning a post format..

  • If you choose a video format, the video will be placed on top of the post/page.
  • If you choose a gallery, or image format the post will show the full image, instead of the content text.
  • If you choose the quote, or link format, the post will be displayed as a quote.

2.5. Slideshow

You can add posts to the slideshow by making them "sticky".

You can set the background image of the slide by adding an image to the "Featured Image 2" section.

3. Theme Customization

The theme uses the wordpress customize interface to help change the basic look of your theme. To access the customize screen go to "Appearance > Customize".

Wordpress will now show your site with a sidebar on the left with all the customization options. As soon as you change an option here you will get a live preview of your site on the right side.

If you want to keep these changes be sure to click "Save & Publish" before you close the customizer.

3.1. Logo

In this tab you can upload your own logo.

The retina logo is used to make your logo look sharp and clean on tablets and devices that have retina displays

In the retina logo option you should upload a logo that is exactly twice as big as your original logo.

3.2. Header

In this tab you can the header style.

You can also set a background image or colour for the header.
(this setting is also used for the footer BG color/image)

There is also an input field in which you can insert html code or text. This content will be displayed on the other side of the logo (depening on the chosen header style).

For example, you can use this for a leaderboard advertisement.

3.3. Theme Colors

In this tab you can change the colors of the theme

The theme uses a blue/orange color scheme by default. You can change the colors by using the color picker.

If you ever want to go back to the original color scheme, simply click default

(This option doesn't have a live preview, in order to see the changes you need to click "Save & Publish" and refresh the site manually.)

3.3. Typography (Google Fonts)

If you have installed the "Easy Google Fonts" plugin, you can use these settings to change the font that is used for the headers, and paragraphs in the theme.

3.4. Home Layout

In this tab you can enable or disable the sidebar for the homepage, and adjust the settings for the slideshow.

For the slideshow, you can select a range of transition effect, adjust the speed of the effect, and how long each slide should be visible.

3.5. Footer Content

In this tab you can add content to the footer bar.

You can place pretty much any content here. In this example we have added social links, with font awesome icons to the footer bar.

3.6. Site Title & Tagline

In this tab you can change your site title and tagline.

4. Shortcodes & Styles

Revista comes with a few usefull shortcodes and editor styles that allow you to enhance your content.

4.1. Styles

You can use the styles by making a selection of the text and clicking on one of the buttons or the styles.

4.2. Shortcodes

You can use the shortcodes by adding the tags to your posts.

4.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]

4.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/

4.2.3. Button

Add to following code to add a button your posts:

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

4.2.4. Divider

Add to following code to add a divider your posts:

[divider]

4.2.5. Gallery

If you insert a gallery, make sure to change the Link to setting to Media File.

5. Credits

The following plugins/frameworks have been used in this theme:

  1. Underscores starter theme - http://underscores.me/
  2. Regenerate Thumbnails - http://wordpress.org/plugins/regenerate-thumbnails/
  3. Contact Form 7 - http://wordpress.org/plugins/contact-form-7/
  4. Column shortcodes - http://wordpress.org/plugins/column-shortcodes/
  5. jquery.lightbox.js - http://github.com/duncanmcdougall/Responsive-Lightbox
  6. Stock images from http://unsplash.com/ and http://www.gratisography.com/
© LV Themes