1. Start
  2. Introduction
  3. Theme Options
  4. Widgets
  5. Shortcodes
  6. Sliders
  7. Revolution Slider
  8. Parallax
  9. Blog
  10. Portfolio
  11. List of Shortcodes
  12. Update History

MINIMUM - Professional WP

Responsive AJAX/Parallax theme


Welcome to MINIMUM - Professional WP by Qode Interactive.

Introduction


Introduction


Installing MINIMUM Theme

You can install this WordPress theme using two installation methods:

  1. Using WordPress Administration Panel
  2. Copying theme files via ftp

METHOD 1

Using minimum.zip found in ZIP file you downloaded from ThemeForest.com you should perform the following steps:

  1. Login to WP admin
  2. Go to Appearance > Themes option and click on it to load new page
  3. Select Install Theme tab at the top of the panel to load new page
  4. Click on Upload option at the top of the panel to load new page
  5. Click on Browse button and locate minimum.zip on your file system
  6. Click on Install Now button
  7. Once installation is complete you can activate Minimum theme

METHOD 2

Using minimum directory found inside of minimum.zip file located inside ZIP file you downloaded from ThemeForest.com you should perform the following steps:

  1. Using FTP client you should login to server where your WordPress web site is hosted
  2. Using FTP client you should navigate to /wp-content/themes/directory under your WordPress web site’s root directory
  3. Using FTP client upload minimum directory to themes directory on remote server
  4. Once installation is complete you can activate Minimum theme

Importing Demo Content

If you would like to learn the best practice of using MINIMUM theme, you can import content from our demo web site. Importing theme is performed using XML file located in theme ZIP file downloaded from ThemeForest and following these steps:

1.      Open WP Admin Panel
2.      Click on Tools > Import from left menu
3.      Click on WordPress item in the list of importers
4.      If the plug-in is not installed, click on Install Now button
5.      Select XML file provided with our theme and upload it. It will take couple of minutes to install our theme
6.      Click on Appearance > Menus from left menu
7.      Chose “navigation” in Top Navigation combo box

Importing Revolution Slider Home Page Demo

You can import Revolution Slider from our demo web site using files located in \xml export\revslider\ folder of ZIP file downloaded from ThemeForest. Please, follow these steps:

1.      Click on Revolution Slider from left menu
2.      Click Create New Slider
3.      Enter slider Title, enter "home" in Slider Alias and save slider
4.      Click on Show Export / Import at the bottom of the form and upload home-revslider.txt
5.      Select XML file provided with our theme and upload it. It will take couple of minutes to install our theme
6.      Copy captions.css to wp-content/plugins/revslider/rs-plugin/css

Upgrading MINIMUM Theme

You can upgrade our theme by performing following steps:

1.      Download latest version from ThemeForest (themeforest-4084338-minimum-professional-wp.zip)
2.      Extract it and locate minimum.zip
3.      Extract minimum.zip and locate minimum folder
4.      Copy/Replace the content of minimum folder to /wp-content/themes/minimum folder of your web site.

Feel free to ask us any question about using features MINIMUM theme offers.

Theme Options


Access the “Qode” General options in the left menu, below Tools and  Settings. Set general theme appearance in Qode general options. Some of these options may be overridden locally, in the shortcode or page settings (e.g. text color in editor or slider settings in slider tab when creating a page).

Most options in these tabs are self-explanatory. Explanations for options that need further clarification will be provided here.

GLOBAL OPTIONS

Colors

The elements of MINIMUM theme are made up from three primary colors which can be accessed in this tab. Please see our demo website (http://demo.qodeinteractive.com/minimum/) and use the toolbar panel to see how color change affects the appearance.

Page transition

Choose between predefined AJAX animations between pages. This scenario will be applied to all pages. Eventually it is possible to change the animation style for each page individually (options below text editor when editing pages/posts). Please note that you can turn off AJAX for certain pages there. That might be important for some other plugins to work properly.

Parallax speed

Change the speed of parallax scrolling. Higher value will increase the speed of scrolling. Default speed is 1. Zero will result in a not-moving background.

Custom CSS and Custom JS

Advanced users can add their own code here.

Meta Keywords

Add relevant keywords separated with commas to improve SEO.

Meta description

Enter a short description of the website for SEO.

HEADER AND FOOTER

Logo

Add website logo here. Adjust the position of logo by entering values in pixels (e.g. Top: 20, Left: 15).

Dropdown menu style

Choose from two drop down menu types.

Show footer widget area

This will display an additional slider for footer widgets.

SLIDERS

Options here are self-explanatory. Sliders are further explained in the Sliders section.

Widgets


Minimum Theme comes with following custom widgets:

You can download our demo content to see all of them in action.

Shortcodes


Pages/Posts are built using shortcodes accessed by clicking “Qode shortcodes” icon in the top right of the TinyMCE editor. All shortcodes are in the drop down menu listed alphabetically.

Simpler shortcodes will appear directly in the editor once clicked. More complex shortcodes will display a pop-up window with additional options, different for each shortcode. Change attributes to customize the shortcode before submitting.
IMPORTANT NOTE: If you leave a field empty, the default option will be used.


If shortcodes are customized without pop-up (directly in the editor) change or add attributes between the apostrophes ‘’ (example: message border='yes' or message border='no').

Click on List of Shortcodes menu option or refer to the Shortcodes.txt file included in the theme package to see all attributes for all shortcodes.

Sliders


Mimimum Theme has unique way of managing sliders directly while editing posts/pages. You can find custom Qode Sliders section under the text editor. Please follow our instructions in order to add/edit sliders:

Step 1. Insert a slider into a page by adding the shortcode from the dropdown menu. Choose between 4 types of sliders in the pop-up window.

Step 2. Click the “Add Slider” button in the Qode Sliders section below the Editor. This will display “Unique ID” which has to be inserted in the shortcode ID attribute between apostrophes ‘’ (example: [slider type='big1' title='' id='1']

Step 3. Adding slides – All four slider types have the same fields and options. Depending on the type of the slider some fields should remain empty as they will not be used.

Slider “Big1” is a big, full width slider with a title, description and link. Fields used: Title, Title Color, Image, Link Label,  Link, Link Color, Description, Description Position and Description Color. Leave any of these fields empty to use default options from general settings (will be explained later).

Slider “Big2” is a big, full width slider with a clickable title. Fields used: Title, Image and Link.

* Height of big sliders will be determined by the highest slide image (use this feature to create catalog pages like this one)

Slider “Small1” is carousel containing 3 by 3 slides in the row. Fields used: Title, Title Color, Image, Link Label, Link, Link Color, Description and Description Color.

Slider “Small2” is carousel containing  4 by 4 slides in the row. Fields used: Title, Title Color, Image, Link Label, Link, Link Color, Description and Description Color.

* Insert sliders into columns shortcode to create narrower sliders.

Revolution Slider


From version 1.1 we added Slider Revolution! Responsive WordPress Plugin to our theme. Full width mode is supported.

In order to add Revolution Slider to any page/post in full width, you should enter its shortcode in "Enter revolution slider shortcode" field located inside of Qode Custom Fields section below text editor (when editing page/post).

You can also add its shortcode to text editor at any position if you don't want full width.

Parallax


Mimimum Theme has unique way of managing parallax directly while editing posts/pages. You can find custom Qode Parallax section under the text editor.

Add parallax section within any page to create parallax effect. Combine multiple parallax sections to create a full parallax page.

Step 1. Insert a parallax section into a page by adding the shortcode from the dropdown menu. Enter the height of the section between apostrophes ‘’ (example: [parallax_section id='1' height='800']. If left empty, default height of 200px will be used. Also, choose if you want to display back button at the bottom of parallax.

Step 2. Add a new parallax section in the “Qode Parallax” below the editor and “Qode Sliders”. Note that like with sliders, the Unique ID must be exactly the same value as in the shortcode (example: [parallax_section id='1']. Images must be higher than parallax section height in order to avoid blank space between sections.

Step 3. Add text, images  or any other shortcode (columns, tabs, accordions, messages etc) in the editor within the parallax section shortcode to customize it.

* You can adjust the speed of parallax effect in the General Options.

Blog


In order to create a blog page, first create a new page and select one of 4 Blog Templates in the right “Page Attributes” menu.

If desired, one of four sidebars can be turned on in the options below editor in Qode Custom Fields section.

MINIMUM theme blog uses featured images as primary images for posts displayed on the blog list. Featured images are also used as first images in every post by default. Optionally for each post, a slider can be used instead of the featured image in the options below editor “Use slider instead of featured image”.

Portfolio


See the new Portfolio post type in the left WordPress menu. In order to create a portfolio page, create a new page and enter the Portfolio List shortcode from the Q dropdown menu in editor (e.g. [portfolio_list columns="4" filter="yes"]). This will generate a portfolio list page which will be empty if there are no Portfolio projects added.

Portfolio shortcode is recently updated to allow listing only posts from certain category. You should add "slug" of chosen category when placing shortcode to page. This is very useful if you want to create different pages for different categories.

Also, portfolio shortcode is updated to render sub-categories in filter. It will render only one level of children.

Adding Portfolio items is the same as creating blog posts. Portfolio images are added through “Portfolio Images” link below editor. Create custom label name (e.g. Project URL) through the “Option Items”.

From version 1.0.7 portfolio items are updated to allow adding videos together with images. Please not that when adding new Portfolio image/video item, if you want video to display, you should leave image field empty. Also, in the Video field, you should just enter ID, based on Video type chosen (Vimeo or Youtube).

List of Shortcodes


This is a list of all shortcodes available in this theme. Please note that some shortcodes have additional attributes (options) in pop-up window once selected in the dropdown menu.

 
 
ACCORDION
 
[accordion]
 
[accordion_item caption="Accordion 1"] content content content [/accordion_item]
[accordion_item caption="Accordion 2"] content content content [/accordion_item]
[accordion_item caption="Accordion 3"] content content content [/accordion_item]
 
[/accordion]
 
 
ACTION
 
[action title='Dummy Title'] content content content [/action]
 
 
BLOCKQUOTE
 
[blockquote width='full']Dummy Blockquote text[/blockquote]
 
BLOG LATEST
 
[blog_latest type='type1' number='3' /]
 
BUTTONS
 
[button size='small' color='#ffffff' background_color='#000000' font_size='14' line_height='14' font_style='normal' font_weight='500' text='Dummy text' link='http://www.somelink.com' target='_blank']
 
 
COLUMS: 1/2 + 1/2
 
[two_columns]
[column1]
 
content content content
 
[/column1]
[column2]
 
content content content
 
[/column2]
[/two_columns]
 
 
COLUMS: 1/3 + 2/3
 
[two_columns_33_66]
[column1]
 
content content content
 
[/column1]
[column2]
 
content content content
 
[/column2]
[/two_columns_33_66]
 
 
COLUMS: 2/3 + 1/3
 
[two_columns_66_33]
[column1]
 
content content content
 
[/column1]
[column2]
 
content content content
 
[/column2]
[/two_columns_66_33]
 
 
COLUMS: 1/4 + 3/4
 
[two_columns_25_75]
[column1]
 
content content content
 
[/column1]
[column2]
 
content content content
 
[/column2]
[/two_columns_25_75]
 
 
COLUMS: 3/4 + 1/4
 
[two_columns_75_25]
[column1]
 
content content content
 
[/column1]
[column2]
 
content content content
 
[/column2]
[/two_columns_75_25]
 
 
COLUMS: 1/3 + 1/3 + 1/3
 
[three_columns]
[column1]
 
content content content
 
[/column1]
[column2]
 
content content content
 
[/column2]
[column3]
 
content content content
 
[/column3]
[/three_columns]
 
 
COLUMS: 1/4 + 1/4 + 1/4 + 1/4
 
[four_columns]
[column1]
 
content content content
 
[/column1]
[column2]
 
content content content
 
[/column2]
[column3]
 
content content content
 
[/column3]
[column4]
 
content content content
 
[/column4]
[/four_columns]
 
 
DROPCAPS
 
[dropcaps style='transparent']A[/dropcaps]
 
 
HIGHLIGHT
 
[highlights] content content content[/highlights]
 
 
LIST - ORDERED
 
[ordered_list]
 
    Lorem Ipsum
    Lorem Ipsum
    Lorem Ipsum
 
[/ordered_list]
 
 
LIST - UNORDERED
 
[unordered_list style='dot']
 
    Lorem ipsum
    Lorem ipsum
    Lorem ipsum
 
[/unordered_list]
 
 
MESSAGE
 
[message border='yes' background_color='#000000' size='large'] content content content [/message]
 
 
PARALLAX
 
[parallax back_button='yes']
 
[parallax_section id='insert image id' height='']
 
content content content
 
[/parallax_section]
 
[/parallax]
 
 
PORTFOLIO LIST
 
[portfolio_list columns='3' number='-1' category='dummy_slug' filter='yes']
 
 
PRICING TABLE
 
[pricing_table border='yes']
 
[pricing_column title='Price dummy title' price='100' period='per month' link='insert your link here' signup_text='Sign up' active='no']
 
[pricing_cell] content content content [/pricing_cell]
[pricing_cell] content content content [/pricing_cell]
[pricing_cell] content content content [/pricing_cell]
 
[/pricing_column]
 
[/pricing_table]
 
 
PROGRESS BAR - VERTICAL
 
[progress_bars_vertical]
 
[progress_bar_vertical title="Progress 1" number="5"]
[progress_bar_vertical title="Progress 2" number="5"]
[progress_bar_vertical title="Progress 3" number="5"]
 
[/progress_bars_vertical]
 
 
PROGRESS BAR - HORIZONTAL
 
[progress_bars]
 
[progress_bar title="Progress 1" percent="50"]
[progress_bar title="Progress 2" percent="50"]
[progress_bar title="Progress 3" percent="50"]
 
[/progress_bars]
 
 
PROGRESS BAR - HORIZONTAL (DISCONTINUOS)
 
[progress_bars_discontinuous]
 
[progress_bar_discontinuous title="Progress 1" number="3"]
[progress_bar_discontinuous title="Progress 2" number="3"]
[progress_bar_discontinuous title="Progress 3" number="3"]
 
[/progress_bars_discontinuous]
 
 
SEPARATOR
 
[separator color='#000000' thickness='1' up='30' down='30']
 
 
SERVICE
 
[service type='top' title='Dummt title']
 
content content content
 
[/service]
 
 
SLIDER
 
[slider type='big1' title='' id='insert uniqe value of slider here']
 
 
SOCIAL ICONS
 
[social_icons style='white'] youtube,http://www.youtube.com, vimeo,http://www.vimeo.com, facebook,http://www.facebook.com [/social_icons]
 
 
TABLE
 
[table border='yes']
 
[table_row][table_cell_head] dummy title [/table_cell_head][table_cell_head] dummy title [/table_cell_head][table_cell_head] dummy title [/table_cell_head][/table_row]
 
[table_row][table_cell_body] content content [/table_cell_body][table_cell_body] content content [/table_cell_body][table_cell_body] content content [/table_cell_body][/table_row]
[table_row][table_cell_body] content content [/table_cell_body][table_cell_body] content content [/table_cell_body][table_cell_body] content content [/table_cell_body][/table_row]
 
[/table]
 
 
TABS
 
[tabs tab1="Tab 1" tab2="Tab 2" tab3="Tab 3"]
 
[tab id=1]Tab content 1[/tab]
[tab id=2]Tab content 2[/tab]
[tab id=3]Tab content 3[/tab]
 
[/tabs]
 
 
TESTIMONIALS
 
[testimonials name='Dummy Name' image_link='link to your picture']
 
content content content
 
[/testimonials]
 
 
VIDEO
 
[video type='youtube' id='123456' width='600' height='400']

Update History


Version 2.0.5 – April 1th, 2013

- Added Hide Website Field (for contact form) in Qode options
- Fixed custom css and qode options css load/display delay
- Fixed woocommerce product variations select boxes layout
- Translation file updated

 

Version 2.0.4 – March 28th, 2013

- Added latest products shortcode
- Added cart icon with number of products added to cart and total amount to shop pages
- Fixed bug with select box on product detail page when product variations are used

 

Version 2.0.3 – March 26th, 2013

- Updated Service shortcode to allow link
- Updated Social shortcode to open link in new tab/window
- Fixed center header logo bug on last 2 sizes (responsive layout)
- Fixed hover state bug on main menu when loaded page is not in the menu

 

Version 2.0.2 – March 25th, 2013

- Updated portfolio list shortcode to allow showing selected projects
- Added option to center header logo
- Fixed contact form ie8 bug
- Fixed responsive bug in blog page in FF

 

Version 2.0.1 – March 21th, 2013

- Theme fixes and optimization for iPad
- Touch devices parallax fix
- Header height on last two sizes fix
- Cross-Browser testing and fixes

 

Version 2.0 – March 20th, 2013

- Added Woo Commerce 2 integration
- Added Disable Qode SEO field to Qode options
- Fixed bug with video on portfolio single, when tamplate with slider is used
- Fixed Send Message button color bug

 

Version 1.1.8 – March 18th, 2013

- Added Portfolio Style 5 template for single portfolio which shows portfolio images one below other in full width
- Added Google Analytics field to Qode options
- Renamed Porftolio titles and links to Previous, Next, About (without Project word after)
- Fixed Highlight shorcode bug when placing from shortcode menu in text editor
- Fixed Tabs bug
- Portfolio bottom separator color bug fixed
- Translation files updated

 

Version 1.1.7 – March 15th, 2013

- Added Hide footer logo in Qode options
- Fix for small slider when there is less then 3/4 slides, on last two sizes of responsive layout
- Dropdown move down menu separator fix in IE
- Translation files updated

 

Version 1.1.6 – March 14th, 2013

- Link style color fix
- Added margin on P tag in Qode options
- Separator color added (border color of input[type=”text”] and textarea will take “Separator” color, since they are same color already)
- Blog template 5 issue for blog list in Qode options fixed
- Blog pagination rendering fix
- Portfolio single template 1, image rendering fix
- Font-size option on drop down menu fix
- Global font-family option fixed

 

Version 1.1.5 – March 12th, 2013

- Removed min-height from flexslider on last two sizes (responsive layout)
- Added option to set font options for each menu level
- Added option to set color and height for magic pane boxes (hover and active state on first level menu)
- Translation file updated

 

Version 1.1.4 – March 11th, 2013

- Added Blog Template 5 which displays whole post in the list
- Added global setting to hide main menu
- Added global setting to hide blog comments
- Added blog post setting to hide featured image
- Hide slider arrows when all slides fit in the page (3 or 4)
- Fixed position center main menu responsive bug
- Carousel slider bugs fixed
- Archive title fixed

 

Version 1.1.3 – March 9th, 2013

- List of Google fonts updated
- Added Portfolio Style 4 (should be used for parallax) to Portoflio single view field
- Added child theme support
- Placing Dropcaps shortcode from toolbar bug fixed
- Google fonts field in Qode Global Options bug fixed
- Removed obsolete content_line_remover div

 

Version 1.1.2 – March 8th, 2013

- Comment posting message fix
- Link style - font decoration in qode options fix
- H2 color change on blog templates fix
- Header logo top margin on last 2 sizes of responsive layout
- Edit button in wordpress toolbar (when viewing site) when ajax is enabled fix

 

Version 1.1.1 – March 7th, 2013

- Contact form fix
- Header fix on last two sizes
- Demo content updated with Revolution slider example

 

Version 1.1 – March 6th, 2013

- Added Revolution Slider WP plugin with full width support
- Added option to parallax shortcode for on/off "back to top" arrow
- Post comments via ajax
- Added "List of internal URLs loaded without AJAX" field to Qode option to prevent AJAX on some links (for example forum)
- Fixed counters for small sliders
- 404 page layout Fixed
- Translation file updated
- Documentation updated to reflect all latest changes

 

Version 1.0.8 – March 5th, 2013

- Fixed Video on Portfolio page bug
- Fixed Portfolio Filter css
- Tranlsation file updated
- Fixed Bug when installing theme on WordPress with existing content
- Added Shortcode for displaying Latest Blog posts with 2 different layout options (Blog Layout and Portfolio Layout) 
- Fixed Tabs on tablets
- Improved Portfolio List Shortcode to allow displaying items of chosen category (add category slug to category field of shortcodes)
(This improvement allows creation of multiple portfolio list pages)

 

Version 1.0.7 – March 1st, 2013

- Added video support to portfolios (you can add either image or video, image has priority over video)
- Portfolio shortcode updated to allow filtering by sub-categories (children of top categories)
- Fixed issue found in WordPress toolbar (when viewing site) when Ajax is enabled
- IE8 bug fixed

 

Version 1.0.6 – February 29th, 2013

- Added pattern image (examples on toolbar), you can add transparent pattern image to combine with background color
- Turn on/off responsiveness
- Turn off ajax for certain pages (important for some plugins to work)
- Translation problem fixed
- Contact form localized

 

Version 1.0.5 – February 27th, 2013

- Added Back, Next & Previous buttons to project (portfolio item) page
- Parallax fixed for last 2 responsive sizes
- Cancel Reply button is stylized now
- jQuery inclusion moved from footer to header
- Layout of sliders are fixed for last 2 responsive sizes: text is shown, buttons are moved to bottom right corner
- Re-order of slides, Parallax pages, Portfolio images & Portfolio Option items is implemented
- Header Right widget is implemnted, needed to add social icons to the header
- Back to Top button is Added for Parallax pages

 

Version 1.04 – February 26th, 2013

- Initial Release