- Log into your site’s admin interface.
- Create a new page to configure with page blocks or edit an existing page using the WordPress Write / Manage Page admin interface.
- Enable the blocks as desired by ticking the checkbox next to each of the blocks you wish to display; untick the checkbox to hide them.
- Include any CSS styling rules that you wish to apply – each block has its own corresponding Style field. Note: Any CSS styling rules included here will override any other styling rules.
IMPORTANT: If you want only one of either the top or bottom blocks (as shown in the above example), the following CSS styling rule must be included in the corresponding block’s Style field:
width: 100%;This ensures that the block occupies the full width of the page (dependent on how your theme is set up); otherwise the block will only be half of the width.
Handy tip: For testing whether the page blocks are working correctly, setting the block’s background colour to red as follows is useful since it will show the extents of the block without affecting content or layout:
background-color: #ff0000; - Save your page changes.
Note: Just saving your changes at this point is not enough to make the page blocks visible. In order to make them appear it is necessary to add at least one widget to each enabled block.
- Go to the WordPress Widgets admin interface.
- Select the page using the Widgets Page Selector drop down at the bottom:
Select the block you wish to edit using the Widgets Block Selector drop down in the top right corner of the Widgets admin interface:
Finally add and configure widgets using the Widgets admin controls (WordPress version 2.3.3: drag-drop widgets onto the block you wish to configure).
- Save your changes, repeat steps 1 – 7 for each of the other pages you want page blocks on, and you are done!
Now view your site… you should find your page(s) showing the content generated by the widgets in addition to the page content. If for some reason you experience problems, check out the FAQ page for more information.