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.
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.
[highlight color="gray"]Some Text[/highlight]Custom Colors:
[highlight bg_color="#aa0000" text_color="#ffffff"]Some Text[/highlight]
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.
[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]
Break & Top
Use break for creating sections and top for going to the top of the page.
[break]
[top]
Google Maps
Fill in the coordinates, and you have yourself a Google Map
[map width="540" height="300" lat="38.26" long="-85.62" zoom="8"]
Align – Left, Right & Center
[align_center]Content[/align_center]
Frame – Left, Right & Center
Left Frame
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.
[frame_center src="IMAGE-URL" href="LINK-URL"] Some text [/frame_center]