Content Page

When we planned the theme in the earlier tutorial our home page was designed to have a sidebar on each side, we also had four content widgets, we are going to create this as a template page that can be applied to any blog page, with both the left and the right sidebars and four content areas.

In this tutorial we will be identifying the structure and the styles we need to change for our content page layout, we will work with two sidebars and the four content areas.

We will create one template pages that can be applied from the admin area, we will use five of the  template parts we created, this will be another good example on the use of template parts.

Continue reading

Three Columns

When we planned the theme in the earlier tutorial our home page was designed to have a sidebar on each side, we are going to add and create another layout, not as just the home page but as a template page that can be applied to any blog page, with both the left and the right sidebars.

In this tutorial we will be identifying the structure and the styles we need to change for our three column layout, we will work with four sidebars both the wide and narrow sidebars.

We will create two template pages that can be applied from the admin area with different sidebar widths, we will use the template parts we created earlier to add our sidebars, this will be a good example on the use of template parts.

Continue reading

Right Sidebars

If we are following the tutorials then we would have a new set of widgetized areas, in this section we will be working with the right sidebars, we created two right sidebars and will create two template parts and two template pages, we will also need to adjust the inline styles to accommodate the right sidebars.

In this tutorial we will be identifying the structure and the styles we need to change for our right sidebars, we will work with both the default sidebar and second right sidebar.

We will create template pages that can be applied from the admin area with different sidebar combinations, we will also create template parts that will add our new sidebars, this will reuse the new element we created to hold the two sidebars for the two right sidebars page.

Continue reading

Left Sidebars

If we are following the tutorials then we would have a new set of widgetized areas, in this section we will be working with the left sidebars, we created two left sidebars and will create three template parts and three template pages, we will also need to adjust the stylesheet blocks to accommodate the left sidebars.

In this tutorial we will be looking at the themes page layout with FireBug, identifying the structure and the styles we need to change for our left sidebars.

We will create template pages that can be applied from the admin area with different sidebar combinations, we will also create template parts that will add our new sidebars, this will mean creating a new element to hold the two sidebars for the two left sidebars page.

Continue reading

Widgetized Areas

Now we have a clear picture of the layouts for the template pages we want for our theme we have to create the content areas, we were thinking of leaving the names of the Twenty Ten sidebars and just tagging our new areas on the end.

On reflection we will disable the Twenty Ten widgetized areas and add our own, this will make the management of the widgetized areas easier, and we will be able to order them in the workflow we prefer.

In this tutorial we will be removing the WordPress call in the parent theme that creates the widgetized areas, WordPress 3 introduced some new functions one of these will be used to remove the action that loads the sidebars.

We will create a new function that will create our own widgetized areas, this function will introduce us to using arrays to store variable values to be used in a For Each code loop.

Continue reading