Documentation for Justo - Premium Wordpress Theme
Justo is the theme for businesses, creatives and professionals. Packed with some cool and useful functions and effects it's the perfect solution for the creative ones among us. Inside this documentation file you will find everything you need to know about the theme and how to get you up and running in no time.
WordPress is known for its 5-Minute installation process. WordPress is very easy to install, many web hosts even have useful tools (e.g. Fantastico) to automatically install WordPress for you.
However, if you wish to install WordPress yourself, the following little video and the links will help you further.
Installing the theme can be done two ways. You can upload the theme ZIP file using the built in WordPress theme upload, or copy the files through an FTP client.- Liberal is using TimThumb to resize the images.TimThumb requires the GD library, which is available on any host sever with PHP 4.3+ installed.
The installer is the perfect solution for everybody who's in a hurry and doesn't have time to read the docs or wait for support. With a few steps your new theme should look exactly like the demo. There are a few thing you need to consider before using this great and powerful function.
This process is comparable with importing the dummy content by uploading the xml inside the WordPress Importer. Only now you wont have to search for an xml file within the download package and install the importer plugin first. Just one click and your done.
Our themes uses default WordPress front page for showing home content, so make sure to leave this option as default.
if you want to edit the code for home page, please goto theme folder and open the index.php file. It generates the Home Page. Do this only if you are comfortable with handling code and have some descent knowledge of WordPress.
For the homepage we're using a homepage layout builder which let's you decide what you want to show inside the homepage elements.
Open the option panel menu and click on the home builder link to open up the homepage grid builder
Now to show the about us page you need to create a new page wp-admin/post-new.php?post_type=page and scroll down till you see the Layout Details window. Now select the full width option 1 and select the about us from the titantemplate drop-down 2
Start by opening a new portfolio post type, then add title and a little short description of your portfolio item. Just like you would do normally.
Adding portfolio is even easier then creating a portfolio items. Sit back and pay attention while we're explaining the process of adding a portfolio page.
Now we will guide you through the process of setting up the custom menus and show the Portfolio with portfolio categories attached.
The blog is something we all are very familiar with so we won't go through the basics. We're only explaining the functions we've added such as the featured media options, the filters and grid page templates.
Create a new post and scroll down to the bottom of the page till you see the Layout Details window.
Your able to choose between 3 different grid to show of your blog posts and it's also possible to choose between various filtering option so that you can make any type of blog page and as much as you please.
Functionality is somehow the same as creating a portfolio page.
We have two options for you, adding layered slideshows inside the homepage slideshow and adding Fade slideshows through the layout editor and short-codes.Settings.
Inside the homepage slider we have a cool new function and that's the layered slider. The layered slider is really easy to use once you make a little time to study it's functions. The layered slider is only active inside the homepage and after you select the Layered slider from the slider settings.
When you don't need the layered slider anymore after you filled up the layers then you don't need to delete them but just choose a different slider type and the layers will be flattened and used as a normal sliderAdding the background image (first base layer).
Please remember that this is a powerful slider option which can't be learned in 5 seconds and requires a little bit patience to understand. Also be creative with your layers and you will see that anything is possible.
For all sliders, if only one slide is present, it becomes a static slide. It can be used to show single image on home page or a layered set.
When you want to add the certain sliders through short-codes then you need to download our titanshortcode plugin and install it. After you've activated it your able to select the slideshow through the short-code menu.
When you want to add a slideshow through the layout editor then just add an layout element and select slider widget. Now select your slider from the dropdown list.
The widgets are all pretty straight forward and require no explanations. Just open them and set them up.
General Tab contains all the settings which are common in all pages. These includes logo , favicon, analytics related settings. You can also add social links which are shown inside the top slide out menu of the theme. Breadcrumbs and pagination style can also be set from here.Footer Tab
The footer isn't really that difficult and therefore we keep it short. It works just like any other footer area. We have a footer tab inside the option panel from where your able to select if you want to show the footer or not. And your able to select the layout of the footer.
When you select for example the 2 column layout, two extra widgets areas will be created for you. When you select 5 columns layout for example then 5 widget areas will be created for you. Just populate them through the "Widgets" area and when your not happy with the layout then you can come back here and select a different column structure.
You can decide if you want a footer menu or not and your able to ad the footer copyright text in here.
Be warned! Wordpress saves sidebars by number instead of name, so when dynamically new sidebars or footer areas are added or deleted it's possible that WordPress swaps or deletes widgets.Advanced Tab
This tab advanced settings like WordPress admin login screen logo and page not found input details.
This tab contains all the font and title related settings. In the first section you can set font related settings which includes font families , font weights and body font size. The rest of the panels in this tab have font size related settings for each major modules like portfolio , blogs and generic heading settings.
The Heading font size settings applies only for the content coming from WP editor.Portfolio Tab
This tab contains all the settings related to portfolio templates and single portfolio posts. You can select the number of portfolio items to show on a portfolio template here, enable the light-box or set the portfolio column item limitVisual Panel Tab
Your able to select between dark and light style in here. However when you want a different touch or want to add some color then just simply follow the instructions by clicking on the button below
This tab keeps check of which resizing method is used. By default and recommended resizing is timthumb because it is memory and speed friendly. But sometimes there are circumstances when you are not able to use it, in that case you can switch to wordpress core resizer. It will work same as timthumb. If both do not work which is very rare set the resizing to none and no resizing will be applied .
When you use wordpress core resizer, always make sure that height and width of images are greater than the place you are using it. Like if you are using for front page slider make sure image sizes are greater than 980 x 350 else wordpress won't resize it.Layout Tab
This tab contains all the layout related settings. You can switch on/off responsive layout , set boxed template mode on . You can also set the default layout mode for posts and pages.Blog Posts Tab
This tab contains all the blog and single posts related settings. Here you can select use of excerpt or framework's default content limiter. Number of blog posts , meta info that appears under posts title in blog template. This tab also contains single posts settings which are self explanatory.
The plugins we're using within our theme are the following. All instructions can be found on the plugins websites and here's also a useful site with snippets for our themes and plugins.
Just download the plugin, install them and activate them. they are all compatible with this theme.
How to work with PoEdit and use the po/mo files in the this theme
Inside this section you will find a small and very easy to understand guide about the way to ad po and mo files to this theme. Make sure you have translated your wordpress set-up. read through the following list about the way to achieve this. It's really easy, in some cases you can even download a copy of wordpress in your language.
Next you find the po and mo file of this theme inside the lang folder inside the root of the theme. Download these files and open the po file with Poedit. When you've opened the .po file you will see a screen like shown on the right.
Next thing you need to do is to translate all items until the last line. After that you need to save the file as both .po and .mo. Rename it the the po and mo files to your language code. For example when your dutch and you have set the translate option inside your config.php to define ('WPLANG', 'nl_NL'); then you need to rename your po and mo to nl_NL.po and nl_NL.mo
Now you've saved your po and mo you need to upload them to the root of the theme. Not inside the lang folder but in the root of the theme. If this doesn't work then rename the lang folder to language and ad the files in there. Below you will find a few more useful links to get started with making the po and mo work.Links
We would love to thank everybody for their great work and for letting us use the resources. All resources are GPL , Commercial licensed or we have written permission for usage.
None of the images and logo inside the demo are included inside the download package. The download package contains a single demo image and dummy logo image.
Once again, thank you for purchasing one of our products. If you have any questions that are beyond the scope of this help file, please feel free to send us an email and we will be more then willing to guide you through. Also when you've found a bug or any sort of issue, sending an email through our ThemeForest Profile Page is the fastest way to receive support. Thanks so much!