Primary Nav

Series Archives: WOO Shortcodes

Buttons, info boxes, columns, even toggle switches! Crazy, I know.

They're oh-so-much-more than just Submit buttons. Play around, see what you can create.

WOO Shortcodes: Buttons

This entry is part 1 of 10 in the series WOO Shortcodes

This entry is part 1 of 10 in the series WOO Shortcodes“Submit” and “Read More” is all you’re using buttons for? Expand your horizons. These can be used for more than just buttons, they’re really mini-design elements … if you know how to use them. WOO’s shortcode buttons can be used for your basic Submit […]

Continue Reading
Want to play with some shortcodes? Go ahead, it's fun!

WOO Shortcodes: Info Boxes, Buttons, & Columns to Design a Blocky Page

This entry is part 2 of 10 in the series WOO Shortcodes

This entry is part 2 of 10 in the series WOO ShortcodesYou want blocky? We can do blocky. Playing around to see how I can Do Lots With Little. Without Photoshop or CSS, I’m just playing around with a few WOO Canvas Shortcodes to get a “blocky” looking page. Boxes here, background colors there, maybe […]

Continue Reading
With this easy-to-use shortcode, you can have social media buttons directly in your content.

WOO Shortcodes: Social Buttons

This entry is part 3 of 10 in the series WOO Shortcodes

This entry is part 3 of 10 in the series WOO ShortcodesEasily add social buttons in the content area of your site. While I’m not certain why you’d want these social buttons in a post or a page (because you usually have them at the top and/or bottom of your post), I suppose you might […]

Continue Reading
Wow, didn't even know all of these features were in here.

WOO Shortcodes: Typography

This entry is part 4 of 10 in the series WOO Shortcodes

This entry is part 4 of 10 in the series WOO ShortcodesWOO Shortcodes offer some basic typography customizations that are easy to use and don’t involve lots of crazy coding. Paragraph with a drop cap at the beginning of it. I don’t know how they do this, but I like it. Pretty nice that it’s […]

Continue Reading
WOO Shortcode Info Boxes

WOO Shortcodes: Info Boxes

This entry is part 5 of 10 in the series WOO Shortcodes

This entry is part 5 of 10 in the series WOO ShortcodesHere’s another great example of how some simple CSS can bring on some really nice design style. They’re called info boxes and it’s really just a formatted background with a border color and these have a little icon on the left side. Can you […]

Continue Reading
WOO Shortcodes List Custom Styles

WOO Shortcodes: Custom Lists

This entry is part 6 of 10 in the series WOO Shortcodes

This entry is part 6 of 10 in the series WOO ShortcodesThis may seem like a minor feature, but when you know your CSS, you’ll appreciate that these are actually a bit tricky. You’ll need those images sized correctly and then the whole padding and margin sizes just right for a bulleted list. But these […]

Continue Reading
WOO Shortcodes Tab Layout

WOO Shortcodes: Tab Layout

This entry is part 7 of 10 in the series WOO Shortcodes

This entry is part 7 of 10 in the series WOO ShortcodesWOO Shortcode Tab Layout is another excellent tool to get more content into the less space. The toggle content shortcode also works great, but the tab layout gives you all of the titles right there in the same horizontal row. If you want to […]

Continue Reading
WOO Shortcodes Columns

WOO Shortcodes: Columns

This entry is part 8 of 10 in the series WOO Shortcodes

This entry is part 8 of 10 in the series WOO ShortcodesColumns (or in old-school HTML: tables) are a big pain if you’re trying to create them from scratch. Thankfully, built into the WOO Canvas theme are shortcodes which let you easily let you add up to a 6-column layout. One the bracketed columns are […]

Continue Reading
3 Columns Without Divider

WOO Shortcodes: Dividers

This entry is part 9 of 10 in the series WOO Shortcodes

This entry is part 9 of 10 in the series WOO Shortcodes You may have noticed in WordPress that it can be a challenge to have a hard return (or worse yet: a double hard return or extra paragraph break) when using the WYSIWYG editor. WordPress is trying to be “helpful” and remove accidental double […]

Continue Reading
Here's an example of how to use the WOO shortcode Content Toggle.

WOO Shortcodes: Content Toggle

This entry is part 10 of 10 in the series WOO Shortcodes

This entry is part 10 of 10 in the series WOO ShortcodesWOO utilizes shortcodes which can do some fancy design work behind the scenes while all you have to do is use the magic WOO Shortcodes button. Here’s an example of how to use the WOO shortcode Content Toggle. Here’s color code for bar: [code].shortcode-toggle […]

Continue Reading