Short Codes

To make styling the GrowingGreat website a little easier to maintain, there are several Short Codes that can be utilized in the site to match the cool appearance of the various pages.

CREATING THE INGREDIENTS BOX

To create the ingredients box simply put this code [ ingredients ] (without spaces) before your content. Hit return after each ingredient. Then put [ /ingredients ] (without spaces), after it.

[ingredients] 1/4 cup of sugar
1/4 cup flour
3 eggs
2 tsp baking soda
1/4 cup of sugar
1/4 cup flour
3 eggs
2 tsp baking soda
[/ingredients][clear]

CREATING THE PREPERATION BOX

The preperation box is set automatically to float or align to the right side of the post. That way the ingredients will automatically float to the left and the preperation will float to the right.

Special note: If one is longer then the other, then an additional shortcode must be entered. You need to “clear” the previous float by placing a [ clear ] code after the ingredients and preperation Short Codes.
[preperation] Put it all in a bowl.
Mix it up.
Sprinkle pixie dust over it.
Put in paper cups.
Put in over for 20 minutes.
When oven catches on fire, pull them out.
Call 911.
Eat them.
[/preperation][clear]

BOXES

Various multicolored text boxes can be created by simply putting this code.

[ box ] Then your content goes inside. Then you close the box with [ /box ]

To change the color of the box simply put color=”red, green, blue, yellow” after the word box.
Example: [ box color=”green” ]This is a green box. [ /box ] (remove the spaces between the [ ] brackets.

[box color=”green”]This is green a box. [/box][box color=”blue”]This is blue a box. [/box][box color=”red”]This is red a box. [/box][box color=”yellow”]This is yellow a box. [/box]

LINEBREAKS

To create various dashes and line breaks, simply use… [ then the type of line, then ] horDashed (for a horizontal dashed line)
hor2 (for a horizontal 2 dashed line)
horDashed (for a dashed horizontal line)
starHor (for a line with stars in the middle)

[horDashed][horDouble][hor2][starHor]

Buttons

Buttons have a few more elements in them to make them functional. Like previous shortcodes use [ button ] You also need to add a few variables between the [ ] brackets as well.
size=”small” (makes a small button)
size=”big” (makes a big button)
url=”http://thisistheurlyoupointto.com”
float=”left or right” makes the button appear on the left or right side of the screen.
round=”round” creates a slightly rounded button.

[button size=”small” color=”red” url=”http://google.com” float=”left” round=”yes”]This is a button[/button][button size=”small” color=”green” round=”round” url=”http://google.com” float=”left”]This is a round button[/button]

That’s pretty much all that’s needed to utilize the short codes. If you have any questions, feel free to contact us.

Add Comment

Your email address will not be published. Required fields are marked *