Magnolia 4.5 reached end of life on June 30, 2016. This branch is no longer supported, see End-of-life policy.
In this section we cover general principles about web content and the editing interface. Web content is added in the editing interface. This interface displays the site pages as they appear on the web allowing for content creation in a replica of the live environment.
Green bars allow you to edit a page element. The bars indicate the most relevant content possible at any point in the editing process. They allow for quick access to components and change to focus on the page area an editor is working on. There are two kinds of bars: dark green for areas and light green for components.
The dark bars are referred to as area bars and indicate one of the following when you open a page.
Where there is no content in an area a placeholder displays.
Typically area bars do not contain function icons. Their function is to:
When you click an area bar:
To re-display all area bars click a green part of main bar at the top of the page.
The dark bars of automatically generated components are an exception in that they contain function icons. They have either:
Individual component toolbars are light green and only display within a selected area. They display the component name, Edit and Delete icons and a Move icon where components can be moved. You can access the component toolbar by clicking the component content or the area bar.
Template have distinct page areas. When you open a page, the area name is indicated in the green bars, except in areas that have subareas, like main area area. Possible areas include header, main, extras, promos, base and footer. The end of an area or subarea is marked with a thin green bar.
The STK templates are largely distinguishable by the content options in main area. Where more space is required in main area, extras area is disabled. The header, footer, promos and base areas are included on all templates. The screenshots below highlight the areas on the Home and Section templates.
Subareas determine the sequence of content and are distinguishable by the name in the bars. Content sequence can only be changed on a template level and not in the editing interface.
Technically, navigation has three subareas: horizontal, vertical and meta. Only the meta navigation subarea contains components and is editable in the editing interface. This area is located within the header on the right.
The pages of the demo sites are based on templates that are included in the Standard Templating Kit (STK). Templates are included for most types of pages. View the available templates on the live demo-features site (username/password –
superuser) in the Content Templates and Special Templates sections.
The STK templates are well-structured, flexible and configurable. You can customize them to suit your needs in Templating Kit. This is discussed in STK.
Components are the smallest blocks of content. Each component has a toolbar accessed by clicking the area bar or the component content. At its simplest, a component consists of a heading and some text, but can contain almost anything: an image, links to other articles in the same category, teased content from a sub page, RSS feeds and much more.
General concepts applicable to components:
The individual components are discussed in
Content is created and edited in dialogs. There are two ways to access a dialog:
When you click an Add icon a selector dialog opens to select the component.
On selection the component dialog opens for content entry.