Metrolo comes bundled with a number of Shortcodes. These Shortcodes make editing content a snap. Also, there is a nice little inbuilt ‘Shortcode Generator’ so you don’t have to go around hunting for Shortcode syntax.

Dropcap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arcu, augue quis elit.ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros augue eleifend arc.

Top

Highlight

Special notes can be highlighted using the ‘highlight’ shortcode. Use from a pre-existing set of colors (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple) or set your own background color and text color.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.



Shortcode
Preset Colors:
[highlight color="gray"]Some Text[/highlight]
Custom Colors:
[highlight bg_color="#aa0000" text_color="#ffffff"]Some Text[/highlight]
Top

Buttons

Buttons come in 3 sizes – small, medium and large. Once again, you can choose from pre-existing color sets (Black, Gray, White, Blue, Yellow, Red, Orange, Green, Pink, Purple), or set your own background color and text color.

Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet.

Shortcode
Preset Colors:
[button href="URL" align="left" color="orange" size="smallbutton"]text[/button] [clear]
Custom Colors:
[button href="URL" align="left" bg_color="#aa0000" text_color="#ffffff" size="smallbutton"]text[/button] [clear]
Top

Break & Top

Use break for creating sections and top for going to the top of the page.

Shortcode
[break]
[top]
Top

Google Maps

Fill in the coordinates, and you have yourself a Google Map

Shortcode
 [map width="540" height="300" lat="38.26" long="-85.62" zoom="8"] 
Top

Align – Left, Right & Center

Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet.
Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit dolor sit amet, risus vitae scelerisque dignissim, eros consectetur amet.
Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet.

Shortcode
[align_center]Content[/align_center] 
Top

Frame – Left, Right & Center


Left Frame
Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet.
Right Frame
This frame has text but it has neither a
URL nor any Image. Use this for whatever
you want. Maybe a testimonial like this.
Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet consectetur adipiscing elit. Proin facilisis, risus vitae scelerisque dignissim, eros. Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit dolor sit amet, risus vitae scelerisque dignissim, eros consectetur amet.

Lorem Ipsum Lorem ipsum dolor sit amet, risus vitae scelerisque dignissim, eros consectetur lorem ipsum dolor sit amet.

Shortcode
[frame_center src="IMAGE-URL" href="LINK-URL"] Some text [/frame_center] 
Top