Thank you for the purchase of our premium theme Sun. We will walk you through the installation and setup of this theme. Hold tight, it will be quick and easy.
We've created a quick video guide to show you how easy it is to install "Sun". If video does not work for you or you need a different method of installation, try reading below for other methods of installation.
You can install Sun to your website by using the Add New Themes option in the Appearance sub-menu.
Select the Appearance panel, then Themes.
Use the Upload Theme link on top to upload a zipped copy of a Theme that you have previously downloaded to your machine. File to upload is called sun-by-osetin.zip, it should be located inside of the archive you downloaded from ThemeForest
When Wordpress finishes installing the theme and outputs a "Theme installed successfully" message, click Activate link.
If your host offers the cPanel control panel, and the Theme files are in a .zip or .gz archive follow these instructions. Note: This assumes the Theme you download is a compressed (.zip) file containing a folder under which all the Theme files reside.
To add a new Theme to your WordPress installation, follow these basic steps:
This is an optional step. You can import a demo data to play around with and learn the features from a demo. You have to download a demo data xml file first. You can download it by selecting a demo type you want to import:
These files are also included with the theme download and located in "Extras" folder, but we recommend downloading using those links because it always has a latest versions vs the one that comes in a download. "Optional Step for Widgets Demo": We also include demo data for widgets that you see on a demo. To install demo data for widgets you need a plugin called "Widget Importer & Exporter", you can download it by clicking here. When you downloaded that plugin, you can now download the actual demo data file for widgets. Select a style you want to import data for widgets from:
To import a demo data, follow these steps:
Now you are ready to install demo data. Login to Wordpress Admin Panel > Tools > Import page.
Now you have to assign a menu to be used on your website. Admin Panel > Appearance > Menus > Manage Locations tab and from a select box choose a Top Menu for Top Menu field and Footer Menu for Footer Menu field and click Save Changes button.
Final step is to set page called "Homepage" to be used as a homepage. To set it as your homepage, go to Admin Panel > Settings > Reading and set your "Front Page Displays" to be A Static Page with the "Homepage" selected from a "Front Page" select box.
Theme Sun requires WordPress installed on your host. To run WordPress your host just needs a couple of things:
That's really it. We recommend Apache or Nginx as the most robust and featureful server for running WordPress, but any server that supports PHP and MySQL will do. That said, we can't test every possible environment and each of the hosts on our hosting page supports the above and more with no problems.
Here's a letter you can send to your host; copy and paste!
Once you have installed your new theme it's now time to add some posts.
To create a post:
If you want to set a custom layout for your homepage (as you see on a demo) and/or show featured posts slider roll you have to create a new blank page using template called Posts Index, you can set a template for the page on the right hand side panel called "Page Attributes" 1 (screenshot below).
On the page edit screen you can turn on the Featured Posts slider. In order to add a featured posts slider you have to check the Show featured posts slider checkbox 2 and when you click it - you will see a multi-select field where you can assign posts to be "featured" in that slider.
You can filter which posts you want to show on that page by clicking on the "Filtering" tab, there you can filter posts by category, tags, or even specific posts you handpick 3
You can control a filter bar by going into the "Filter Bar" tab 4. You can remove each filtering and ordering element if you wish so.
You can also select a pagination type 5 and the elements you want to show on post tile on index 6.
By default the theme will use columns settings that you've set in "Theme Settings" -> "General" -> "Masonry Tiles Settings", but you can override that by checking the "Use Custom Settings For Tiles" checkbox 8.
Now when you've created that page and selected posts you want to show, you will have to go to "Settings" > "Reading" and select this page as a static page to use for your homepage.
Next step is creating a menu so that your users can naviagate through your website.
You must define a menu before you can add items to it.
You can add different link types into your menu, these are split between panes left of the menu you're currently editing.
You can add contact page with a map and a contact form to your site. Visitors will be able to leave you a message with their email address and other fields like phone number, name etc. you select.
To create a new page which will have the contact form and a map follow these steps:
You can create a dedicated page to list your categories with a nice background for each tile. You can also set a custom URL to send user when they click on a tile. You can also set a tile name and add custom description for it, and of course set a color scheme fader on hover for each tile.
This page's layout can be also modifed in anyway you want, select columns, rows count or sizing, and it will take care of the rest. It will make tiles responsive, so depending on how big is a tile it will modify its contents font sizes and information that is being visible.
To create a page which will list your categories or links you have to create a new page from Wordpress Admin > Pages > Add New, then select a "List Categories" template from a dropdown in the Page Attributes panel on the right, publish this post and that's it.
In order to change language please follow these guidelines or this guidelines ( these are the best in my opinion). Anyway I will post a short guideline here as well, it should be pretty ease, all you have to do is to follow standard Wordpress guidelines for changing the language in a theme:
define ('WPLANG', 'fr_FR');to the "wp-config.php" file located at your WordPress installation root folder.
Support for WPML plugin will be included in future releases of the theme.
You can add social icons to your website. They will appear in the header below top menu, footer and special widget in a sidebar.
Customizing theme appereance is incredibly ease and won't require any coding knowledge. The idea is that you have global and per page/post settings. You can set global settings on Theme Settings pages in admin. Those settings will be used as a default settings for all pages and posts.
However if you want to modify appearance of some of your posts/pages to be different from defaults you've set in Theme Settings you can do so on the page/post edit screen.
We will try to cover theme update process in detail, just follow steps below, it should be pretty easy.
First thing’s first – before we get started you need to back up your database and your current theme. Since we’re replacing and updating theme files, there’s a chance something could go wrong so it’s best to play it safe and have a backup.
Use whatever method you feel most comfortable with. You may want to simply copy your entire WordPress directory to your computer using FTP and backup your database with a plugin. You may have a VaultPress account or a membership with some other third-party backup site that does all the hard work for you.
It is required that you manually upload a new version of a theme and replace an older version in order to upgrade it.
However, if you go to Appearance > Themes > Add New and try to upload a new version of a theme that is already in your site's themes directory, it will fail and you’ll get an error message telling you the destination folder already exists.
The reason for this error is due to the fact you can't have two folders in your themes directory with identical names.
There are a couple of simple solutions:
Login to your site via FTP or cPanel and delete the old theme and then upload the new version. Make sure you make a backup of the old version of your theme just in case something goes wrong.
If deleting your old theme makes you nervous, another option is to rename the old version of the theme. This will allow you to successfully upload the new version of the theme.
The old and new versions of the theme will both appear in the themes interface, but you will be able to distinguish them by their folder names and version numbers.
This section is for advanced users who want to customize a default behaviour. We will explain you how to edit php files and stylesheets.
If you want to make changes to default behaviour of the theme and modify default .php files without losing those changes on theme updates, the best way to do it is by creating a child theme and overriding default behaviour.
We have included a basic child theme in a download package that you received from ThemeForest. Folder is called sun-by-osetin-child. You will have to upload that child theme folder to your wp-content/themes folder. If you want to override a layout of a php file you find in a theme Sun, all you have to do is create the same file with your modifications in a sun-by-osetin-child folder (if a file is located inside an extra directory, you will have to create that directory as well). Now theme Sun will use that file instead of the original one.
Unlike style.css, the functions.php of a child theme does not override its counterpart from the parent. Instead, it is loaded in addition to the parent’s functions.php. (Specifically, it is loaded right before the parent’s file.)
In that way, the functions.php of a child theme provides a smart, trouble-free method of modifying the functionality of a parent theme. Say that you want to add a PHP function to your theme. The fastest way would be to open its functions.php file and put the function there. But that’s not smart: The next time your theme is updated, your function will disappear. But there is an alternative way which is the smart way: you can create a child theme, add a functions.php file in it, and add your function to that file. The function will do the exact same job from there too, with the advantage that it will not be affected by future updates of the parent theme. Do not copy the full content of functions.php of the parent theme into functions.php in the child theme.
If you want to override one of the function of the theme Sun, all you have to do is create a function with the same name in the child theme's functions.php file, that will prevend a parent theme from loading an original function.
You can override default LESS css variables by modifying either /extend/php-variables.php or /extend/less-variables.less file. Make sure you backup those files if you made changes to them before you decide to update the theme, then when you finished updating put them back into respective folders in the updated theme to preserve changes you've made.
You have two options of overriding default theme's styles. First is to do it via Admin > Theme Settings > Appearance tab > enter your LESS or CSS code into the textarea for "Custom CSS".
Second option is to type in your custom styles into the /extend/custom-styles.less file. Make sure to backup this file contents before a theme update, and put it back after you udpated the theme to preserve the modifications you've added.
After you've purchased theme Sun from ThemeForest, you will receive a package in a zip file. You are not suppose to upload the whole package. This package contains not only the theme itself but also documentation, child theme and licensing info. First of all, you should unzip it using winrar or winzip, and you will see the real theme zip folder that is inside, called sun-by-osetin.zip. This is the theme zip file you have need to install and activate instead.
You can add your custom CSS to the CSS Styles field in Admin > Theme Settings > Appearance > Customize tab > enter your LESS or CSS code into the textarea.
This is basically the same as CSS just with some extra features like support for variables and mixins. You can use regular CSS in .less files and it work just fine. However if you want to take advantage of all the cool features of LESS, you can read more about it here: http://lesscss.org/
Try disabling "Jetpack" plugin if you have it installed, it messes up an output sometimes and prevents image sizes to be calculated.
Make sure you are running at least PHP version 5.4 on your server.
You can find them in the "Documentation" folder of your download from ThemeForest, file called "license-codes.txt".
Following you'll find a list of all theme Sun releases with a log of features added and bug fixes next to each one.
Initial Theme Release