Superstar WP Theme

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

This documentation will help you to set up and use the Superstar 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 Superstar 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.

Since Superstar is built on Bootstrap 3 framework, it supports the same browsers as Bootstrap.

This template is responsive and should look fine on all standard mobile devices.

To start working with Superstar you need to have WordPress installed on your server (local,dev or production)

Step 1: Download and Extract

Download and unzip the WordPress package from Download Wordpress.

Step 2: Upload

Copy the extracted contents of wordpress zip to the corresponding path of the server. Make sure WP has permissions to write the folder it is located in.

Now when accessing the corresponding URL you should see the following message:

Step 3: Edit the Configuration File

Auto Mode: After clicking on "Create a configuration file" then "Let's Go" you will get the configuration page:

If the information is correct and everything works fine you will receive:

If it's successful then skip the "Manual Mode" if not, follow the instructions bellow.

Manual Mode: You can either rename the file wp-config-sample.php to wp-config.php on your local machine or on you server (you'll still need to tell WordPress your database information).

Open wp-config.php with a txt editor and enter your database information under the section labeled:

// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define('DB_NAME', 'wordpress');

/** MySQL database username */
define('DB_USER', 'root');

/** MySQL database password */
define('DB_PASSWORD', 'root');

/** MySQL hostname */
define('DB_HOST', 'localhost');

/** Database Charset to use in creating database tables. */
define('DB_CHARSET', 'utf8');

/** The Database Collate type. Don't change this if in doubt. */
define('DB_COLLATE', '');

After the information is edited upload the file to the server.

Step 4: Site name and login data

If it's all sparky then you click Run the Install and fill all the lines shown bellow:

This being the last step you will see a success message.

Click Log in and now you can proceed to you site. Now you can go to installing your Superstar WordPress Theme.

To install the Superstar WordPress Theme you will need WordPress v3.6 or newer.

Option A

Follow the steps and upload the Theme's installation zip file through the WordPress admin backend:

1. Download the theme archive, superstar.zip
2. Unzip the theme archive
3. Find the installation file, superstar.installation.zip
4. Go to your WP admin – Appearance – Themes – Add New – Upload Theme – Choose file
5. Upload the superstar.installation.zip file.

Then, when prompted activate the theme.

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:

1. Download the theme archive, superstar.zip
2. Unzip the theme archive
3. Find the installation folder, superstar
4. Connect to your server via FTP or any other way that will allow you to explore and upload files directly.
5. Navigate to your WP Installation Folder/wp-content/themes/
6. Upload the superstar folder here.

If everything went well in Option A or B, the theme should appear under Appearance → Themes like shown below with the Zeon theme example. You should see the Superstar screenshot like bellow (example with Zeon):

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.

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

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". Make sure that the permalink slug is "blog" only.

Set the front page to display as a static page: - Go to Settings → Reading → A static page (select below) → Front page: → Choose your page from the drop-down menu.

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:

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.

General Settings

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

Site Colors

Typography

SEO & Socials

Contact Info

Additional Options

Subscribers

Export/Import Options

Import Demo Content

Theme Updates

Contact Form Builder

To ease the process of creating a website our TeslaFramework combines Theme Options, Custom Posts, Visual Composer Shortcodes and Templates.

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. Its parameters and limitations of use. Don't be afraid to experiment.

"Albums" Dashboard editor

"Albums" Single Page view

"Gallery" Dashboard editor

"Gallery" Shortcode view

"Events" Dashboard editor

"Events" Shortcode view

Default Visual Composer Shortcodes

Visual Composer for WordPress is drag and drop frontend and backend page builder plugin that will save you tons of time working on the site content. You will be able to take full control over your WordPress site, build any layout you can imagine – no programming knowledge required. Moreover, now you can choose either work on a backend or move your page building process to frontend and instantly see changes you make.

Have you ever noticed how much time you spend fighting with [shortcodes]? No more trial and errors with “shortcodes magic” – Visual Composer will take care of that.

With the Visual Composer your are able to work with responsive design – check out how you website will look on mobile devices during page building process with one click only.

Add columns, rows and choose from 40+ predefined elements divided in logic groups with single click, by using intuitive and handy UI. Then simply use your mouse to drag elements around to re-arrange them. Or use your creativity and skills to extend Visual Composer with unique elements by using our developer API.

Visual Composer is #1 Best Selling drag and drop frontend and backend page builder with 70k+ websites already powered. Join now and create beautiful websites in shortest possible time and with minimum efforts and of course – no coding and [shortcodes].

For more information about Visual composer you can find here:http://kb.wpbakery.com/index.php?title=Visual_Composer

Shortcodes Available in Visual composer

TeslaTheme Shortcodes

Image Slider

Accordion

Subscription

From Blog(style 1)

From Blog(style 2)

Gallery

Contact info

Albums

Single Event (style 1)

Single Event (style 2)

Events (style 1)

Events (style 2)

Featured Product

Woo Products (style 1)

Woo Products (style 2)

Superstar has the following custom widgets:

• [Superstar] Latest Posts
• [Superstar] Instagram
• [Superstar] Twitter

To place them , go to WP Admin -> Appearance -> Widgets and drag the widgets in the footer sidebar area filling the options provided.

[Superstar] Latest news

[Superstar] Instagram

[Superstar] Twitter