Thank you for purchasing our product! We are very glad that you have decided on our Blogojoy WordPress Theme.
This documentation will help you to set up and use the Blogojoy 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 email@example.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 wish you good luck in your work with Blogojoy 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 firstname.lastname@example.org. 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.
Browser and Devices support
To start working with Blogojoy 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.php on your local machine or on you server (you'll still need to tell WordPress your database information).
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 Blogojoy WordPress Theme.
To install the Blogojoy WordPress Theme you will need WordPress v3.6 or newer.
Follow the steps and upload the Theme's installation zip file through the WordPress admin backend:
- Download the theme archive, Blogojoy.zip
- Unzip the theme archive
- Find the installation file, Blogojoy.installation.zip
- Go to your WP admin – Appearance – Themes – Add New – Upload Theme – Choose file
- Upload the Blogojoy.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:
Uploading directly to the Server:
- Download the theme archive, Blogojoy.zip
- Unzip the theme archive
- Find the installation folder, Blogojoy
- 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 Blogojoy 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". Also, select "Home" as the template used by the page.
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. Also, select "Default Template" as the template used by the page.
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.
Use these settings to customize the logo,favicon and insert custom css.
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.
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 :) .
Here is an example on the Blogojoy's 404 error page with the colors corresponding to the image above.
Here is an example of Related Posts from the Blog Page with the colors corresponding to the image above.
Here is an example of Copyright Message from the Footer.
On this tab you can pick a color,font and size for text from different sections of the theme.
If you use the subscribe for on your project, all incoming data will be showed in thie section.
On this tab you can view / export / clear the list of subscribers. This will work only if you use our subscription widget / shortcode / template.
These options tweak your Contact page ( the one using either contact template or contact shortcode.
The options left blank will not appear.
To clear, export, import options for the settings explained above, go to WP Admin -> Tesla Theme -> 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.
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.
Import Demo Content
To import the content that is used on our demo page, go to WP Admin -> Tesla Theme -> Import Demo.
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.
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.
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.
Contact Form Builder
Tesla Contact Form Builder is meant to give the user as much customizability over the view of the contact forms in the theme as the layout permits.
To create the form go to Forms menu and start building in the first form by default created for you.
Insert an id, email receiver and choose the location where the form should appear (or leave it blank to use the form in a shortcode or widget).
The form will appear automatically in a predefined Location that was choosed in the builder.
Custom Posts & Shortcodes
To ease the process of creating a website our TeslaFramework combines Theme Options, Custom Posts, 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 in part. It's parameters and limitations of use. But don't be afraid to experiment.
Blogojoy Revolution Slider
How to create new Slider?
- Select the New Installed Revolution Slider
- Press Create New Slider
Your First Slider
- Set the Slider Title and the Slider Alias (please don't use special chars and spaces here !)
- Select your Layout and Settings and press Create Slider. (below you will see a Description for each settings in and Possibilities)
Editing Main Settings
- Once you Created a Slider, you can open the Slider Settings (Settings) any time to manage any general settings per Slider
A Internal used Name for the Slider. Only for Backend Usage
An individual name of the slider. Dont use Speical chars and spaces here. This will be used for ShortCode embeding and for any other art for embeding and corresponding / link internal to the slider.
This is the Shortcode to embed into your Wordpress Pages, widgets etc.
Pull content for the slides from Wordpress Posts by Categories and/or Tags
Pull content for the slides from specific choosen Wordpress Posts
Gallery (this was the only type in previous versions)
This is the default type, no content from other sources will be pulled. This type will be used most of the times.
Set the Delay Globaly for each slide. You can modificate the Delay Time per Slide under the Edit Slide function.
Random Order of Slides on/off
Use Dummy images during Document Load. Main images per slider are loaded on Demand when the slide is shown first time.
Use Multi Language (WPML)
If WPML is installed, this enables the multilanguage option for the Slider. After this is set to true, you can choose in which languages each slide can be seen, and each slide can have multiple versions for each language with own captions and so on.
Use this setting to stop the Slider after a predefined Loop and at a predefined Slide. Loops 0 means in the first loop to stop and Stop At Slide 1 would stop directly at First slide. i.e. Stop After Loops 2 and Stop At Slide 3 would stop the slider after 2 Loops ath the 3thd slide
The Position of the Slider within the Contaienr which is wrapping the slider.
Choose between different Shadow Effects under the slider. Shadow Height is excluded of the Slide Height ! You may need to set extra margin bottom via the Position Settings !
Here is a Detailed Guide For REVOLUTION SLIDER
[latest_posts title="" description=""] shortcode generates Latest Posts section as show below:
shortcode uses the following attributes:
title="Latest Posts": add the title for Latest Posts section
description="Variety of works": add the description for Latest Posts section
This easy to use WP feature will help you create fancy layouts with 2 clicks. When adding a page you can choose from different templates:
Page and Post Settings
You can set the following settings for page or blog post as shown above:
- To display the Revolution Slider on single post page set the revolution slider alias 'page_slider'.
- You can choose the position for Sidebar to display it on the right or on the left side, or to display the post without sidebar in full width
- You can set the size (in columns) for featured image which is displayed on blog posts page or on home page
- Or you can display the featured video for the post just insert the embed code in 'Featured Video Embed' textarea
Blogojoy has 5 custom widgets:
- [TeslaThemes] UPLOAD IMAGE
- [TeslaThemes] RECENT POSTS
- [TeslaThemes] FLICKR
- [TeslaThemes] POPULAR POSTS
- [TeslaThemes] SUBSCRIBE
Widget UPLOAD IMAGE
Widget RECENT POSTS
Widget POPULAR POSTS
To place them , go to WP Admin -> Appearance -> Widgets and drag the widgets in the footer sidebar area filling the options provided.