Open topic with navigation

Design a web page

To design a web page, you add parts to the page. The page design screen contains editable panes where you can add, edit, or remove parts. Although you can manage parts in Parts, we recommend that you create and update parts in Pages & templates. This allows you to preview the page and see how the parts fit together.

Show Me: Watch how to add content to a page.

1. From Site explorer, click Pages & templates. Pages & templates appears.
2. Select a page and click Click here to edit this page. The page design screen appears.
Click to expand dropdownAdd parts to empty panes
3. To add a part to an empty pane:

  1. Select the pane button.

    • If a part exists in the pane, click the Page part button.

  2. A menu appears.

    • If the Page part button displays an hourglass, the part is in the content approval workflow.

  3. Depending on the template, the page design screen may contain multiple panes for parts.

  4. A Template part button appears with parts from the template.

Click to expand dropdownAdd pages to menus

Tip: To add the page to a menu:

  1. • To add the page to a menu, select Add page to menu on a menu part.

  2. The Menu part opens and defaults to the Design tab.

  3. In the box on the left, select where you want the page to appear in the menu.

  4. To add the page to the location, select Insert this page and enter menu item properties for the page.

    For more information about menu item properties, see Menu.

  5. The Add page to menu option appears for menu parts on a page and from a template.

When you add a page to a menu part for a template, it is important to remember the menu changes for all pages that use that template.

Click to expand dropdownCreate New Parts
• To create a part:

  1. Select New part.

  2. The New Part screen appears.

  3. • To create a new Formatted Text and Images part, select Add Formatted Text & Images.
    • For more information about this part, see Formatted Text and Images.

  4. To move a part with a pane, select Move up or Move down.

Click to expand dropdownAdd Existing Parts
• To add a part:

  1. Select Insert part.

  2. The Select a Part screen appears.

  3. Search for parts by folder, part type, name, or site.

Click to expand dropdownEdit Parts
• To edit a part:

  1. Select Edit.

  2. The Edit Part screen appears.

  3. When you copy a page and then edit a part that is shared across multiple pages or websites, a message appears to ask if you want to update the part for all pages and websites, or insert a new copy of the part on that page.

  4. When you edit a shared part from the page design screen, you can choose create a new copy of the part at the top of the existing part to copy the part for that page.

    • The copied part replaces the previous part on the page so your changes do not affect other pages or websites that share the original part.

For information about parts, see Edit a part.

Click to expand dropdownRemove Parts
• To remove a part:

  1. Select Cut.

  2. The program saves the part to the clipboard.

    • To place it in another pane, select Paste.

  3. You can cut and paste parts from one pane to another, but if your session times out, the program clears the clipboard. When you reopen the program, you can no longer paste the part.

Click to expand dropdownEdit style sheets
• Administrator Step: To edit the style sheet, select Edit style sheet.

Warning: When you edit a style sheet, you change it for all layouts, templates, and web pages that use it.

Warning: For more information about style sheets, see Style Sheets.

Click to expand dropdownHide Page part buttons
• To hide Page part buttons on the page design screen, select Show/hide part markers.
Click to expand dropdownEnable Menu links
• To enable links in a Menu part, select Enable navigation.
• This allows you to click links in the menu and access the page design screen to those pages.
Click to expand dropdownPreview pages

Note: To view how the page appears to different website users:

  1. Select a role in the View as field and select View.

  2. You can preview the page as visitors see it on desktop browsers or mobile devices.

  3. To display the page as it appeared on a particular date, enter the date in the on date field and select View.

  4. Administrator Step: To edit the page’s properties, click Page properties.

  5. Administrator Step: To edit the template, click Template designer.

    • When you edit a template, you change it for all the web pages that use it.

    • To create a unique template for a web page, you can copy an existing template.

  6. Administrator Step: To edit the page's layout or style sheets, click Edit layouts & CSS.

    • You can access the layouts and style sheets for desktop browsers and for mobile devices. Style sheets are listed in the cascading hierarchy that you define in Style sheets.

    • To see and manage your style sheets, select Manage style sheets.

  7. To delete the page, click Delete.

    • You can restore it from the Deleted folder on the Folders tab.

  8. The program automatically saves your changes.

To return to Pages & templates, click Return.