Introduction

Thank you for purchasing our product! We are very glad that you have decided on our Lovers WordPress Theme.

This documentation will help you to set up and use the Lovers WordPress Theme. The theme is very easy to use and we are here to guide and help you, so please read and follow the documentation, if there are some other issues you want to discuss then do not hesitate to contact us on support@teslathemes.com. This documentation is more of a reference work if you do not know what to do, or if you are not familiar to WordPress.

Please read the following very carefully as it will help you set the theme up, we have gone through the setup process multiple times and provided the best possible instructions.

We strongly recommend you to use a fresh install of WordPress and integrate your content into the pages according to the documentation. Of course, you can try to implement the theme into your current WordPress, but we will not provide in-depth support for it. The theme has specific settings that may conflict with your current setup of categories, plugins, javascript use, and more.

We wish you good luck in your work with Lovers WordPress Theme, and of course we would love to see your website and what you come up with by using this theme.

The theme is very easy to use and we are here to guide and help you, so please read and follow the instructions and if you have further questions write us a email support@teslathemes.com. This documentation is more of a reference work if you do not know what to do and need a better understanding on how the template is built write us an email.

Note: You can click on small images to zoom in and then move the mouse to the position you need.

Note: If you can't get passed the file upload limit and/or if you get an error message mentioning exhausted memory size or something in those lines, you could try to increase that limit by adding to the "wp-config.php" the following line of code:

define('WP_MEMORY_LIMIT', '64M');

Option B

Uploading directly to the Server:

Download the theme archive, Lovers.zip

Unzip the theme archive

Find the installation folder, lovers

Connect to your server via FTP or any other way that will allow you to explore and upload files directly.

Navigate to your WP Installation Folder/wp-content/themes/

Upload the lovers folder here.

If everything went well in Option A or B, the theme should appear under Appearance → Themes like shown below:

Then, when prompted activate the theme. Or go to Appearance->Themes and press the Activate button next to the theme.

Now you are ready to customize your theme.

Blog & Front Pages

Create a page that will serve as homepage - In wordpress admin panel under Pages → Add New, name it for example "Front Page Default".

Create a page that will serve as the archive page of blog posts - In wordpress admin panel under Pages → Add New, name it for example "Blog". Also, select "Default Template" as the template used by the page.

Choose your posts page from the drop-down menu. It should be the "Blog" page we have just created.

Your page should look something like:

Tesla Framework

All our themes are powered by Tesla Framework ( Tesla Framework Tour ), a powerful administration tool that comprises all our great features and allows you to easily customize the look and functionality of your theme, without advanced knowledge of programming. It gives you the possibility to customize and manage your theme settings from a dedicated area within your Wordpress Admin. Tesla Framework works smoothly, is intuitive and easy to use, once you install one of our themes you will be able to personalize its logo, site background and color, SEO options, social media networks and more; all from one place.

Our Framework is in continuous development and improvement process, we are working hard to provide you an easy administration tool, and we're guided by the latest UX trends and new technologies.

To personalize your theme you need to follow the instructions below.

Note: Options will vary from theme to theme depending on their features.

General Settings

Use these settings to customize the logo,favicon and insert custom css.

Site Colors

Use these settings to change available theme colors and background image.

SEO & Socials

Choose what social share platforms to be used on single post pages and in footer/header. Also you can insert a tracking code that will be appended in the body of your website.

Additional Options

This section of the framework differs the most from theme to theme. Most of the settings have descriptions or are pretty self explanatory, so please try to play with them before asking for support :) .

Setup your 404 page -
In this settings box you can enter the desired content that will appear at the 404 error page content.

About Page Settings -
In the "About Page Settings" you can enter the desired code that appears at the 'Our Artists' page in the left column block. You can use this fields to specify Title, short description, 'read more' link used as link to page with complete information.

Page Settings -
In the "Page Settings" box you can specify the copyright information that appears in the menu column at the bottom of pages.

Here is an example on the Lovers's Our Artist page with the colors corresponding to the image above.

Contact Info

These options tweak your Contact page ( the one using either contact template or contact shortcode.

Export/Import Options

Clear Options: Restores all the inputs to default values. You will lose all customization made in the theme options tabs.

Import Demo Options: Imports the options predefined by our developers as seen on demo page.

Note: Importing demo options will not make your website look entirely as on our demo. You still need to import demo content and use specific plugins and widgets if theme requires so.

Export Options: Saves the current options to a file. This file can be later used to import options as described below. Useful when migrating to a new server.

Import Options: Loads options from an earlier exported file.

Warning ! Importing or clearing options will erase your theme current settings from Tesla Theme page . Make sure you make a backup first by "Exporting Options".

Import Demo Content

To import the content that is used on our demo page, go to WP Admin -> Tesla Theme -> Import Demo.

Warning ! Importing Demo Content will add posts and media files to your wordpress. It is not recommended to do it if you already have your own content. It would be better if you back up your data before importing the demo content.

Some error may happen due to permissions or repeating media. If the final message is green and successful just ignore them. If it fails or takes longer than 15 min to load please contact our support team and send the WP + FTP credentials.

Theme Updates

Warning ! You will lose all the customizations made in the parent theme if you make this update. Make sure that you work with Child Theme to keep the customizations during updates.

Wordpress will check for updates each hour and our themes will be displayed on the WP's updates page automatically.

To check for updates manually go to WP Admin -> Tesla Theme and at the top click on the Check Updates button. If there are updates, the newest version will be displayed and the "Go to updates page" button will appear, clicking on it will lead you to the Wordpress' updates page.

Note: Click on View Changelog before updating to see what has been added or changed.

Select the checkbox next to the Tesla Theme and then click on Update Themes

If you get any errors during this process please be sure that WP has permission to write in /wp-content folder.

Custom Posts & Shortcodes

Most of the custom posts are linked with a shortcode that you can use on any page. Some will need a specific page template to be called on. Others have their own placement and will be used as content for static locations.

The best way to understand and start working with our custom posts and shortcodes is to Import Demo Content and modify it.

Next we will explain each custom post in part. It's parameters and limitations of use. But don't be afraid to experiment.

Note: In the following screens, the colors from WP Admin match the generated content on the frontend.

Home Slider

1. Full screen - wide slider:

This custom post "Home Slider" will create a slider as shown below:

To create it , go to WP Admin -> Home Slider -> Add New -> Click on add image -> select or upload an image.

Albums

This custom post in combination with [tesla_albums_slider] shortcodes generates a 'Albums' slider page. Below is the example using [tesla_albums_slider]:

Example of Album single page

To create it , go to WP Admin -> Albums -> Add New -> Add a title -> Add content -> Add a featured image -> Add Cover -> Add a new track.

Then go to a page and insert the following shortcode :

[tesla_albums_slider]

Gallery

This custom post in combination with [tesla_gallery_slider] shortcodes generates a 'Gallery' slider page. Below is the example using [tesla_gallery_slider]: