Creating a message or page in WordPress is easy thanks to the built-in editor. Additionally, plugins like TinyMCE Advanced add a lot of convenience to the style of your text.
But one thing remains difficult: using columns. If you are familiar with HTML, you can do that using CSS in WordPress 'Text Editor', but it will not make it easier and more straightforward.
Two columns, defined in HTML, would look like this:
1 2 3 4 5 6 7 | <div style="width: 40%; padding: 0 10pt 0 0; float: left;">Inhoud van Kolom 1 hier</div><div style="width: 40%; padding: 0 10pt 0 0; float: right;">Inhoud van kolom 2 hier</div> |
That's not what an average WordPress user will do without extensive HTML knowledge.
The solution: The plug-in Column Shortcodes
With the plug-in Column Shortcodes, we solve this problem soon! When you install this plugin, a button appears next to your Add Media button in your editor. If you click on it, you'll see the screen what you see right here.In this screen, you can choose what column you want to add. You have a lot of freedom here.
Imagine dividing the page into two columns, both of which are equally large. We then click on the one-half option for the first column. Plug in a small piece of code in your message or page.
Then click the button again and select 'one half (last)'. It is very important that you always choose "last" for the last column of a page!
You will receive:
[one_half][/one_half] [one_half_last][/one_half_last] |
Between these shortcodes, you can put your content for the columns. Text, images, everything is possible.
You can also vary incredibly with columns. Example of a series of 3 columns of different widths:
Column 1 - One half
Column 2 - One fourth
Column 3 - One fourth
The code for these columns is as follows (note the addition "load" at the last column!)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | [one_half]Kolom 1 - Eén helft[/one_half][one_fourth]Kolom 2 - Eén vierde[/one_fourth][one_fourth_last]Kolom 3 - Eén vierde[/one_fourth_last] |
I admit it seems a bit complex, but certainly using the Column Shortcodes dialog box is certainly not!