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