Page tree
Skip to end of metadata
Go to start of metadata

Use the Travels demo to get an overview of content authoring with a specific use case. This project illustrates how you can use pages and custom apps to manage your content.

Content is managed in the Magnolia Shell, our browser-based admin interface. 

Log in as eric (password eric) the example Travel demo editor.

Content Organization

 

AppDescription
PagesEvery project contains a hierarchy (or tree) of website pages. In particular, check out the tree of pages under the about page.
Tour CategoriesA custom content app used to manage the destinations and tour-types categories. This app is based on the Categories app.
Tourscustom content app to manage tours.

Managing content in a page

Editing standard components

  • In the Pages app, expand the travel page and edit the contact page.
  • Click Main bar to activate the component bars.
  • Click the edit icon in the Text and Image bar. Text and Image is a standard component provided by the MTE module.
  • Change text in the dialog and save.

Editing custom components

The Travel demo adds custom components that display content stored in the Tours and Tour categories app.

  • Edit the travel page in the Pages app.
  • Click Main bar to activate the component bars.
  • Click the edit icon in the TourType Teaser Row bar. This is a custom component.
  • Click the trash can to the right of /tour-types/cultural to delete this item.
  • Click Add and then Select New....
  • Select family and click Choose.
  • Save.

The family category now displays in the teaser.

Adding pages

  • Select the travel page and click Add page.
  • In the Add page dialog, enter faq as the page name.
  • Select the Travel Standard template in the dropdown. This is a list of available templates.
  • Click Next.
     
  • In the Page properties dialog, enter FAQ as the page title.

  • Save changes.

Edit the new page and note that it has automatically been added to the top navigation.

 

A site can define which page templates are available. It is also possible to add a custom availability and specify which templates can be added as children of other templates or any other rules that suit your project.

Adding components

Pages contain areas which are usually used as containers for components. Each area defines which components are available in the area.

  • Edit the new faq page.
  • Click the plus sign in the New Main Component bar.
  • Select the Text and image component in the dropdown. This is a list of available components.
  • Click Next.
  • Enter text in the Text tab and select and image in the Image tab.
  • Save.

Managing content in a content app

Content apps are useful for managing the things your site is about, such as tours, departments, affiliates, cars, etc. It is faster and easier to work in an app than in the page editor. In an app, there is only one dialog per item, and you do not have to worry about the page layout, or areas and components. Content apps encourage clean reuse of content across the site: The content is entered once in the content app and used in pages throughout the site.

Adding tour categories

  • Open the Tour Categories app.
  • Select the tour-types folder and click Add category.
  • Fill in the fields, except Importance and Related Categories, as they are not used in the demo.
  • Save.

To see the result:

  • Edit the travel page in the Pages app.
  • Click Preview page in the editor.
  • Select the new category in the Tours dropdown.

Image credit: flickr/Frontierofficial

Editing tours

To move an existing tour into the new category:

  • Open the Tours app.
  • Select a tour in the magnolia-travels folder and click Edit tour.
  • Delete the existing tour types in the Tour Types field.
  • Click Add then Select New.
  • Select the new category and click Choose.
  • Save.

To see the result:

  • Edit the travel page in the Pages app.
  • Click Preview page in the editor.
  • Select the new category in the Tours dropdown.
  • The tour is listed in both the featured and "all tours" sections.

 

  • No labels