- Winterfell WordPress Theme by TeslaThemes
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.
Download and unzip the WordPress package from Download Wordpress.
Auto Mode: After accessing the site 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:
/** 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.
If it's all sparky then you click Run the Install and fill all the lines 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 Winterfell WordPress Theme.
To install the Winterfell WordPress Theme you will need WordPress v3.4 or newer.
Follow the steps and upload the Theme's installation.zip file through the WordPress admin backend:
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');
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:
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"
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:
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.
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.
Bellow are listed all the custom posts.
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.
TeslaTheme menu Theme Page Options tab and change the columns and posts per page inside the
Portfolio Options box.
number of posts displayed divided by number of columns is always without remainder.
4 columns : 4, 8, 12, ... number of posts
3 columns : 3, 6, 9, ... number of posts
2 columns : 2, 4, 6, ... number of posts
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.
The Skills post type allows you to add your professional or personal skills.
The FAQ post type allows you to configure your own custom FAQ section for your Website.
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.
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.
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.
[tesla_portfolio_latest]
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.
[tesla_testimonial]
nr_posts : Set the number of testimonials to display. Default 3
[tesla_team_members]
nr_posts : Set the number of team members to display. Default 3
title : Set Team Members posts heading title. Default Meet Our Team
[tt_start_project]
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
[tt_calendar][tt_countdown]
title : Set countdown heading title.
duedate : The date countdown will count against: Format MM/DD/YYYY.
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.[tt_latest_popular]
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.
[tesla_faq]
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.
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]
[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]
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"]
columns : The element size in columns according to the GRID rule. From 1 to 12
[tt_row]
[tt_latest_popular columns="4"]
[/tt_row]
title : Table title
price : Price
currency : Currency. Default $
[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]
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!