Category: Training

Metadata

Metadata

By |

Description:

Meta tags are used to describe your page’s content. They can be used to help with Search Engine Optimization (SEO) and how a link will appear when shared on social media. 

Metadata in TERMINALFOUR can be:

  1. Added when creating and editing Sections on the Metadata tab
Section Metadata values for Social Media sharing

Sample Metadata Values when sharing your page on Social Media channels:

  • og:title = Loyola University Chicago
  • og:description = We are Chicago’s Jesuit Catholic University. We are guided by a simple promise: to prepare people to lead extraordinary lives.
  • og:image = https://www.luc.edu/media/lucedu/styleassets/images/loyolauniversitychicago-062019.jpg
  • og:image:alt = Loyola University Chicago
  • twitter:card = summary_large_image
  • twitter:site = @LoyolaChicago
  • twitter:title = Loyola University Chicago
  • twitter:description = We are Chicago’s Jesuit Catholic University. We are guided by a simple promise: to prepare people to lead extraordinary lives.
  • twitter:image = https://www.luc.edu/media/lucedu/styleassets/images/loyolauniversitychicago-062019.jpg
  • twitter:image:alt = Loyola University Chicago

 

  1. Added when using Direct Edit

Page Layout / Section Metadata

Page LayoutTitle MetadataDescription Metadata
Primary LayoutGeneral – Section Title +
Metadata – title.prefix + : Loyola University Chicago		General – Section Description + Metadata – DC.description
Primary InteriorGeneral – Section Title +
Metadata – title.prefix +
Section Name at Level 2 + : Loyola University Chicago		General – Section Description + Metadata – DC.description
B3 Story PageSection Title + : Loyola University ChicagoGeneral – Section Description
Global HomepageSection Title + : Loyola University ChicagoGeneral – Section Description
Global InteriorGeneral – Section Title +
Section Name at Level 2 + : Loyola University Chicago		General – Section Description
GlobalGeneral – Section Title +
Metadata – title.prefix +
Section Name at Level 2 + : Loyola University Chicago		General – Section Description + Metadata – DC.description

1. For Page Layout = Primary Layout, the values to the following metadata fields will affect the page:

Title Metadata Syntax:

<title>title.prefix + og:title + : Loyola University Chicago</title>

In the section’s metadata tab, the value for the title.prefix field >> if this is not filled in, it will pick up value in og:title >> then it will append >> : Loyola University Chicago
If both title.prefix and og:title fields are not filled in, then the meta title will display as >> ” : Loyola University Chicago“

2. For Page Layout = Primary Interior, the values entered in the following metadata fields will affect the page:

Below are guidelines for content pieces in the stories >> archives section of your site:

Content Type = Feature Story, the values entered in the following content element fields will display as the metadata values for the page:

Feature Story Page Metadata
PhotoGallery Embed

PhotoGallery Embed

By |

Content Type: Photo Gallery Embed

Use this content type when you want to embed a Slideshow of Images from a Media Library Category. Only 1 photo gallery is permitted per section.

How to Use this Content Type

STEP 1: Upload your images in the media library

Important Tips:

    • Make sure all images are optimized for the web and are of the same height prior to uploading to the media library.
    • The following image dimensions are recommended:
      Resolution = 72 pixels/inch
      Regular Image = 1000 pixels (Width) by 560 pixels (Height)
      Panoramic Image = 1800 pixels (Width) by 735 pixels (Height)

    • Images must only belong to the media category that contains all the images for your photo gallery.

    • The photo caption is being pulled from the Description field value of the Image file in the Media Library.

STEP 2: Duplicate an existing section containing a photo gallery content piece

    • Sample Page
      • The order of the content should be as follows:
        1. Required: photogalleryembed.css
        2. Optional: Content Type = Page Content Only
        3. Content Type = Photo Gallery Embed
        4. Optional: Content Type = Page Content Only
        5. Required: photogalleryembed.js

 

Content Type Settings:

Minimum User Level: Contributor
Direct Edit Enabled: Yes

Content Type Elements:

Name (Plain Text, 80 characters, required)
Media Item (Media, required)

Page Layout Compatibility:

This content type will properly display when used with the Page Layouts identified below.

Page Layout NameRequired Components
Primary InteriorThe following files must be added to the section:
photogalleryembed.css
photogalleryembed.js
How To: Adding A Section

How To: Adding A Section

By |

How To Add A Section

  1. If you are not already on the Site Structure screen, click the site structure icon. 
  2. Click the actions menu and select create section. 
  3. Enter the relevant information to create a section. At a minimum, the Name must be filled in. All other default options are explained below.
  4. Enter a name for the section and click save changes.
How To: Using Direct Edit

How To: Using Direct Edit

By |

There are numerous ways to add and modify content in TERMINALFOUR. One way is by using Direct Edit. To add a new piece of content, with internal and external links, follow the steps below.


Steps Adding Content and Links Using Direct Edit:

1. From the Site Structure screen, select Direct Edit from the Actions menu beside the section you just added content to.

2. A Direct Edit screen opens with dotted line surrounding any content for which you have editing rights. A Direct Edit menu is displayed to the left of the screen.

3. Click Insert content to begin adding new content to the page.

4. Select a Content Type.

5. Enter a Name for your content – we will now create a number of links.

6. External Link: e.g. http://www.terminalfour.com.

  • Type the text you wish to use as your link text; e.g. TERMINALFOUR.
  • Highlight the text; then select Insert external link from the WYSIWYG.
  • The Insert/Edit Link Window opens; complete the details as required.
    • URL: enter the URL of the site you wish to link to.
    • Text to display: enter the link text here.
    • Title: enter information about where the link will send the user; this will aid user accessibility.
    • Target: select how the link should open, e.g. within the same window or in a new window.

7.  Section Link: e.g. to one of your other sections.

  • Type and highlight the text you wish to use as the link text or simply place your mouse where you want the link inserted. Select Insert Section Link from the WYSIWYG.
  • A window will pop up displaying the Site Structure; navigate to the section you wish to link to and click on it.

8. Content Link: e.g. to another attendee’s “Writing for the Web” content.

  • Type and highlight the text you wish to use as the link text or simply place your mouse where you want the link inserted. Select Insert Content Link from the WYSIWYG.
  • A window will pop up displaying the Site Structure; click on the section that contains the content you wish to link to; a list of content will be displayed.

9. Click Save changes to save the content once complete.

10. Preview your content to test your links.

Media Library

Media Library

By |

Look inside TERMINALFOUR’s comprehensive media library and see how easy it is to store and reuse images, videos and text across all your online channels.

Section Information

Section Information

By |

Sections are pages of your website and displayed in the Site Structure. When creating sections, the only required element is Name. The elements are all described below:

Name: this is the name of your section and is typically also used directly in the menu navigation.

Status: select Approved, Pending or Inactive.

  1. Approved sections will publish if they contain approved content.
  2. Pending sections will not publish.
  3. Inactive sections are marked for deletion and can be permanently deleted by an administrator.

Section options:

  1. Check Mark as link section, if the web page is a link elsewhere;
  2. Show in navigation is checked by default- if unchecked, the section will not appear in navigation and will be displayed in the site structure with a clear folder icon;
  3. Archive section— if content is no longer updated, a section can be set as an archive. This will save publish time, as the section will not be reviewed each time a publish is run.
  4. eForm section: check this box if eForms are going to submit to this section.

Content owner: select the user who “owns” the section. Content in the section will inherit this ownership, unless a different owner is specified for the content.

Output URI: lets you specify the Uniform Resource Identifier (URI) as the destination of the new section. If this field is left blank, the section’s name is used when publishing.

Output file name: enables you to specify a file name. If left blank, the default file name set in the channel is used. This can be used in conjunction with the Output URI in three possible ways (parent = section parent folder, currentsectionname = current section name, outputuri = current section output uri, filename.html= the new file name in the current section):

  1. and Output File Name results in a published page as follows: parent/outputuri/filename.shtml.
  2. Output File Name results in a published page as follows: parent/filename.shtml.
  3. Output File Name but with a name which is the same as the channel index name (in this case filename.shtml) results in the following: parent/currentsectionname/filename.shtml.

SEO key phrases: Enter comma separated key phrases and/or words. Make sure these match the content!

Default Workflow: select the workflow you wish to use for all content added to this section/branch.

Access key: lets you enter a single character, which may be used as a shortcut within a navigation menu. Allows a computer user to immediately jump to a specific part of a web page via the keyboard.

Training Outline: Advance Users

Training Outline: Advance Users

By |
  1. General Section Information – Advance Settings
    • Metadata
      1. Default Fields
        • Meta Title
        • Description
        • Meta Keywords
      2. For social media postings
    • Output URI and Output File Name (for admin use only; to modify, please contact the digital team)

  2. Page Layouts & Content Types

  3. Publish & Deploy
    • Publish (every hour on the hour)
    • RSYNC (every hour on the half hour – media first)

  4. Web Accessibility & SEO

How to: Add Content

How to: Add Content

By |

How To Add Content

    1. Select create content from the actions menu  beside the section you wish to add content to.
    2. If only one content type is enabled, this will open straight away. Alternatively you need to select the content type you want to use.
      • The * next to the element identifies that the element is required.
    3. Enter a name for the content. This will not be displayed on the published page, but simply act as a name within TERMINALFOUR.
    4. Use the Word file “Writing for the Web” and create a piece of content which looks as similar as possible to the original.
      • Open the Word file given to you by the trainer and copy the text.
      • Paste the text into the main body of your content. Some formatting may be necessary.
    5. Preview to ensure you are happy with the result.
    6. Click save changes to save the content once complete, or expand your options by clicking on the icon  next to save changes to reveal options such as save & approve and save as draft. The drop-down menu options may vary depending on configuration.
Content Types

Content Types

By |

Content is added to a section by using Content Types.


Content Types

Specific sections call for specific content types. See the lists below for content types available for your pages.

  1. Interior Pages
  2. Homepages
  3. Left or Right Columns
  4. Template Sections

Content Types for Interior Pages

Name Description Notes
Page Content Only Main template to add content to a page. This is used on most pages. Elements: Name*, Sub-Heading, Body*, Published Date, Tag/s
FAQ Box New Starts a list of frequently asked questions. Elements:

You can have multiple FAQ Boxes on a page but “Group ID” must be defined in order to group FAQ Items.
FAQ Item Creates a new question and answer in your FAQ list. Elements: Name*, Question, Answer, Image, Image Alt Tag, Image Title Tag, unique identifier, Group ID, Create Date

Create Date determines the listing order when FAQ Box New is used to group FAQ Items (most recent displays on top)

unique identifier must be defined to target the style for a specific content piece.
Image Used to embed an image to a page Elements:

Also used in template sections: site_logo and site_background
Infobox Used to highlight content on a page. Displays content in a gray box. Elements: Name*, Sub-Heading, Body
Panopto Video Embed Embeds a Panopto video on page Elements: Name*, Title, Panopto Video ID*, Blurb
Redirect Content Used only if you want to redirect a section that is included in navigation.
YouTube Video Embed Embeds a YouTube Video on page. Elements: Name*, YouTube Video ID*, Blurb, Label, Image

Content Types for Homepages

Name Description Notes
announcements Displays content in maroon bar on top of the site’s homepage Elements: (Name*, Title, Blurb, Link, External URL) limit Blurb to 240 characters

Used in section = home_announcement
Feature Link Elements:

Used in sections = home_news, home_top, home_center
Feature Story Elements:

Used in sections = home_news, home_top, home_center
Feature Blog Post Elements:

Used in section = home_news
Feature Content Elements:

Used in section = home_news
Feature Profile Elements:

Used in section = home_news
Feature Video Elements:

Used in section = home_news

Content Types for Left or Right columns

The following content types can be used in sections = home_left, interior_left, home_right, and right_column

Name Description Notes
Feature Link Elements:
Feature Story Elements:
Feature Blog Post Elements:
Feature Content Elements:
Feature Multiple Links Elements:
Feature Photo Gallery Elements:
Feature Profile Elements:
Feature Video Elements:
Recruitment Links Elements:
Social Networking Feeds New Elements:
Social Networking Links Displays social media icons with links for Facebook, Twitter, and other Social Networking Accounts. Elements:

Content Types for Template Sections

Name Description Notes
Image Displays the Site Name when used in section = site_logo

Sets the background image for the section when used in section = site_background

 Elements: Name*, Select Image, Select Link/Custom Link Text, External URL, Sub Head, Alt Tag

Site background image files are located in: Media Library » Categorised » site backgrounds
Organization Information Displays the site’s footer information. Elements: Name*, Email Address, URL, Street Address, City, State, Country, Postal Code, Phone Number

Used in: section = footer
How To: Bookmark Sections

How To: Bookmark Sections

By |

The bookmark tool allows you to add your favorite sections to a bookmark list.

How To bookmark sections

  1. Select bookmark section from the actions menu   beside the section you wish to bookmark.

  2. Check the bookmarks tool to see that your section has been added as a bookmark.

  3. Areas of TERMINALFOUR can also be bookmarked, by clicking on located towards the top right-hand-side of the screen.

Loyola University Chicago

© Copyright & Disclaimer 2019 · Privacy Policy
This resource is brought to you by the University Web Team.