Category: Training

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.
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
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
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.

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: Basic Users

Training Outline: Basic Users

By | 
Click here to download the Basic User Training Document.
  1. Logging In
  2. Site Structure
  3. Section
    1. Information
    2. Section Icons
    3. How to’s:
      1. Add a section
      2. Move and reorder sections
      3. Bookmark sections
  4. Content
    1. Information
    2. Content Types
    3. History and Versions
    4. How to’s:
      1. Add content
      2. Direct Edit
      3. Links
      4. Tables
      5. Content Options
      6. Approve Content
  5. Media Library
    1. Information
      1. Media Items
        1. Image
        2. PDF documents
    2. How to’s:
      1. Add a Media Category
      2. Add Image
        1. Add Image Variants
        2. Edit Media Attributes
      3. Add PDF documents
  6. Mirror and Duplicate
  7. Deleting Assets
  8. Publish and Rsync
  9. Web Accessibility & SEO

Resources:

Logging In

Logging In

By |

Our current version of T4 Site Manager is 8.3.8.1.

STEP 1: If you haven’t already, request T4 access from the UMC Digital team using this form.

STEP 2: To login, go to: LUC.edu/t4

STEP 3: Click the T4 Login button

STEP 4: Enter your UVID and Password

STEP 5: The T4 Site Manager will launch

Last Updated: 2.24.2023

Site Structure

Site Structure

By |

The first part of building a website is identifying at least the high level architecture. In TERMINALFOUR this involves building a Site Structure consisting of sections (folders).


There are a variety of different types of sections. These are displayed with different folder symbols as displayed below.

Icon Name Description
Root section The first Section that displays on your Site Structure is your website’s homepage. On some sites, the home icon indicates their root section.
Normal section A page that is included in navigation;
NOTE: By default, newly created sections are included in the navigation unless you uncheck the box for “Show in navigation” in the Section Options.
Hidden section A page that is not included in the navigation
Pending section A page that is not ready to be published
Inactive section A deleted page
Internal link section A page that redirects to another page on your website
External link section A page that redirects to a page external to your website
Mirrored section A page that is a mirrored copy of another page on your website
How To: Move and reorder sections

How To: Move and reorder sections

By |

Sections can easily be moved, and the order in which they appear in navigation will change to reflect this.

  • You can move one of your sections, using the drag and drop method.
  • You can reorder your sub-sections using either the automatic ordering or moving them manually.

How To Move and Reorder Sections

  1. To move a section, drag it with your mouse and drop it to the new location.
  2. Click confirm to save the change to the site structure.
  1. To reorder sections, click the site structure icon.
  2. From the actions menu    select edit section.
    • Select the more tab   subsections
    • If you wish to use automatic ordering, slide the box to the check position    and select a method. By default, all sections are locked. Unlock the sections you wish to apply automatic ordering to. To do this, use the unlock option in the actions menu.
    • If you wish to manually move the sections, use the move arrows to move sections around.
    • Click save changes before navigating away from this screen, as the changes will otherwise not be saved.