Home › T4 Training▻Training▻Training Examples v8▻Content Block With Image

Content Block With Image

P2P Non-PO FAQ's

P2P Non-PO FAQ's

Please refer to our Frequently Asked Questions pages for answers to any queries you might have or email p2p@nuigalway.ie

See More

Content Block without Image

a content block can have no image but you need to select a different content type

CLICK ME!

When using the Content Block with Image or without Image, ensure to include a description of the purpose of the button as the Button label is limited for text.  This is required in order to comply with Accessibility requirements.

How do I create a Content Block with Image

  1. Go to the site structure and find the section you want the Content Block to appear on.
  2. Click on the Actions Button and choose Edit section from the dropdown menu.
  3. Click on +Add Content.
  4. Choose the content type 'Content Block with Image'.
  5. Give the content a Name.
  6. Click on the 'Drop file here or click to choose' to choose an image from your computer (300xc165px at minimum, recommended 600x330px (for retina displays).  Once chosen click 'Open' to insert the image.
    Adding Image field in a Content Type
  7. Fill in the Title - This will appear as a Title in your box
  8. Description - This will appear below the Title in your box.
    When using the Content Block with Image, ensure to include a description of the purpose of the button as the CTA Button label is limited for text.  This is required in order to comply with Accessibility requirements.
  9. CTA Label (Call to Action) - text you want to appear on the buttonContent Block with Image Content tab
  10. Choose the Action you want your CTA button to perform.
    Link to another section - choose '+Add section link'
    Link to another piece of content - choose '+Add content link'
    Link to an external link - insert the URL into the 'CTA External Link' field.
  11. Choose the 'Background Colour' for your box.  The information shown in the image above will produce a 'Content Block with Image' as per the image below (this is an image only):
    Content Block with Image Example
  12. To put your content on Pending Click 'Save changes'.
    Save changes button. No option to save and approve or save as draft..
  13. To approve your content click on the small arrow beside Save changes and choose 'Save and approve'
    Save Changes dropdown with Save and Approve highlighted

How do I create a Content Block without an Image

  1. Go to the site structure and find the section you want the Content Block to appear on.
  2. Click on the Actions Button and choose Edit section from the dropdown menu.
  3. Click on +Add Content.
  4. Choose the content type 'Content Block without Image'.
  5. Give the content a Name.
  6. Fill in the Title - This will appear as a Title in your box
  7. Description - This will appear below the Title in your box.
    When using the 'Content Block without Image', ensure to include a description of the purpose of the button as the CTA Button label is limited for text.  This is required in order to comply with Accessibility requirements.
    Content Block without image content tab
  8. CTA Label (Call to Action) - text you want to appear on the button
  9. Choose the Action you want your CTA button to perform.
    Link to another section - choose '+Add section link'
    Link to another piece of content - choose '+Add content link'
    Link to an external link - insert the URL into the 'CTA External Link' field.
  10. Choose the 'Background Colour' for your box.  The information shown in the image above will produce a 'Content Block without Image' as per the image below (this is an image only):
    An example of a Content Block without Image
  11. To put your content on Pending Click 'Save changes'.
    Save changes button. No option to save and approve or save as draft..
  12. To approve your content click on the small arrow beside Save changes and choose 'Save and approve'
    Save Changes dropdown with Save and Approve highlighted