Created: 04 Sep 2013
Thank you for purchasing this theme! If you have any questions that are beyond the scope of this help file, please feel free to post your questions on the support forum. Thanks so much!
Konzept is a portfolio solution for creative professionals and companies looking for a minimal and professional look. It was created by Anthony Jones (follow) (design and idea) and Flow (follow) (code).
You need a working copy of the newest WordPress (minimum required is WordPress 3.6) installed on your own server (wordpress.com hosting won't work) in order to start. You should know how to use it (e.g. how to enter admin panel, how to write posts etc.). This may help you: New To WordPress - Where to Start.
Please check the installation video (3:02). It shows how to install the standard theme and dark skin in a child theme. And here is a text version:
Note: You can also manually import demo's XML file with demo posts in [Admin Panel > Tools > Import] but then sidebars and footer will require manual configuration.
Note: Attachments (Media Library) are not imported. They are hotlinked from the demo server.
The theme is white by default. It comes with a dark child theme that you can install separately.
The header consists of a logo, a menu and portfolio categories filter.
Logo - you can upload your image logo in [Konzept > General]. It accepts JPG, PNG, SVG and other image formats. If you skip an image there, your blog name and description will be displayed.
Menus - you can configure the main menu under [Appearance > Menus]. Attaching a menu to the "Main Menu" location is required.
Portfolio Categories Filter - it lists portfolio categories of the current portfolio page and portfolio categories of the main portfolio page on all other pages. You can set your main portfolio page in [Konzept > General > Main Portfolio Page].
You'll find all your current pages in [Admin Panel > All Pages]. You can use the trial website anytime if you'd like to check how are demo pages done. Below you'll find a short description of each page.
About Us - you can use columns shortcodes to create two columns with text and two side, empty columns that make the content a little bit narrower. This reduction is for aesthetic purposes only.
Services - services can be added to "Services" page with the following shortcode:
[content_block title="Service Name" icon="t"]Service Description[/content_block]. For more information please visit the Content Block Shortcode section.
Our News - please use the following shortcode to make news appear:
[content_block post_type="news" posts_per_page="15"]. News can be added in [Admin Panel > News > Add New]. News are just an alternative to blog - you can use short news instead of long blog posts. Please note that /news/ slug in the URL is reserved for news archives and can't be used for pages. Please use /our-news/ or other slugs instead.
Coming Soon - it is a Dribbble feed. Please use the following shortcode to load your recent Dribbble works:
Blog - your front page is a blog by default. You can move it to a subpage using [Settings > Reading > Posts page].
Your blog page will display full posts with HTML formatting enabled unless you use the more tag. This will produce "Continue Reading..." message and will cut the post. You can also specify a manual excerpt in [Posts > Add New > Excerpt] and this will be shown instead of the beginning of a post. If you don't see "Excerpt" box please enable it in the top right corner of the admin panel in "Screen Options".
Contact - you will need Contact Form 7 plugin to make the form appear. You can create a new form and obtain a shortcode that makes it appear in [Admin Panel > Contact]. You can then paste the shortcode in [Pages > Contact] or on any other page.
Example contact form:
[text* your-name id:your-name watermark "Name *"] [email* your-email id:your-email watermark "Email *"] [textarea* your-message id:your-message watermark 40x6 "Message *"] [submit "SEND"]
Note: Both new posts and new pages have comments enabled by default. To disable them for both you can uncheck [Settings > Discussion > Allow people to post comments on new articles]. To disable them for pages only you can do that in [Pages > (your page) > Allow Comments]. If the box with "Allow Comments" checkbox is not visible please enable it in the top right corner in "Screen Options". You can also update multiple pages at once in [Admin Panel > All Pages] by selecting them and by picking "Edit" above the list in "Bulk Actions" drop-down menu.
Portfolio Pages - you can create portfolio pages in [Pages > Add New]. Each one has to have "Portfolio Template" selected in the menu to the right. Once this template is selected and once you save and refresh the page new options specific to "Portfolio Template" will appear. You can use them to change portfolio mode between "Thumbnails" and "Text", exclude some categories from being displayed or change order in which works are presented.
Main Portfolio Page (required) - it's required that you select you main portfolio page in [Konzept > General > Main Portfolio Page]. This page's categories will be displayed in the header on all pages other than portfolio pages. Portfolio pages will display their own categories filter.
Projects - projects can be added in [Portfolio > Add New]. Each one needs to belong to at least one category. Each project supports images, YouTube videos, Vimeo videos and HTML5 videos. Videos are always fullscreen and images have a few additional modes available:
You can pick one of these modes globally in [Konzept > General > Slide Classes (default)] and all slides will be using this setting. It's a good idea to put "fullscreen" word in that place and all your projects will have fullscreen images by default. You can override this setting for each image individually while creating a slide. So, for instance some specific images of your choice can have "fit" instead of "fullscreen".
By default your homepage is a blog. You can switch that to a static page or a page with Portfolio Template selected in [Admin Panel > Settings > Reading > A Static Page > Front Page]. Demo content uses a page named "Homepage" as the front page. It's set to be a portfolio page and the "Main Portfolio Page" in [Konzept > General].
Featured Slideshow is a slideshow that can be displayed on the front page, before your visitors see any other content. You can enable it in [Konzept > General > Featured Slideshow]. You can add slides in [Admin Panel > Slideshow > Add New]. Featured Slideshow supports images and HTML5 background videos.
In [Appearance > Widgets] you'll find a widget area called "Sidebar 1". Adding widgets to this one will make them show up on pages that have sidebar enabled. You can enable sidebar for pages in [Pages > (your page) > Layout].
Please find [Konzept > General > Footer Layout] in your admin panel. This field accepts a comma-separated list of columns CSS classes. You don't need to know anything about that if you just need it to look like the demo footer.
Creating a footer column creates a new widget area available under [Appearance > Widgets]. You can create any footer layout and you can use any widgets in footer's columns but as long as the footer is floating over the content there's not much space there. Customization options for the footer are present just in case you wanted to make your footer be taller and be present at the bottom of the content. That's possible with minor style adjustments.
Demo code for [Konzept > General > Footer Layout]:
grid_12 last grid_responsive_only, grid_6 widget_no_margin, grid_6 widget_no_margin last
Text Widget in "Footer 1" in [Apperance > Widgets]:
Text Widget in "Footer 2" in [Apperance > Widgets]:
Text Widget in "Footer 3" in [Apperance > Widgets]: Note: Icons Map. Please use single letters to replace icons.
Generally, if a plugin exists for something you need, it should be used. Shortcodes, forms, columns, SEO, favicon, Google Analytics code and similar featured can be added with plugins. This theme requires Symple Shortcodes and Contact Form 7 plugins.
Columns can be added with Symple Shortcodes plugin. On post editing screen you'll find red "S" icon when the "Visual" editor is active. It allows you to insert columns. Each last column in a row requires
position="last" instead of
position="first" shortcode parameter.
There's also our built-in grid system that is used for footer but can be used for posts and pages as well. Columns classes can be added to DIVs (like
<div class="grid_12">column content</div>). Available classes:
rowclasses to have greater control over the layout. Both should wrap each row of columns. The
rowclass can have width adjusted with inline style to create fullscreen pages.
You can use the red "S" icon in "Visual" editor when creating a post or page to generate these and other shortcodes. For backwards compatibility we didn't remove shortcodes that we were using in the previous theme versions. Below is a list of them.
[tabs][tab title="Tab 1"]Content 1[/tab][tab title="Tab 2"]Content 2[/tab][/tabs].
[toggle title="Toggle title" class=""]Some content.[/toggle].
[accordion_group][accordion title="Title 1"]Content 1[/accordion][accordion title="Title 2"]Content 2[/accordion][/accordion_group].
This shortcode creates a carousel of items. It can display titles, short descriptions and images. On the demo website there are two examples of such slider.
Services page uses the following shortcode for each carousel item:
[content_block title="Service Name"]Service Description[/content_block].
News page uses the following shortcode to list news:
[content_block post_type="news" posts_per_page="15"]. You can add news in [Admin Panel > News > Add New].
news. If this is specified other options such as "title", "link", "icon" etc. won't work.
The theme is prepared for localization. Everything has been done up to all WordPress standards and best practices. In tricky translation places this theme uses exactly the same functions in exactly the same form as the latest default WordPress theme so nothing should surprise you.
You can use a plugin of your choice to translate this theme (or no plugin at all if you don't need a language switcher). We use WPML ($79). It's probably the best solution out there at this moment. If you're using WPML then in case of any questions related to localization you should generally always contact WPML support and they will assist.
define ('WPLANG', 'en_US');in wp-config.php. This is recommended method to do that...
admin_texts_theme_konzept(theme) contexts. You need to translate page IDs to make it load different pages for different languages. For instance if
flow_portfolio_pagestring has an ID of 1234 in English version then to load a different page for French version you would have to translate that to another page ID like 5678.
In order to register on our Support Forum you need your "Item Purchase Code" which can be found on the themeforest.net, under "Downloads" tab, after following "License Certificate" link. After creating a support ticket we usually respond within 24 - 72 hours (more if it requires fixing a bug, if it's a holiday or if we're overloaded with questions). Please visit Konzept FAQ before posting, maybe your question in already answered there.
Supporting items includes:
Item support does not include:
All custom modification should be done in a child theme (konzept-child.zip (1 kB)). The WordPress article already covers everything that you need to know about child themes so I'll only mention that we used Twenty Thirteen WordPress theme as reference so you can check their functions.php to see how to unhook filters and actions, which files and functions can be overwritten (presentational) and which can't (core).
Unfortunately, we are not able to provide any custom modification services as a part of your purchase. We are willing to help you with modifications that can be easily described on the support forum and the ones that are frequently requested. If you're looking for extensive custom modifications we recommend hiring freelance developers to accomplish such custom modifications for you. Current worldwide average hourly rate for 3 - 5 years of experience in HTML/CSS/PHP/JS field is around $50/h as of 2013 (based on Freshbooks Report and Envato's Freelance Statistics Report). 5 years of experience is enough to deliver you a top-notch modification with excellent code quality and in timely manner. This is the kind of service you should be seeking. You can developers on Envato's Microlancer - WordPress Customization.
It's very important that you keep all your modifications in a child theme. You can then update your parent theme and most of the changes you have made will still be there. If you have made any custom modifications directly to the template files then you'll need to take that into account when updating. Please download Envato WordPress Toolkit plugin, install it and it will enable you to update the theme automatically. It also supports backups.
Note: Updates are free and you can re-download them at any time on ThemeForest as long as we update the product and as long as it's live on the marketplace.
Note: Envato's Toolkit looks for 'onzept' updates. The theme must be named exactly this way for the plugin to recognize it.
We've used the following images, icons or other files as listed. Big thanks to all great developers who provided scripts and modules for Konzept.
Big thanks to all the great designers who provided preview content for Konzept.
The designers listed above agreed to use their works as preview content for the demo website but these works can not be used elsewhere. They are not included in the package. Thank you!
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.