Magnolia 5.4 reached end of life on November 15, 2018. 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
Component is the smallest blocks of editable content. At its simplest, a component consists of a heading and some text but can contain almost anything.
Example: Adding a new component.
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 how the page looks like without toolbars. Use the dropdown in the page bar to switch between desktop, tablet or smartphone.
Magnolia 5.4.9+ The Pages app provides a link on the page bar 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.
Touch devices such as tablets are first-class citizens in Magnolia. You can use a touch device for all editorial tasks such as managing and editing pages, and most administration tasks. See Certified stack for browser compatibility.
Long-press on the action bar to see all actions. Big touch targets are friendlier for fingers.
Example: Managing pages in a tablet.
Example: Editing a page in a tablet