Breaking It All Down

We'll take each element and establish the location of the template and CSS definition that control its presentation.

We'll follow this pattern:

• [object]: [image_name]
  • Located: [site]/[location]

  Note:

  This is the path in the ZMI starting at your Plone site. In the example below, the [site] is named demo.

  

• Template: [template_name]
  • Located: [site]/[location]
• CSS: [css_class and/or css_id]
  • Located: [site]/[location]/[file_name]

  Note:

  The last part, [file_name], is the name of the file that contains the relevant CSS style definition.

• ECMA: (javascript) [function_name]
  • Located: [site]/[location]/[file_name]

  Note:

  The last part, [file_name], is the name of the file that contains the relevant ECMAScript file.

Additional information:

This section will have some tips or tricks or just useful info.

Note:

Not all of the possible CSS classes or IDs associated with each element may be listed.

Plone 3 Visual Customization

In Plone v3, the majority of the visual templates listed in this tutorial have been moved to the portal view customizations ([site]/portal_view_customizations) tool. Clicking the Registrations tab (the default view), and then clicking the name of one of the templates within this tool (such as plone.footer) brings you to a screen that displays the default template content, and presents the option to create custom versions of the template by clicking the Customize button.

In addition, Plone 3 includes a Manage Portlets function on each page, through which you can control what portlets appear in an object view, and in what order.