Difficulty
How long will it take?
5 Minutes
Youtube Video
Not yet available
Step 1
First of all, create or navigate to the page or post that you would like to edit.
Step 2
Click on the shortcode dropdown, signified by a [] symbol.
Step 3
Click on the shortcode named “1/3” to insert it into the page.
Step 4
Select the three dots in between the code.
Step 5
Press enter three times.
Step 6
Select / highlight the entire shortcode within the content box and copy to clipboard.
Step 7
Left click after the shortcode and paste twice so that there are 3 instances of the one_third tags.
Step 8
On the final shortcode, where it says one_third last=”no”, select the “no” and change it to “yes” (including the quotes)
Step 9
Enter all of your content between the three column shortcodes.
Step 10
Submit, update, publish or preview your page or post and it should look similar to this image.
Additional Information – Mix and Match
This guide only covers creating a three column split using three 1/3 shortcodes. There are seven types of column shortcodes available. You can mix them up as much as you like so long at the total equals one whole, and that the last shortcode in the row has the “last” parameter changed to “yes”.
The step-by-step area is created with the text in a 1/3 shortcode, and the images in a 2/3 shortcode.
Additional Information – Shotcode-ception
For more advanced users – shortcodes can be used inside of other shortcodes. For example on the request a feature page, you may be able to see that we have two columns. A 1/3 column and a 2/3 column.
Within the 1/3 column there is the shortcode for our request a feature contact form.
In the 2/3 column this is a little more complex: there is a “tabs” shortcode. Inside each of the tabs contained within this shortcode, there is an “Accoridan” shortcode. (and inside of each accoridan there is the text for each bug / feature.