Thank you for purchasing this theme. If you have any questions that are beyond the scope of this help file, please feel free to email via the user page contact form on this page. http://themeforest.net/user/createit-pl/portfolio Thanks so much!
The theme can be installed by uploading it to your server via ftp in wp-content/themes folder. Copy themes directory into wp-content/themes of your WordPress installation.
You can also use archive (zip file) from the theme's folder (after you've unarchived the package you've downloaded from Themeforest) and install it via Appearance > Themes > Install Themes tab. To use the theme you need to activate it.
After installation you should see the following folder structure:
If you want to copy templates via FTP, theme "Elysium Serious" should be located in folder "serious". If you change name of the folder other themes may not work correctly.
Once your theme is installed you can start theme configuration
via Appearance / Theme Option / Style - Layoutt select menu type .
via Pages / Add new create page content - check out examples below:
To set up homepage you need to use Appearance / Theme Option / General - Pages (at least one page should be added via Pages / Add new). If you'd set up home page via Settings/Reading - Front page displays it wont' work properly.
via Appearance / Theme Option / General - Posts set up your blog page, where posts will be displayed.
via Appearance / Menus set up menu. To create Onepager follow this steps.
In multipage we recommend set up standard menu: > add pages from the left side to your menu and select chceckbox "Primary Navigation" below.
Set up widgets to your page in section Appearance / Widgets. Drag and drop widget in section, in which you want it to appear, then set up widget options. To find out more about section check out widgetarea description. If you decide to exclude some widget, but you may want to use it in future, just drag it and drop in "Inactive Widgets" area. You won't lose your widget settings in that way.
You can easily configure theme to look exactly like on a demo page. Once theme is activated, navigate to Appearance > Theme Options > General > 1-Click Demo Import and click "import" button.
That's it - your site is now ready!
Please refer to 1-Click Demo Import section to automatically setup Wordpress installation. All steps described below are configured by 1-Click Demo Import.
Before import data and options you should set the appropriate values for the "Thumbnail size" and "Medium size" in "Image Size" section via Settings > Media.
You can import posts, pages, comments, categories and tags from your Wordpress export file via Tools > Import. You can use our demo data for the proper theme from the x_demo_content file in Demo Content folder.
If you have exported some previous Elysium Theme options, you can load it via General > Import/Export section in Appearance > Theme Options. You can use our demo options for the proper theme from the .txt file in Demo Content folder.
Please remember to activate the main menu via Appearance > Menus
In this chapter we will show you what you need to do to create a simple site using our theme. Deeper analysis on the functionality of the theme is provided in several next chapters. You can also see the usage showcase of the theme on our demo site
Go to Appearance > Theme Options and choose the logo icons via Media Library. Always remember to click the "Save changes" button after providing some changes via Theme Options screen.
Create pages for Your site via Pages > Add New menu. For the beginning we recommend to create Homepage and set it as the Wordpress Homepage via Pages section in Appearance > Theme Options.
When creating your pages, remember you can change the template of each of the pages via Page Attributes section in Pages > Add New
Activate your blog index and single post pages via Posts section in Appearance > Theme Options menu. In theme options you can also customize the content of these pages.
Create your portfolio via Portfolio items menu (the full discussion on creating the portfolio items and taxonomy is available here).
Our theme provides the main menu functionality available via Appearance > Menus, where you can create and activate the navigation tree available on the top of the site.
We provide 1 widget slots (one sidebar and seven footer columns). You can add there any default Wordpress widget and any of our custom theme widgets
This theme is built upon Bootstrap framework and is fully responsive.
There is a large amount of the powerfull shortcodes provided by our theme, which you can use on every single page on your site.
You can setup your page with global layout setting available via Appearance > Theme Options > Style menu. We provide 13 different background patterns and two types of layout - boxed and full.
Additionally every page/post/portfolio item layout can be configured separately via edit screen of the item - option "Use boxed layout" in the "Template settings" section.
You can turn on/off these elements globally via Appearance > Theme Options. You can setup different configuration for every page type - page, post, portfolio, faq via tab in theme options.
Additionally every page/post/portfolio item can be configured separately via edit screen of the item - options "Show title", "Show breadcrumbs" in the "Template settings" section.
You can access custom theme options via Appearance > Theme Options from wordpress admin bar. Most of the options are self-explanatory and also some help information is provided.
Basic logo and footer configuration.
The Import/Export tab allows you to save your current theme options to the text file or restore them from existing theme options export file.
You can configure global font style,size and header size
You can configure global settings for color side
Portfolio elements can be configure analogously to posts.
You can add link to your profile on(Facebook ,Twitter ,etc...). And til will be seen in all posts and socials in top
You can set account number (UA-XXXXXXXX-X) for the Google Analytics module used for tracking the site.
The theme provides 2 basic templates for site pages - no sidebar (default) and right sidebar:
The footer is built from 3 or 4 columns which gives you a flexible way to arrange the content of it.
Blog pages configuration is described in Options section.
To create onepager site with "scroll to section" menu follow these steps :
1. Create page with all sections. Each section should begin with [title_row] shortcode or any other html element with unique id, for example :
[row header="Our Work" id="work"] (...) content (...) [row header="Services" id="services"] (...) content (...) [row header="About us" id="about"] (...) content (...)
2. In Appearance / Menus create new main menu (using "Custom Links" option), where URL will be section id with
"/#" sign, for example :
/#services or /#about. We recommend to set the URL scrolling to the top of the page as '#top' - it will scroll
to the very top of the page.
The theme supports different post formats in order to change the appearance of the content. You can use standard, image, gallery, audio, video, aside, quote and link formats.
Typical appearance, the content will not be changed.
To use it, select "Image" from the "format" section. The featured image and meta data will be shown.
To use it, select "Gallery" from the "format" section. You can create the gallery for you post or use any Revolution Slider slideshow previously created. You can choose it from the additional post menu in "Gallery format settings" section.
To use it, select "Audio" from the "format" section. You will find the additional "Audio format settings" to upload .mp3 or .ogg/.oga self hosted files (you have to provide both formats for appropriate display across all browsers.). You can additionally provide the poster file.
To use it, select "Video" from the "format" section. You will find the additional "Video format settings". You can upload self hosted .m4v and .ogv files (you have to provide both formats for appropriate display across all browsers.). Additionally you can provide a 'direct link' to embed movie from popular services like Youtube, Vimeo or Dailymotion or use your own embed code.
To use it, select "Aside" from the "format" section. Your post content will be shown, your title not.
To use it, select "Quote" from the "format" section. You will find the additional "Quote format settings" to enter your quote. Your post title will be used as the quote source/author
To use it, select "Link" from the "format" section. You will find the additional "Quote format settings" to enter your link. Your URL will be shown and your post title will be used as the link text.
The theme comes with a custom post type for portfolio (works). Portfolio pages configuration is described in Options section.
Regular blog posts are separated from portfolio items - in the main Wordpress Admin menu you can find section Portfolio items
You can add new portfolio item via Portfolio items > Add New. Beside regular post elements like title, description, excerpt, featured image (which is very important - it will be used both on the list of works as well as on the single work page), you can also define client, date, Url, external url (which will be used on the portfolio public page) , featured video (it will be displayed instead of the featured image on the single portfolio item page) and socials (you can add link to your profile on(Facebook ,Twitter ,etc...) .).
You can organize your works with portfolio categories and tags which are built using Wordpress custom taxonomy functionality (they are separated from regular Wordpress categories and tags and are accessible via Portfolio items > Categories and Portfolio items > Tags).
The theme comes with a custom post type for team.
Regular blog posts are separated from team items
You can add new team item via Team items > Add New. Beside regular post elements like title, description, excerpt, featured image (which is very important - it will be used both on the list of works as well as on the single work page), you can also define socials (you can add link to your profile on(Facebook ,Twitter ,etc...) .).
You can organize your works with portfolio categories and tags which are built using Wordpress custom taxonomy functionality (they are separated from regular Wordpress categories and tags and are accessible via Team items > Categories and Team items > Tags).
The theme comes with a custom post type for testimonials.
Regular blog posts are separated from testimonials items
You can add new testimonials item via Testimonials items > Add New. Beside regular post elements like title, description, excerpt, featured image (which is very important - it will be used both on the list of works as well as on the single work page)
You can organize your works with testimonials categories and tags which are built using Wordpress custom taxonomy functionality (they are separated from regular Wordpress categories and tags and are accessible via Testimonials items > Categories and Testimonials items > Tags).
It's very important to understand the mechanism of building the page structure using shortcodes. Each row of the content should be built with the [row] shortcode and then each row divided into columns with the [x_column] shortcodes (please see bootstrap documentation to see the meaning of the "row" and "spanX" classes). It gives you a very flexible way to arrange the content and makes you sure everything will look exactly as you wish.
You can find full shortcode documentation on our demo site.
We provide the shortcodes generator, which is also available in fullscreen mode:
Elysium comes with plugins. After theme activation, a list of recommended plugins will appear (if not already installed and activated). All plugins are optional but highly recommended.
Note! This theme allows you to easily translate content and their labels using included shortcode options. If all you would like to do is translate your site into 1 language and only customer page (not backoffice), you don't need to use WPML at all.
WPML creates different posts, pages and custom types for every single languages and connects them together. This means that every page has its own title, body and meta-fields.
WPML offers two ways for translating content:
Theme comes with automatic update feature. When new version is available, notice will be visible in Appearance - Themes page. View video tutorial.
Note that modified theme files will be deleted.
CSS Structure section describes how to modify theme without loosing any changes.
This theme is bundled with 30 PSD files which can be found inside downloaded package in PSD directory.
Each PSD file is of course layered, layers are groupped into directories. If you'd like to change anything in the page layout, please put jpg/png image in HTML/img directory.
Main css file is style.css, which include bootstrap framework and all page styles.
If needed we include also css files for jquery libraries (like flexslider).
Structure of the style.css file:
If you would like to change css, the best way is to add custom css in Wordpress Panel.
Please go to Appearance / Theme Options / Code / Custom styles - Custom CSS.
In Custom CSS textarea you can paste any css code that will overwrite default styles.
The following sources and files have been used to build up this theme