Page

Adding a New Page

Once logged in, from the Drupal admin toolbar navigate to Content > Add Content and select Page.

  • Title: Give the Page an appropriate name.

Content Management Notes

The content management status and notes fields are for internal use only, such as what content revisions were made, or status messages, and will not be displayed to the public.

Page Tools

If checked, the section navigation will be hidden. This should be used sparingly, as maintaining a clear structure page-to-page is important for accessibility.

Banner

  • Hero Image: For best results, use the proper image dimensions for your banner image. Reach out to your project manager if these haven't been provided to you. 
  • Hero Caption

Content Rows

Accordions (Add Accordion Group Button)

If you have list items to put on your Page (ie. FAQs), Accordions work to keep the content condensed while including a large amount of categorized content. Click Add Accordion Group to get started.

  • Accordion Group: This can be used to break up accordions with content, or introduce content.
  • Group Title: Will appear in a heading tag above the WYSIWYG content.
  • Group Body: A WYSIWYG block used to add styled content.
  • Accordion Item: These are the expandable accordion items.
  • Accordion Title: Put your subheading (ie. for FAQs this would be the question) in the Title field.

Add additional accordion items by clicking the Add Accordion Item button.

Accordions can be rearranged and re-ordered by clicking the crosshair icon next to the Accordion Item text and dragging and dropping the accordion into the desired location. You can also re-arrange and re-order accordions by clicking “Show row weights” on the right-hand side.

Please Note: The number of accordions that a page can have is not infinite. Accordions should be limited in practice to 15-20 per page maximum, although it’s recommended to have fewer (in the 10 range). The reason for this relates to user experience and technical considerations:

Adding accordions beyond this soft limit decreases the user’s ability to scan accordion titles efficiently, and therefore reduces the likelihood of finding desired content.

From a technical standpoint, creating a page with a large volume of accordions can cause server and application strain. This is likely the case if troubles or instability is encountered when attempting to add new accordions or when trying to save a page with a high number of accordions. If this happens, consider trimming back on the page’s use of accordions by consolidating into fewer accordions or by separating or splitting accordions into multiple pages. This will reduce the strain on the server per edit/save and make managing the accordions possible.

Cards (Add Cards Button)

  • Carousel title
  • Carousel card image (Displayed at 350x300px)
  • Card heading
  • Card subheading
  • Card link
    • URL: Start typing the title of a piece of content to select it. You can also enter an internal path such as /node/add or an external URL such as http://example.com. Enter <front> to link to the front page. Enter <nolink> to display link text only.
    • Link text

Body (Add Content Button)

  • Input the body content for your Page here.

The content rows allow you to link to other content and pages related to this particular page. You have several options for the type of content which can be added using this field:

Image (Add Image Button)

  • Image: Select your image by using the Add Media button.
  • Caption: You may add a caption to your image using this field.

Tile (Add Tile Button)

  • Icon: Find a Font Awesome icon and copy the full icon class (e.g. fas fa-chess).
  • Link
    • URL: Start typing the title of a piece of content to select it. You can also enter an internal path such as /node/add or an external URL such as http://example.com. Enter <front> to link to the front page. Enter <nolink> to display link text only. If you’re linking to a media file, copy the entire URL of the media file and paste it into the URL field. Please note – only use this method for linking to media files using a Tile.
    • Link text

Webform (Add Webform Button)

See the Webform page of the guide for information regarding webform creation and editing. Once your webform has been created, you can use the Webform field on a Page to add the webform to the page.

Once you are satisfied with your Page’s content, make sure that the dropdown menu next to Save as: is set to Published, and click Save.

Page Settings

Several settings affect how it displays within the website. Each tab is discussed below, and it is best to check these settings before you publish your page to the site.

  1. Menu Settings: If you want the Page to appear within the website’s menu, click Provide a Menu Link. This brings up a few options.
    1. Menu Link Title: This should be the same as the Page Title, and is what will appear in your website’s menu system.
    2. Description: This should not be used for your website.
    3. Parent Item: This is where you choose where the page will sit within the website. The Parent Item is the Page that your new Page will live under (ie. the News Archive page’s parent item is News & Events).
    4. Weight: This affects where your page sits within multiple other pages under the same Parent Item. The smaller the number, the higher up the page sits (-50 will sit higher up than -49, and 1 will sit higher than 2). If two pages under the same Parent Item have the same weight number, they will be organized alphabetically.
  2. URL Path Settings: If Generate automatic URL alias is checked, the URL will be created based on the Page’s Title. This will be appropriate most of the time, however, if you need to alter the URL path for a page, you can uncheck this box and input your custom URL. Ensure any words in the URL are connected with dashes (ie. new-page).
  3. URL Redirects: If you want to add a redirect to this page from a different URL (often a shorter URL), click Add URL redirect to this node. In the From field input the shorter URL path.
  4. Revision Information: This section may be left blank.
  5. Comment Settings: This section may be left blank.
  6. Authoring Information: This section may be left blank.
  7. Publishing Options: If the Page is ready for users to view, ensure the checkbox next to Published is selected before clicking Save and Publish. To save the page as a draft, uncheck the Published box, click the downward arrow on the left of the Save and Publish button and select Save and Create New Draft.