Thank you for purchasing our theme. If you have any questions please feel free to contact us via our page Support Forum. Thank you very much!
Once You download file from Theme Forest unzip it, in the unzipped folder you should have:
For a proper installation Studiofolio theme requires the installation of a special modified version of Entypo Pictogram Suite Font improved for better old browsers compatibility not included in the download package.
We decided to use the approach describe in this article http://blog.netvlies.nl/design-interactie/retina-revolution/ to make Studiofolio Retina Ready since it doesn't require any script and we belive it just works.
In short all you have to do is upload images in your Wordpress with sizes between 3000 and 4000px (big anyway when is possible) then Studiofolio will create different versions of the same image and then at the appropriate situation.
All the icons and graphics element are vector based so will perform for High Density screen to.
Once the theme is installed you need to set up the home page and the blog page in order to work correctly.
The blog or a news page is anyway not a must for the theme to work and if you don't need it just skip thi step and set only the home page.
Since the home page is a composition of other posts, pages and portfolio items you need to have some material ready to work with before you can compose the home page. So skip for the moment this step in case you don't have created anything else yet.
There are two different way to create the home page and that is either in automatic or manual way. You will find the switch under Studiofolio > Front-page > Automatic layout creation.
Automatic: If you choose automatic every post, page or portfolio will end up on the home page for exception of those post you wish to exclude by inserting the ID.
Manual: In manual mode you have just to click Load content to load in all the posts you have created and then select those you wish to show on your home page. Every time you create new material you need to go back in this page and add it to the list by clicking again Load content.
You have also the possibility to have a featured slideshow on home page or just HTML text which you can style as you like. You'll find the switch under Studiofolio > Front-page > Slideshow On.
Slideshow: In order to use this option you need first to create a page, assign the template Gallery and load the material into it. Then you will be able to choose the gallery you have created from the list. Other options are also available for the gallery, such as the Aspect ratio and the minimal height of it.
HTML Text: If you choose to have an HTML section on the top of your home just insert your code insede the textarea HTML text in the feature area.
In case you don't want to nothing on top of your home page just set the switch Slideshow on in the OFF position and leave the textarea empty.
With Studiofolio you have the possibility to have multiple portfolios so just repeat this steps in case you wish to create more than one.
With Studiofolio every time you create a post or a page or a portfolio item you have the possibility to choose the layout for it. On the sidebar of the editing page you will find the list of all the possible layout.
For the posts and the portfolio items you'll find them under Layout, for the pages under Page Attributes > Template.
NB. Different layout will have different behavior when it comes to portfolio items, the isotope layout will infact open a lightbox when an image is clicked but not the others.
After this video we added the possibility to have the Infinity Scroll function when pagination is needed and also two different style base color of the all theme. Both this set up can be founded in the General Setting.
This is the way you should create the layout for your content (more info http://twitter.github.com/bootstrap/scaffolding.html). Every row of layout has to begin by clicking the the button Begin. After that you need to create the columns structure for the row and you can do that by clicking the numbers 1 to 12, that is creating columns wide as much as the number clicked. For instance if you click 2 times the number 6 that will create 2 columns wide 6 grid columns dividing the content equally and wide the all row. It is also important that every row will not exceed the number 12 when all columns are added. Ex. 2-10 / 4-8 / 6-6 / 5-7 / 12 (12 will take 100% of the width) Just end the row by clicking End.
Our plugin of choise for the contact form is Contact Form 7.
For items containing audio elements we have choose to use SoundCloud containing host for the media. Studiofolio is working with the plugin called SoundCloud Shortcode, so install it in order to use correctly audio files in Studiofolio.
Undsgn want to thank all the artists Dribbble that we have granted permission to use their images in the preview of our themes: