[background bokeh=“yes“ particles=“yes“ overlay=“yes“]
[background_image]{THEME_ROOT}/images/stars1.jpg[/background_image]
[/background]
[spacer_20][spacer_20]
[h3]Code[/h3]
If you want to post some code it’s hard to do because…well…it tries to be run as code! This makes it easy to paste code to share on your site/blog.
[code style=“overflow:hidden;“]Some Code Here![/code]
[code_table]
[code_line][code]Some Code Here![/code][/code_line]
[/code_table]
[spacer_20][spacer_20]
[h3]Comment[/h3]
This will mean that anything inside this shortcode will NOT show in the page itself, it can just remain as a note for in the page editor.
[code_table]
[code_line][comment]note to self: get a new image for this part[/comment][/code_line]
[/code_table]
[spacer_20][spacer_20]
[h3]Admin Note[/h3]
This will mean that anything inside this shortcode will only show on the page for people logged into the website as an admin (i.e. you).
[code_table]
[code_line][admin_note]remember to update this page when winter/summer hours change![/admin_note][/code_line]
[/code_table]
[spacer_20][spacer_20]
[h3]Encoded Email[/h3]
Putting your email address on your webpage can be helpful. But it also makes it available to spammers scraping the web for email addresses. So use this shortcode to help protect your email but still have it show on the page.
[code_table]
[code_line][encoded_email]youremail@address.com[/encoded_email][/code_line]
[/code_table]
[spacer_20][spacer_20]
[h3]Raw Tags[/h3]
Want to make sure wordpress doesn’t try to autoformat anything? Use raw tags! Keep in mind some shortcodes utilize raw tags within themselves to make sure wp doesn’t try to autoformat certain things. So raw tags inside raw tags obviously would mean it wouldn’t work as intended…so don’t use raw tags within other shortcodes if you can help it!
[code_table]
[code_line][raw]Don’t format this, let the HTML render as I typed it![/raw][/code_line]
[/code_table]
[spacer_20][spacer_20]
[h3]Custom Column[/h3]
The column widths we give you not enough? Need a bit more control? Use the custom column shortcode! It is used the exact same as other column shortcodes, but you include a “width” attribute to define the pixel width of it.
[code_table]
[code_line][custom_column width=“100″]Your column content here![/custom_column][/code_line]
[/code_table]
[spacer_20][spacer_20]
[h3]Code Tables[/h3]
Want to know how to do the slick code tables we use for our shortcode examples? Code_table shortcodes! For each line define a code_line and use blank_code_line to make blank line spaces.
[code style=“overflow:hidden;“]
[code_table]
[code_line][h3]Title[/h3][/code_line]
[code_line]This is some text![/code_line]
[blank_code_line]
[code_line][h3]Another Title[/h3][/code_line]
[code_line]This is some more text![/code_line]
[/code_table]
[/code]
[code_table]
[code_line][h3]Title[/h3][/code_line]
[code_line]This is some text![/code_line]
[blank_code_line]
[code_line][h3]Another Title[/h3][/code_line]
[code_line]This is some more text![/code_line]
[/code_table]