Shortcodes
The theme comes with a number of shortcodes allowing you to add the info where you want the relevant content to show up. In addition, you can use WPBakery Visual Composer to add new elements to the page in a simple way.
More information on how to use Visual Composer properly can be found here:
The shortcodes highlighted with red color (the first three rows) were created especially for Sydney theme:
Below is a list of the shortcodes included in the theme.
Special heading shortcode
Parameters:
- Heading title - The title of the heading
- Heading subtitle - with this field you can add subtitle for heading
- Heading description - add description for this block
- Align - choose shortcode alignment
- Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.
- Moreover, you can change typography for Title, Subtitle and Description text. These options can be found in Title, Subtitle, Description sections:
In
Responsive margins section you can select more suitable margins for desktop, tablet and mobile or use default options:
Button shortcode
Parameters:
- Button label - add the title
- Button link - The URL where the link from the button leads to.
- Text color - select color
- Background color - choose the background color
- Border color - select from the list border type
- Border width - add width border
- Text hover color - select the hover
- Background hover color - choose from the list
- Size - choose the size
- Font weight - select the weight
- Align - choose alignment
- Extra class name - class name for the
element . Allows to set up additional decorations for theelement in CSS stylesheets.
In Design Option section
Animated numbers shortcode
Parameters:
- Title - in this field you can add title for this block
- Subtitle - subtitle can be added
- Number - put a number here
- Color - you can change color for all elements in this block
- Extra class name - class name for the element. Allows to set up additional decorations for the element in CSS stylesheets.
Icon box shortcode
Parameters:
- Style - The icon box style. You can select most suitable style from proposed list
- Icon type - The icon type. It can take one of the following values: image or icon.
- Style fonts - Chose from the list dark or light type
- Icon - here icon should be uploaded
- Icon font size - select an appropriate size for icon
- Icon color - select the icon color
- Title - choose the title
- Subtitle - add subtitle
- Description - add short description
- Text color - choose color text
- Extra class name - class name for the
element . Allows to set up additional decorations for theelement in CSS stylesheets.
Portfolios shortcode
Parameters:
- Filter style - You can select most suitable filter style from proposed list
- Count posts - put a number of posts which should be mentioned on front page
- List items style - The list type. It can take one of the following values: red, grey or default overlay.
- Extra class name - class name for the element. Allows to set up additional decorations for the element in CSS stylesheets.
Video button shortcode
Parameters:
- Preview video - using this option you can add image which would be displayed at the beginning
- Video URL - URL for the current video.
- Video height - Section height (in pixels)
- Extra class name - class name for the element. Allows to set up additional decorations for an element in CSS stylesheets.
Testimonials shortcode
Parameters:
- Name - name of person who left feedback
- From - name of its` company
- Content - here you can add quotes from the client
Services shortcode
Here you would need to add title and subtitle for this block, upload image and add feature items:
Pricing table shortcode
In order to display the same shortcode, the following set of options should be used:
- Title/Subtitle - add title and subtitle in the first and second fields
- Price text - add prices info with the help of span tag
- Features - in this filed you can add short description, some info related to products preferences
- Button label - is the text which would be mentioned in the button
- Button link - The URL where the link from the button leads to
- Best price - click yes if you would like this price to be mentioned as the best proposal
- Extra class name - class name for the element. Allows to set up additional decorations for the element in CSS stylesheets.
Gallery shortcode
Parameters:
- Gallery - in this option images should be added
- Layout - gallery style. it can be of two types: grid or slider
- Extra class name - class name for the element. Allows to set up additional decorations for the element in CSS stylesheets.
Partner shortcode
For this type add image, title and URL where the link from the title leads to. Extra class name is optional (Allows to set up additional decorations for element in CSS stylesheets).
Post carousel shortcode
Parameters:
- Query - select post types to populate posts from. It could be of the following type: posts, page, product, sydney_portfolio. Note: If no post type is selected, WordPress will use default "Post" value. In Post count enter a number of posts which should be displayed. Order by field - select how to sort retrieved posts.
- Read more text - read more or similar text should be added here
- Style fonts - the fonts style. It can take one of the following values: light or dark.
- Style - The posts style. It can be of two styles (style 1 or 2)
- Show dots - with this option you can enable pagination in the bottom part of the block
- Extra class name - class name for the element. Allows to set up additional decorations for the element in CSS stylesheets.
Post grid shortcode
Parameters:
- Query - select post types to populate posts from. It could be of the following type: posts, page, product, sydney_portfolio. Note: If no post type is selected, WordPress will use default "Post" value. In Post count enter a number of posts which should be displayed. Order by field - select how to sort retrieved posts.
- Read more text - read more or similar text should be added here
- Style fonts - the fonts style. It can take one of the following values: light or dark.
- Style - The posts style. It can be of two styles (style 1 or 2)
- Extra class name - class name for the element. Allows to set up additional decorations for the element in CSS stylesheets.
Rounded progress shortcode
To display the same shortcode type, fill in Title and Persent value fields (only numbers should be used ). If you would like all the elements to be in one line click yes on
Inline style option. Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.
Team members shortcode
Parameters:
- Name - here name of the person should be added
- From - position and company`s name is required in this field
- Description - here you can mention some detailed information regarding the member
- Avatar - image can be added
- Skills - enter skills with the format skill name: value, each skill in a line
Image popup shortcode
Only image and title should be added to this shortcode:
Icon list shortcode
Parameters:
- Icons - here only icons should be uploaded
- Alignment - the way to align the button left / right/center
- Extra class name - class name for the element. Allows to set up additional decorations for the element in CSS stylesheets.