For: Designers
SharePoint Publishing sites tend to use publishing pages that are populated by web parts. There are many different types of web parts, ones that simply display editable text, ones that show lists and libraries, and many others.
Add a Web Part
- Edit your page
-
- Do this by either selecting Site Actions >> Edit Page, or by clicking the little pencil and paper icon to the left of the browse icon
- Select Add a Web Part
-
- Note: There are six web part areas in the custom One Column layout below the rich content area. In the Two Column layout, there is only one web part area in the right sidebar. Web parts can also be added to the rich content areas.
- A large bar will appear on the top of the page where the user is to select the web part to be displayed. See below to determine which web part you will use. Select the web part, Add. --Note-- there is an area labeled Add Web Part to: this specifies the web part area on the page in which the selected web part will be added
-
-
-If you want to display text with editable HTML content, use the Content Editor web part.
-If you want to have a link to a list/library on your page, you can easily add one as a web part.
-If you want to link to content from a central location and display it, use a Content Query web part. This allows you to display the same content multiple times, and editing the original content will change all those web parts that link to it.
-
- Your web part will be added to the page
Edit Web Part
After adding your web parts, they may need to be edited. Many of the editable properties of content editor web parts are used in other web parts as well, and since they are commonly used for displaying text, they are a good place to begin learning about web parts.
While in edit mode on your page, hover over your content editor web part and an arrow will appear on the upper right hand corner.
- Choose Edit Web Part from the dropdown
- The first editable region is the Content Link area where you can have the content editor display text from another file
- Under Appearance, users can edit the title, height, width, and Chrome Type, which is what is edited in order to take away the header, border or both. Changing this option to None will make your web part only display the content without the tan bar with the title on top. This field is normally set to default.
Under layout, if Hidden is checked, the web part will not be shown when the page is saved (not in edit mode). Direction refers to the text's direction- either being right to left or left to right. The Zone Index contains a number that refers to this particular web part's position relative to the other ones in its web part area. For example, one web part with Zone Index equal to 1 will be displayed on the page above one with a Zone Index equal to 2. --Note-- these numbers do NOT need to be their exact index value, for example two web parts with 1 and 2 as their Zone Index values would function the same as two with 12 and 66 as their values.- Under Advanced there are a number of other high-level controls, few of which are very useful for designers.
- Apply changes by selecting OK or Apply
