Biopic theme is packed with 3 shortcodes which can be used to insert data like skills, education and jobs. The shortcode in visual mode in WordPress editor allows you to insert shortcodes with dumy data so it's important that you understand the working of the shortcodes in this section. Each shortcode is explained with parameters and an example.
skills
skills is just a wrapper shortcode to wrap individaul skill shortcodes.
Parameters:
skill
skill shortcode can be used to add a skill to your resume.
Parameters:
- title - title of the skill
- experience - a number indicating your skill level for a particular skill
- maxexperience - the maximum skill level you can have for a particular skill
Example:
[skills][skill title="WordPress" experience="7" maxexperience="7"]Sed sapien urna, auctor et accumsan[/skill][skill title="HTML5 & CSS3" experience="6" maxexperience="7"]Sed sapien urna, auctor et accumsan ut.[/skill][/skills]
edujob
edujob is just a wrapper shortcode to wrap individaul education and jobs shortcodes.
Parameters:
None
edujobitem
edujobitem shortcode can be used to add a education and jobs to your resume.
Parameters:
- title - title of the skill
- period - duration of a degree/course or a job
Example:
[edujob][edujobitem title="Masters degree" period="Jan 1996 - Dec 2001"]University of studies, country, city[/edujobitem][edujobitem title="Bachelors degree" period="Jan 2001 - Dec 2004"]University of studies, country, city[/edujobitem][/edujob]
tabs
tabs only inserts the tabs interface and requires use of tabscontent and tabcontent shortcodes to insert a complete tabs interface with content in page, post or even in widget ready areas.
Parameters:
- tabs - Accepts titles of tabs separated by comma
tabscontent
This is just a wrapper shortcode for the actual tab content blocks.
Parameters:
None
tabcontent
A tab's content can be added using tabcontent shortcode which requires an id matching the title of the corresponding title of a tab.
Parameters:
- id - It must match the title of the corresponding tab title.
- class - This is an option parameter. You must use this for the first tab to make it active and show it's content.
Example:
[tabs tabs="Tab1,Tab2,Tab3"]
[tabscontent]
[tabcontent id="tab1" class="active"]Tab 1 content goes here[/tabcontent]
[tabcontent id="tab2"]Tab 2 content goes here[/tabcontent]
[tabcontent id="tab3"]Tab 3 content goes here[/tabcontent]
[/tabscontent]
accordion
Accordian shortcode allows you to show a vertical accordian. It requires accordiontab shortcode to complete it's functionality.
Parameters:
- id - An optional parameter to assign a unique id to an accordian.
accordiontab
This shortcode is required to complete the functionality of the accordion shortcode by adding sections to accordion.
Parameters:
- title - Title of the accordion tab.
Example:
[accordion id="optional-id"]
[accordiontab title="Tab 1"]Tab 1 content goes here[/accordiontab]
[accordiontab title="Tab 2"]Tab 2 content goes here[/accordiontab]
[accordiontab title="Tab 3"]Tab 3 content goes here[/accordiontab]
[/accordion]
toggle
Adds a toggle interface element to a page.
Parameters:
- title - Title of the toggle element
- active - An optional parameter with possible values of "true" or "false". If set to true then the toggle element will be shown in expanded style by default.
Example:
[toggle title="Toggle Title"]Toggle content goes here[/ toggle]
list
list shortcode can be used to show unordered lists with following 3 bullet styles.
Parameters:
- type - Determines type of list. Default value is "arrow" if you omit the type parameter.
Example:
[list type="arrow"]
< ul>
< li>Test 1
< li>Test 2
< li>Test 3
< /ul>
[/list]
button
button can be used to show a squared or rounded, a small or big button.
Parameters:
- label - Label of the button
- link - Link of the button
- size - size of the button either small or large
- shape - Determines shape of the button i.e. either squared or rounded. Acceptable values are "default" for a rounded shape button and "square" for a square shape button.
Examples:
[button label="Click Me" link="http://google.com"]
[button label="Click Me" link="http://google.com" shape="round"]
alert
Alert shortcode can be used to show alerts of various types. Each alert type is represented by a specific type of icon. Following is list of alerts:
- warning
- notice
- success
- error
- info
- standard - a generic message without an icon
Parameters:
- type - Use this parameter to specify the type of alert. Omit it to show a generic alert message as default value is "standard".
Examples:
[alert type="warning"]alert content goes here[/alert]
[alert]this is a standard alert[/alert]
blockquote
A very simple shortcode to show text in a blockquote. You can even use WordPress editor's built-in blockquote button but using the blockquote shortcode you can specify the name of a person.
Parameters:
- author - An optional parameter to show name of person below the quote.
Example:
[blockquote author="John Doe"]Sed sed leo sit amet elit sagittis fermentum. Nulla posuere commodo erat. Nam ac nunc ipsum, id espara tincidunt orci. Quisque adipiscing molestie dolor, ut congue sem porta et.[/blockquote]
video
Video shortcode can be used to embed a youtube or vimeo video into a page or post.
Parameters:
- id - This is the id of the youtube or vimeo video. For example in youtube embed url http://www.youtube.com/embed/044BLsDCucc the id of the video is 044BLsDCucc.
- type - Either youtube or vimeo.
- width - Width of the video
- height - Height of the video
Example:
[video id="044BLsDCucc" width="560" height="315" type="youtube"]
gmap
Google maps can be added to a page/post using gmap shortcode. In order to add a Google map to your site, you need to get an apikey.
Parameters:
- apikey - apikey for your website.
- address - address on the Google map which will be shown to user on load and marker will be displayed on that address.
- html - html text which will be displayed in the popup.
- zoom - zoom level of the map.
- width - width of the map.
- height - height of the map.
- latitude - optional latitude value of the address.
- longitude - optional longitude value of the address.
- maptype - type of map to show. Possible values are HYBRID, SATELLITE, ROADMAP and TERRAIN
- popup - whether to show popup on load or not.
- scrollwheel - whether to enable mousewheel scrolling or not. Acceptable values are "true" and "false".
Example:
[gmap latitude="0" longitude="0" width="100%" height="400px" maptype="ROADMAP" zoom="14" popup="true", popup="Sydney, Australia", address="Sydney, Australia"]