Magnolia 6.0 reached end of life on June 26, 2019. This branch is no longer supported, see End-of-life policy.
Use the Pages app to create and edit pages on a Magnolia author instance. When you are done editing, publish the changes to public instances.
Green toolbars identify editable page elements:
A dark green toolbar shows which element currently has the focus.
Pages are based on templates. A template gives the page structure which is important for presenting content in the right order and building a consistent looking site. A template defines what components editors can create, edit and move on the page. They also define how many components are allowed in a particular area of the page. Without a template it would be difficult to keep the site design consistent. See Templating for more.
Example: Choosing a template for a new page
Components are the smallest blocks of editable content. At its simplest, a component consists of a heading and some text but can contain almost anything.
Note that if you copy a component from one area to another, the component must also be available in the target area for the paste operation to work.
Example: Adding a new component.
The component that has just been added to the page or duplicated in it will remain selected for further editorial actions.
In Magnolia, you edit content in a dialog. A dialog typically contains a form. Editors type content into the form fields and the dialog stores the content in the repository. You can create your own dialogs.
Example: Editing a text and image component in a dialog.
Click Preview page to see the page without toolbars.
Use the dropdown at the bottom to switch between desktop, or tablet and smartphone in both landscape and portrait view. The resolution of the non-desktop options display in the bar. The resolutions are some of the most common device sizes on the market. See screensiz.es for more.
In the lower-right corner, you can click the Preview in tab button to open the current page in a new tab showing it not surrounded by the page editor.
The page editor displays the publication status in the status bar at the bottom of the screen and on each component that has changed:
A fresh Magnolia installation does not have versioned content. Demo content is bootstrapped and immediately marked as "published". You see a green publication status but no publication has actually happened.