The General content content type is one of the most widely used. It is designed for use on Content pages, giving editors the ability to add information to their pages using a variety of formatting tools.

It offers similar functionality to standard text editors, like Microsoft Word, and should be used for standard page content.

Instructions

1. In the site structure, navigate to the sectuon (page) you want to add your general content to.

2. Click the blue Actions button and select Create content.

3. Select a General content content type from the list (Find out how to add a Content type)

4. A form and editor will appear. Fill in the 'Name' field so you can identify your Content type (this can be a name of your choice). Fill in the 'Title' field - this is the title that will appear on your page.

5. Add content to your editor

Field titleWhat should I do?Is it compulsory?
Name* This name will appear behind the scenes and needs to clear and concise so any other editors can quickly identify the content type they need to edit from all the others on the page Yes
Title This field adds an optional Heading 2 immediately after the Section (page) title No
Main body This contains the text editor (see below) where you can add content, eg text, images, document links, etc., to the page. Yes

6. Click Save and approve to save your changes.


The text editor menus and buttons

This is the full set of buttons applicable to General content content type. The editor is also used in other content types such as Accordions and Tabs. The editor options change depending on the content type selected.

For website editors that used the previous version of terminalfour, this will be one of the biggest changes you will encounter with the latest version as the the text editor now uses a combination of menus and buttons rather than just buttons.

Menu row

Menu row of the text editor

 
 

Text editor menus

  • Undo - undoes the last operation
  • Redo - Redoes the last 'Undo' operation 
  • CutCuts the current selection into the clipboard. You can also use your keyboard - Ctrl+X (Command+X on Mac)
  • Copy - Copies the current selection into the clipboard. You can also use your keyboard - Ctrl+C (Command+C on Mac)
  • PastePastes the clipboard contents into the editor. You can also use your keyboard - Ctrl+V (Command+V on Mac)
  • Paste as textRemoves formatting from clipboard text and pastes as plain text. This is recommended is pasting from Word or a non-T4 web page.
  • Select allSelects all the editor contents. You can also use your keyboard - Ctrl+A (Command+A on Mac)
  • Find and replaceSearch and/or Replaces contents within the editor. You can also use your keyboard - Ctrl+F (Command+F on Mac)

Options in the Edit menu

  • Insert link ‌
    • Insert section link  - Inserts a link to a Section (another T4 web page).
    • Insert content link - Inserts a link to a content item. Do not use, this is not currently set up on the Imperial website.
    • Insert/edit external link - Inserts a link to an external URL. This is any web page not on T4 including the Imperial news and events websites.
    • Insert anchor - Inserts an anchor to link to a specific part of a page.
  • Special character - Allows you to select a special character to use in your text.
  • Horizontal line - Adds a horizontal line to break up your content.
  • Insert Quote
    • Floating pullquote - adds a pullquote which floats around the body text.
    • Floating block quote - Adds a block of italic text which floats around your body text.
    • Normal blockquote - Adds a full width block of italic text.
  • Insert file link or image - Select a document file or image from the Media Library. When selected, a Media Library dialogue box is opened where you can search for a Media Item. Images are placed into the text editor and can be resized if necessary. When other file types are selected (e.g., a Word document or PDF ), a link to the file is added. Please see Using images in your content or Adding documents: pdfs, Word, zip etc. for more guidance.

Insert menu in the text editor

  • Bold - Changes the selected text to bold to add emphasis. You can also use your keyboard - Ctrl+B (Command+B on Mac)
  • ItalicItalicises the current selection. You can also use your keyboard - Ctrl+I (Command+I on Mac)
  • SuperscriptApplies superscript format to the current selection.
  • SubscriptApplies subscript format to the current selection.
  • Formats
    • Headings - Select from different heading styles from Heading 2 to Heading 6. Headings are used to give structure to your page so you must use them in the correct order and the one that you think looks the best. For example, you shouldn't use a heading 4 unless you have a heading 3 above and you shouldn't use a heading 3 if you don't have a heading 2 above. There is more guidance on using headings in our accessible content guidance.
    • Inline - this is a repeat of the Bold, Italic, Superscript and Subscript options.
    • Blocks - Allows you to apply a paragraph format to the current block-level element.

Format menu in the text editor

This menu allows you to add a table to your page.

Instructions

Adding a new table

1. Click Table on the toolbar menu. Select the number of rows and column you want by moving your mouse pointer and clicking when you have the correct size table.

Adding a table via the 'Table' menu

In this example, a 3x4 table has been chosen.

2. Add your contents to the table

3. Add a caption and summary

Adding a summary and/or caption is very important to ensure your table is found and sunderstood by users of screen readers. This is an accessibility requirement.

  • Captions help users to find a table and understand what it's about. They are the primary mechanism used by screen readers to identify tables
  • A summary gives information about how a table is organized and provides. information on how to navigate through it's data.

To add a caption or summary go to the Table menu and click on Table caption/summary

Table caption/summary option on the Table menu

 

This menu has two options:

  • Spellcheck - runs a spellcheck on your text editor content.
  • Source code - gives you limited access to edit the HTML code of the text editor. We recommend not using this unless you are familiar with HTML.

Tools menu

Button row

Button row on the text editor

From left to right:

  • Undo - undoes the last operation
  • Redo - Redoes the last 'Undo' operation 
  • Bold - Changes the selected text to bold to add emphasis. You can also use your keyboard - Ctrl+B (Command+B on Mac)
  • Italic - Italicises the current selection. You can also use your keyboard - Ctrl+I (Command+I on Mac)
  • Bullet list - Formats the current selection as an unordered bullet list
  • Number list - Formats the current selection as an ordered number list
  • Insert link ‌
    • Insert section link - Inserts a link to a Section (another T4 web page)
    • Insert content link - Inserts a link to a content item. Do not use, this is not currently set up on the Imperial website.
    • Insert/edit external link - Inserts a link to an external URL. This is any web page not on T4 including the Imperial news and events websites. You can also use this for adding email address links. When you add an email address e.g. j.bloggs@imperial.ac.uk,  T4 will ask you if you want to add mailto: to the link. Click Yes. You can also type email addresses directly into the text editor and it will convert to an email address link.
    • Insert anchor - Inserts an anchor to link to a specific part of a page.
  • Unlink - Removes links from the current selection.
  • Insert file link or image - Select a document file or image from the Media Library. When selected, a Media Library dialogue box is opened where you can search for a Media Item. Images are placed into the text editor and can be resized if necessary. When other file types are selected (e.g., a Word document or PDF ), a link to the file is added. Please see Using images in your content or Adding documents: pdfs, Word, zip etc. for more guidance.
  • Spellcheck - runs a spellcheck on your text editor content.