Shortcodes

Below is a list of available shortcodes. Onyx includes a post editor menu which allows easy access to shortcodes and their options. Further information on shortcodes and their usage can be found in the provided documentation.

Progress Bars

[ecko_progress percentage=”75″]
[ecko_progress percentage=”60″ color=”gray”]
[ecko_progress percentage=”40″ color=”green”]
[ecko_progress percentage=”55″ color=”orange”]
[ecko_progress percentage=”20″ color=”red”]

Tabs

[ecko_tabs][ecko_tab_header id=”main”]Header One[/ecko_tab_header]
[ecko_tab_header id=”main2″]Header Two[/ecko_tab_header]
[ecko_tab_header id=”main3″]Header Three[/ecko_tab_header]
[ecko_tab_content id=”main”]
Onyx comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.
[/ecko_tab_content]
[ecko_tab_content id=”main2″]
Tab Content for Header 2
[/ecko_tab_content]
[ecko_tab_content id=”main3″]
Tab Content for Header 3
[/ecko_tab_content][/ecko_tabs]

Toggle Boxes

[ecko_toggle style=”outline” title=”Toggle Box Outline Closed” state=”closed”]
Onyx comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.
[/ecko_toggle]
[ecko_toggle title=”Toggle Box Solid Closed” state=”closed”]
Orca comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.
[/ecko_toggle]
[ecko_toggle title=”Toggle Box Solid Open” state=”open”]
Onyx comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts, below is a list of available shortcodes. Further information on shortcodes and their usage can be found in the provided documentation.
[/ecko_toggle]

Blockquote

[ecko_quote source=”Ken Venturi”]I don’t believe you have to be better than everybody else. I believe you have to be better than you ever thought you could be.[/ecko_quote]

Image Gallery

[ecko_gallery]






[/ecko_gallery]

Buttons

[ecko_button size=”small” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”blue” size=”small” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”green” size=”small” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”orange” size=”small” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”red” size=”small” url=”http://google.com”]Button[/ecko_button]

[ecko_button size=”normal” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”blue” size=”normal” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”green” size=”normal” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”orange” size=”normal” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”red” size=”normal” url=”http://google.com”]Button[/ecko_button]

[ecko_button size=”large” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”blue” size=”large” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”green” size=”large” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”orange” size=”large” url=”http://google.com”]Button[/ecko_button] [ecko_button color=”red” size=”large” url=”http://google.com”]Button[/ecko_button]

Contrast Paragraph Block

[ecko_contrast]Onyx is a multi-author & personal blog theme for the WordPress platform. Featuring a minimal, responsive, content-focused design and single-column layout. Onyx comes included with a number of shortcodes to make accessing theme features easier when creating your blog posts. Available on ThemeForest.[/ecko_contrast]

Alert Boxes

[ecko_alert]This is an alert example[/ecko_alert]

[ecko_alert color=”blue”]This is an alert example[/ecko_alert]

[ecko_alert color=”green”]This is an alert example[/ecko_alert]

[ecko_alert color=”orange”]This is an alert example[/ecko_alert]

[ecko_alert color=”red”]This is an alert example[/ecko_alert]

Full Width Image

[ecko_fullpage_image][/ecko_fullpage_image]

Code Syntax Highlighter

var http = require('http');
http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'text/plain'});
    res.end('Hello Worldn');
}).listen(1337, '127.0.0.1');
console.log('Server running at http://127.0.0.1:1337/');

import glob
# glob supports Unix style pathname extensions
python_files = glob.glob('*.py')
for file_name in sorted(python_files):
    print ' ------' + file_name

with open(file_name) as f:
    for line in f:
        print ' ' + line.rstrip()

Columns

[ecko_columns][ecko_columns_left]

Left Side

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/ecko_columns_left][ecko_columns_right]

Right Side

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [/ecko_columns_right][/ecko_columns]

Pull Quote

[ecko_pull_quote alignment=”right” source=”Ken Venturi”]I don’t believe you have to be better than everybody else. I believe you have to be better than you ever thought you could be.[/ecko_pull_quote]Quisque fringilla justo tristique mi fermentum accumsan. Integer feugiat, sem sit amet sodales cursus, enim lectus tempus tellus, nec facilisis tortor enim vel nunc. Donec facilisis arcu ac suscipit sagittis. Aliquam sollicitudin tortor et viverra commodo. Donec venenatis dignissim lacus quis dictum. Aliquam iaculis quam nec tortor volutpat, nec tempus diam efficitur. Phasellus vel orci placerat, ultricies nunc eu, tempus felis. Ut sit amet convallis velit. Mauris placerat neque at velit vehicula, iaculis semper purus blandit. Vestibulum vel tempus felis.

Annotated Content

[ecko_annotated header=”Annotation Header” annotation=”Annotation description text.”][/ecko_annotated]

Youtube Video

[ecko_youtube]ZwzY1o_hB5Y[/ecko_youtube]

Vimeo Video

[ecko_vimeo]35396305[/ecko_vimeo]