Structured pages and basic pages will form the majority of general content pages on your site.

Structured pages offers multiple display options. They are suitable for:

  • a single topic
  • content that can be logically separated into sections and displayed in tabs, accordions, as a table of contents or as a step-by-step list.

    Learning outcomes

    At the end of this topic you will be able to:

    1. Create a structured page
    2. Change the view mode of the structured page
    3. Explain the use of the different view modes
    4. Add and remove paragraphs from the structured page
    5. Re-order the paragraphs of the structured page

    Essential guides

    Check the guides before completing the task:

    • Structured pages – when to use a structured page and different variants of a structured page.
    • Headings – learn how to write good headings and ensure you follow the correct hierarchy.

    Creating a structured page

    Structured pages are similar to Basic pages, but are designed for long content that needs to be split up into sections or steps. The majority of general content pages on a site will be either a basic page or structured pages.

    Step 1

    In the administration menu, go to Content > Add content > Structured page.

    menu selection for structured page

    Step 2

    The edit screen displays.

    1. Title - The page title.
    2. Introduction - Displays above the structured content paragraphs.

      Structured page fields 1 to 3

    3. View mode selector - Determines how the structured content fields will display.

      Tabs view
      Each paragraph is a separate tab. Recommend 2-4 tabs maximum.

      Tabs display in horizontal format


      Accordion view
      Each paragraph is a separate accordion toggle. All are collapsed by default, and only one is active at a time.

      Accordion display


      Step by step view
      Each paragraph becomes a step in a process and behaves like a separate page. Index of steps is listed at the top of the page, and previous/next buttons display at the bottom.

      Step by step display


      Table of contents view
      Each paragraph is displayed one below the other. A jump list to each paragraph displays at the top of the page.

      Table of contents

    1. Structured Content - Add a new paragraph for each section of content to be displayed using one of the view modes.

    Add new paragrahp

    Each structured content paragraph contains a Title and Body field.

    Structured content paragraph

    1. Teaser image - Optional. Displays in card and teaser views.
    2. Hero image - Optional. Replaces the default page header with a hero banner header.

    Teaser image and hero image uploaded

    1. Aside - Optional. Used for content that is tangentially related to the main page content, such reminders or contact details.

     aside

    The Aside field displays.

    aside rich-text paragraph

    1. Related content - Optional. Allows other pages on the site to be referenced in a short list. The relationship is manually created, not inferred from any data such as tags. Click Add new paragraph to create a related content group.

    click add new paragraph

    The Related content fields display.

    Title - Optional. Heading to label the related pages. e.g. "Associated research", or "See also"

    Related content - Reference to other pages on the site. Type the first few letters of a page title to look-up the desired page. Multiple related pages can be added.

    related content

    1. Tags - Click the dropdown arrow to select a tag from the list of vocabularies and their terms to categorise the content.

    tags

    1. Menu settings  - Tick provide a menu link to display the menu settings options. Adding a page to the menu ensures it will appear in the site map.

    Tick provide a menu link

    Enter the menu settings fields.

    Menu link title – The menu link title is automatically populated from the page title. The menu link title can be edited.

    Description – Content entered in the description field will be displayed when hovering the cursor over the menu link.

    Parent item – Selection of a parent item ensures improved website navigation by displaying a breadcrumb trail at the top of the page.

    Weight – Select a weight to determine the order of the menu link in the Parent Item. Menu links with smaller weights are displayed before links with larger weights.

    Basic page menu

    1. URL path settings  a friendly URL is generated automatically if the tick box remains ticked.

    URL path settings

    1. Revision information  if 'create new revision' remains ticked, a new version of the structured page is saved each time. The versions are accessible from the revisions tab.

    revision information

    1. Authoring information - The information of the author is recorded. After the structured page is saved, the "authored on field" is updated.

    authoring information

    1. Publishing options  Click the tab Publishing options to finalise the publishing settings.
      To publish – The published field is automatically ticked. Keep it tick to publish
       To create a draft – untick published to save as a draft.

    publishing options

    1. Save - Click Save to update the structured page. 

    Tasks to complete

    For the structured page task you are required to do the following:

    1. Navigate to the Drupal 7 training sandbox.
    2. Create a structured page
    3. Complete the instructions for the structured page
    4. Publish the structured page.

    After completing the structured page, there is a review stage where you can compare your published structured page to one we created. 

    2. Review your structured page

     Compare your structured page with the following published structured page.

    Published structured page

    The numbered information that follows refers to the image below.

    1. Introduction field of the structured page.  It is optional to complete this field.  It appears above the paragraphs of the structured page
    2. Links to different paragraphs on the structure page.
    3. The paragraph title and body field of each of the paragraphs are displayed in the order that the paragraphs were created and saved.

    full structured page

    Fundamentals training: next topic

    Events and event sessions