Category: How-Tos

PhotoGallery Embed

PhotoGallery Embed

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

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

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

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.

How to: Add Content

How to: Add Content

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.
How To: Bookmark Sections

How To: Bookmark Sections

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.

How To: Move and reorder sections

How To: Move and reorder sections

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.