Introducing Electra WordPress Theme

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.

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

This documentation will teach you how to set up and use the Electra 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 hi@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 Electra 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 hi@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 a email.

Installing WordPress

To the Top

Step 1: Download and Extract

Download and unzip the WordPress package from Download Wordpress.

  • If you will be uploading WordPress to a remote web server, download the WordPress package to your computer with a web browser and unzip the package.
  • If you will be using FTP, upload the wordpress folder to your site.
  • After a successful upload, then you access your site URL and get this message:
Creating a new configuration file

Step 2: Edit the Configuration File

Auto Mode: After accessing the site you will get the configuration page:

Establishing a connection

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

Successful

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:

/** The name of the database for WordPress */
define('DB_NAME', 'database_name_here');

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

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

/** 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 3: Site name and login data

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

Login Information

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

Success

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

Installing Theme

To the Top

To install the Electra WordPress Theme you will need WordPress v3.4 or newer.

Option A

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

upload

Then, when prompted activate the theme:

active

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

You have to upload via FTP to the Server, in Wordpress Folder → wp-content → themes folder the Electra WordPress Theme Folder.

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

cover

Now you are ready to customize your theme

General Options

To the Top

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 "Default Front Page" 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:

home page

We recommend you set the number of items to show to be a number divisible by 3, for example: 6, 9, 12, etc

Tesla Framework

To the Top

All our themes are powered by Tesla Framework, 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.




Some times you need to change background color or image and you think wich way should you go. Below you discover framework's feature to customize background.




Some SEO features is included in first release. Stay in touch to discover new features!




Additional messages: to customize and display aditional textual content for: logo area, footer copyright notice, 404 error page




Provide contact information to stay in touch with your site visitors. This info will be display on contact template


Here you can view your subscribed users as well as configuring the "Subscribe" widget title and placeholder

Custom posts

To the Top

Electra theme is great for medical business and has an easy to build adapt and contact page.

In admin menu you will discover five custom post that help you to customize your theme for your needs with ease.



Import dummy XML content to preview all features of Electra theme . For this , acces the "Import demo" sub-page from Electra admin menu and press the Import Demo content button .

Bellow are listed all the custom posts.

  • FAQ :

    Help you customer to find answers for their question. This post is best cHoose to achive best results on support. The post works only with "FAQ" template

  • Portfolio :

    Our theme has build powerfull portfolio system. The portfolio have couple of views: full, 2, 3, 4 columns, with sidebar.

  • Gallery :

    The gallery custom most help you to show your work at right way. Plugin "Swipebox" enlarge the photo in best quality and don't crop the photo.

  • Slider

    Tesla slider generate slider shortcode and you can use it whatever you like. Also is buid in the powerfull plugin "Revolution Slider" where you can choose from tones of the animations for you slider.

  • Services

    Describe the services that you provide and get more clients for your business.

  • Team

    The visitors of your site want to see your theme? thsi custom post is the best way to introduce your wrokers team.

Shortcodes

To the Top

Cool Stuff template grid is based on the Bootsrap framework. To start working in the GRID you must put all your content in columns : [span size="your_size"][/span] shortcode.

Import the XML provided with theme package and go to "Features" page to see an example of how to use the grid.

Services

[electra_services]
                    

Configure the shorcode from Dashboard > Services.

Optional attributes:

  • title - title displayed above the shortcode
  • nr - nr of services to be shown (default is 4)


Testimonials

[electra_testimonials]
                    

Configure the shorcode from Dashboard > Services.

Optional attributes:

  • title - title displayed above the shortcode


Skills

[electra_skills]
                    

Configure the shorcode from Dashboard > Skills.

Optional attributes:

  • title - title displayed above the shortcode


Clients Slider

[electra_clients_slider]
                    

Configure the shorcode from Dashboard > Clients Slider.

Optional attributes:

  • title - title displayed above the shortcode


Toggle List

[electra_toggle_list]
                    

Configure the shorcode from Dashboard > Toggle List.

Optional attributes:

  • title - title displayed above the shortcode


Team

[electra_team]
                    

Configure the shorcode from Dashboard > Team.

Optional attributes:

  • title - title displayed above the shortcode
  • wide - true or false (default: true) - specify if the shortcode is displayed in wide or streched mode (wide mode can be used only on pages without sidebar)
  • background - set the color used for the background


Tabs

[electra_tabs]
                    

Optional attributes:

  • title - title displayed above the shortcode
  • categories - list of category slugs separated by a space
  • nr - max nr of posts to show in eah category


Recent Posts

[electra_recent_posts]
                    

Optional attributes:

  • title - title displayed above the shortcode
  • nr - max nr of posts to show
  • wide - true or false (default: true) - specify if the shortcode is displayed in wide or streched mode (wide mode can be used only on pages without sidebar)


Recent Works

[electra_recent_works]
                    

Optional attributes:

  • title - title displayed above the shortcode
  • nr - max nr of posts to show
  • wide - true or false (default: true) - specify if the shortcode is displayed in wide or streched mode (wide mode can be used only on pages without sidebar)


Columns

[tesla_column_first size="1-12"]content of first column[/tesla_column_first]

[tesla_column size="1-12"]content of inner column[/tesla_column]
[tesla_column size="1-12"]content of inner column[/tesla_column]
...
[tesla_column size="1-12"]content of inner column[/tesla_column]

[tesla_column_last size="1-12"]content of last column[/tesla_column_last]
                    

Use tesla_column_first for the first column.

Use tesla_column_last for the last column.

Use tesla_column for any in-between columns.

Specify the size attribute for each column.

The sum of sizes of all columns started with the first and ended with the last column must not exceed 12.

Credits and Sources

To the Top

I've used the following images, icons, fonts or other files as listed.

Thank you so much for choosing Electra WordPress Theme. We hope you will enjoy using it!