Shortcodes
We provide some typography styles and shortcode’s which allows to manage your editor’s layout to have better view. Check it out here.
Shortcodes location for the WordPress Classic Editor:
For the Block Editor (Gutenberg) please copy shortcode directly from our documentation from the Shortcode Code block and paste inside the block editor.
Buttons #
Shortcode Code:
Colors [infolio_button button_text='Default Button' button_link='#' target='_blank' color='default' size='medium'] [infolio_button button_text='Primary Button' button_link='#' target='_blank' color='primary' size='medium'] Sizes [infolio_button button_text='Button Large' button_link='#' target='_blank' color='default' size='large'] [infolio_button button_text='Button Medium' button_link='#' target='_blank' color='default' size='medium'] [infolio_button button_text='Button Small' button_link='#' target='_blank' color='default' size='small'] [infolio_button button_text='Button Extra Small' button_link='#' target='_blank' color='default' size='extra-small'] Buttons Group (for more than one buttons) [infolio_button_group][infolio_button button_text='Default Button' button_link='#' target='_blank' color='default' size='medium'] [infolio_button button_text='Primary Button' button_link='#' target='_blank' color='primary' size='medium'][/infolio_button_group]
Shortcode Parameters:
- button_text
- The button or link text
- button_link
- The URL path where the button links to. For example, http://www.example.com/
- target
- Can be one of these values: blank (for new window), self (for same window).
- color
- Can be one of these values: primary|default which you can change at customizer options
- size
- Can be one of these values: estra-small|small|medium|large
Dropcap #
Dropcup is a large initial letter that drops below the first line of a paragraph, usually used at the beginning of a section or chapter of a book.
Shortcode Code:
Default [infolio_dropcup color='default']L[/infolio_dropcup]orem ipsum dolor sit amet Primary [infolio_dropcup color='primary']L[/infolio_dropcup]orem ipsum dolor sit amet
Shortcode Parameters:
- color
- Can be default or primary.
Columns #
There are 2 types of column shortcodes One Half and One Third. Its possible to use text, image or other shortcodes inside these columns.
Two Columns
Two Columns Shortcode Code:
[wrapper][one_half] ONE HALF Established fact that a reader will be distracted [/one_half][one_half] ONE HALF Established fact that a reader will be distracted [/one_half][/wrapper]
Three Columns
Three Columns Shortcode Code:
[wrapper][one_third] ONE THIRD Established fact that a reader will be distracted [/one_third][one_third] ONE THIRD Established fact that a reader will be distracted [/one_third][one_third] ONE THIRD Established fact that a reader will be distracted [/one_third][/wrapper]
Alerts #
Shortcode Code:
Info [infolio_alert type='info']Informative Message[/infolio_alert] Warning [infolio_alert type='warning']Attention! Warning![/infolio_alert] Success [infolio_alert type='success']Sucessful status message![/infolio_alert] Danger [infolio_alert type='danger']Something went wrong![/infolio_alert]
Shortcode Parameters:
- type
- Can be success|info|warning|danger.
Blockquotes #
For blockquotes you just need to use the WordPress default Blockquote button.
It’s possible to use more complex HTML markup for the blockquote in the Text editor.
HTML Example:
<blockquote> <p>Knowledge comes, but wisdom lingers.</p> <p><cite>Read more at: <a href="http://www.brainyquote.com">www.brainyquote.com</a></cite></p> </blockquote>