How to Add a Web Part Zone for SharePoint

written by Rob Fisch March 16, 2010 0 comments

Problem

Every SharePoint site template (both MOSS 2007 and WSS3) has its own default layout of Web Part Zones. I would like to customize the layout of these zones for flexibility of design in a particular site.

Solution

To customize the Web Part Zone layout, you need SharePoint Designer. This is available free from Microsoft.

Let’s create a new document library for some practice Web Part Pages. (See this tip if you need instructions.) Later, you can use the procedure in this article to edit your main site pages.

In your Web Part Page library, create a new Web Part Page. Choose the “Header, RIght Column, Body” to follow my design (or choose another if you like to be creative).

Once you get your page, there is no need to add web parts now. Just stop editing it and return to the library where it exits. I use the breadcrumbs pictured below.

Editing Web Part Pages with SharePoint Designer

Now open the web page by clicking on it.

Here’s a view of the blank page.

Assuming you have SharePoint Designer 2007 installed, go to the “File” menu of Internet Explorer and select “Edit with Microsoft Office SharePoint Designer”.

You will now see your page, in edit mode, from inside the SharePoint Designer. Note that the Web Part Zones exist within a standard HTML table. (You may need to open the “Design” tab in SharePoint Designer.)

Select the lower row of the table.

Then, from the “Table” menu in SharePoint Designer, select “Insert” and then “Row Below”.

Click into the row you just created. For illustration purposes, I am going to add a table with 3 rows and 3 columns. From the “Table” menu, select “Insert Table”. Use the parameters I have below (or anything you like).