Introducing Winterfell WordPress Theme

Licensing Terms: Please be advised, in order to use the theme in a legal manner, you need to purchase a separate license for each domain you are going to use the theme on.

A single license is limited to a single domain/application.

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

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

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 Winterfell WordPress Theme.

Installing Theme

To the Top

To install the Winterfell 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 Winterfell 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 "Home"

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 dropdown menu. If you named it Home, do the following:

home page

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


This is where you can configure your custom page options. If you have a page on your website that uses the "About" template, here is where you configure it its heading titles. In the "Portfolio Options" box you can choose how many columns to be shown on Portfolio/Works page as well as how many posts to be displayed.

Custom posts

To the Top

Winterfell is great for personal portfolio and is easy to build and customize.

In the WordPress dashboard you will find seven (7) custom posts that will help you manage your content more easily.



Note

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

Bellow are listed all the custom posts.

  • Portfolio :

    The Portfolio custom posts appear in 2 places throughout the theme.
    1. On the "Home Page" are shown the last 4 portfolio posts you add. Example (Home Page)
    2. On the Portfolio/Works page. Example (Portfolio Page)

    In order to create the page where all Portfolio items are listed, go to Pages -> Add New enter the page Title and select Portfolio as page template from the Template drop down menu on the right side of your editor.

    NOTE: In order to change the layout columns and the number of items shown per page, Please go to TeslaTheme menu Theme Page Options tab and change the columns and posts per page inside the Portfolio Options box.
    In order to keep a nice visual aspect of the displayed posts, please always tend to chose the number of columns and posts properly so the number of posts displayed divided by number of columns is always without remainder.
    Example:
    4 columns : 4, 8, 12, ... number of posts
    3 columns : 3, 6, 9, ... number of posts
    2 columns : 2, 4, 6, ... number of posts

  • Testimonials :

    In order to show the "Testimonials" post types, first create one or more "Testimonials" posts then add the following [tesla_testimonial] shortcode in any of your page editors.
    See bellow for the complete list of accepted parameter this shortcode accepts.

  • Skills :

    The Skills post type allows you to add your professional or personal skills.

  • FAQ :

    The FAQ post type allows you to configure your own custom FAQ section for your Website.

  • Team :

    The Team post types allows you to add a team section to your Website. In order to display it, first add one or more posts then wherever you would like to display it, enter the following [tesla_team_members] shortcode in your editor.

  • Events :

    This custom post type is great for posting upcoming events. In order to add an events page to your website or blog, first create a Page in the Wordpress dashboard, and choose the Events template from the Template drop down menu.

    NOTE: The Events custom post types also serve as events displayed in the calendar as in this example (here). In order to chose an event date that happens in the future, edit the post publish date when creating it.
  • Services :

    An example of Services page you can see here. In order to add a Services page first create a Page in the Wordpress dashboard, and choose the Services template from the Template drop down menu.

Shortcodes

To the Top
Latest Portfolio
[tesla_portfolio_latest]
Parameters:

title : Changes the title shown above the portfolio items. Default Here you can view some of our projects
btn1_link : Set first button link. If not set, the button will not be displayed.
btn1_lbl : Set first button label.
btn2_link : Set second button link. If not set, the button will not be displayed.
btn2_lbl : Set second button label.


Testimonials
[tesla_testimonial]
Parameters:

nr_posts : Set the number of testimonials to display. Default 3


Team Members
[tesla_team_members]
Parameters:

nr_posts : Set the number of team members to display. Default 3
title : Set Team Members posts heading title. Default Meet Our Team


Start New Project
[tt_start_project]
Parameters:

title : Set form heading title. Default Start a Project
project_type : Comma separated project types to be shown in the Project Types dropdown list.
service_type : Comma separated services types to be shown in the Services dropdown list.
currency : The currency your projects are estimated in. Default $.
Example


Calendar
[tt_calendar]

Countdown
[tt_countdown]
Parameters:

title : Set countdown heading title.
duedate : The date countdown will count against: Format MM/DD/YYYY.

Please note that Winterfell theme also supports setting the countdown due date from the framework itself. Go to TeslaTheme menu in your WordPress dashboard, click on the Theme Page Options tab, locate the COUNTDOWN DUE DATE calendar dropdown and set your desired date.


Latest/Popular Posts
[tt_latest_popular]
Parameters:

columns : Set Latest/Popular posts tabbed content width. Value can vary from 1 to 12 Default 3
class : Add your custom CSS class if you wish to customize the feel and look for this shortcode.

This shortcode is also available as a widget in case you ant to display it in a sidebar.


FAQ
[tesla_faq]
Parameters:

nr_posts : Set the number of FAQ posts to be shown. Default 3
open_default : Set the post number to be opened by default. Default 3


Winterfell template grid is based on the Twitter's Bootsrap framework. To start working in the GRID you must put all your content in columns : [tt_column columns="your_size"][/tt_column] shortcode.

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

tag : Enter the HTML tag of the element. Default is div
columns : The number of columns the element will be. Values may be from 1 to 12
class : You can add your custom CSS class so you can style it later

[tt_row]
    [tt_column columns="12" class="grid_example"] FUL WIDTH [/tt_column]
    [tt_column columns="3" class="grid_example"]1/4[/tt_column]
    [tt_column columns="3" class="grid_example"]1/4[/tt_column]
    [tt_column columns="3" class="grid_example"]1/4[/tt_column]
    [tt_column columns="3" class="grid_example"]1/4[/tt_column]
    [tt_column columns="4" class="grid_example"]1/3[/tt_column]
    [tt_column columns="4" class="grid_example"]1/3[/tt_column]
    [tt_column columns="4" class="grid_example"]1/3[/tt_column]
    [tt_column columns="6" class="grid_example"]1/2[/tt_column]
    [tt_column columns="6" class="grid_example"]1/2[/tt_column]
[/tt_row]
                    

Alerts
[tt_alert type="notice"]NOTICE THIS: THIS IS A REGULAR NOTICE MESSAGE[/tt_alert]
[tt_alert type="warning"]NOTICE THIS: THIS IS A REGULAR WARNING MESSAGE[/tt_alert]
[tt_alert type="success"]NOTICE THIS: THIS IS A REGULAR SUCCESS MESSAGE[/tt_alert]
[tt_alert type="error"]NOTICE THIS: THIS IS A REGULAR ERROR MESSAGE[/tt_alert]
[tt_alert type="info"]NOTICE THIS: THIS IS A REGULAR INFO MESSAGE[/tt_alert]
                    

Buttons
Parameters:

label : Button label
style : Button style. Default 1
theme : Button theme. Default dark
class : Enter a CSS class for customizations
url : Button url

[tt_button label="Start Project" url="http://google.com"]
[tt_button label="View Projects" theme="light" url="http://google.com"]
[tt_button label="Submit" style="2" url="http://google.com"]
[tt_button label="Send" style="2" theme="light" url="http://google.com"]
                    

Tabs
Parameters:

columns : The element size in columns according to the GRID rule. From 1 to 12

[tt_row]
    [tt_latest_popular columns="4"]
[/tt_row]
                    

Pricing Tables
Parameters:

title : Table title
price : Price
currency : Currency. Default $

NOTE: In order for this shortcode to work properly, each row between [tt_price_table] tags should be list items. In order to achieve this, click the list icon.

[tt_row]
    [tt_price_table title="Basic" price="25"]
        50 Video
        25 Messages
        15 Contacts
    [/tt_price_table]
[/tt_row]
                    

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 Winterfell WordPress Theme. We hope you will enjoy using it!