Shortcodes

Below is a list of available shortcodes. Astro 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.

Table of Contents

Progress Bars

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

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]

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”]
Ivy 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”]
Astro 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”]
Astro 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”]
Astro 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]

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]

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]

Code Syntax Highlighter

[ecko_code_highlight]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/’);[/ecko_code_highlight]
[ecko_code_highlight language=”python”]#!/usr/bin/python
# -*- coding: utf-8 -*-
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()[/ecko_code_highlight]

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/ecko_columns_right][/ecko_columns]

Annotated Content

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

Youtube Video

[ecko_youtube]ZwzY1o_hB5Y[/ecko_youtube]

Vimeo Video

[ecko_vimeo]35396305[/ecko_vimeo]

Leave a Reply