Introduction

In Journal any images you upload to a Post or Page are stored in the Media Library so can be reused in other Posts/Pages within your Journal. This also means that if you accidentally delete an image from a Post or Page, you can add it back in from the Media library. Images can be uploaded directly to the Media library which can be useful if you have a bunch of images that you plan to use but have not yet decided where. You can also insert an image from a URL.

Contents

Uploading an image to a Page

  1. To access the text and content editor, open your Journal page and click the Edit link.   
  2. Then click the ‘+’ (Add Block) icon to view the list of blocks.
  3. Select the Image Block (Enter ‘Image’ into the search bar if you can’t see it listed).
  4. Select Upload, locate the image on your computer and click Open.

 

Adding an image from the Media library

  1. Repeat steps 1 – 3 (see ‘Uploading an image to a page’ above)
  2. Select the Media Library option (step 4)

This will open the media library and display all images that you have uploaded to Journal.

  1. Select the image you want to add, then click the Select button.

 

Adding an image using Insert from URL

This method can be useful if you want to add images from Pexels, Unsplash, Pixabay or other sites that offer copyright free images.

To copy the image URL, locate the image, right click it and select ‘copy image address’ 

  1. Repeat steps 1 – 3 (see ‘Uploading an image to a page’ above)
  2. Select the Insert from URL option
  3. Paste in the URL
  4. Then click the Apply button

After adding an image, you will need to click the Save draft or Publish option if it’s been added to a new Post/Page or click Update if you’ve added the image to an existing Post/Page .

Image display options

Journal has several display options that can be applied to images once they have been added to a Page or Post.

  1. To access these options, click the image icon in the toolbar above your image

Options available are displayed in two categories:

  • Transform to – offers several display option layouts including text & media, carousel, gallery, and collage
  • Styles – apply a top or bottom wave to the image or make it rounded
  1. Click the Image icon and select Media & Text
  2. This allows you to add text in the area next to the image.

 

If you click on the image after applying text and media content, a toolbar will display with options to show the image on the left or right and change the alignment of the text to top, middle or bottom.

You can also move the block to a different location on the page by clicking the Up/Down arrows in the toolbar.

Showcasing your images

The Gallery and Carousel blocks are two display options that are ideal if you want to showcase your images.

Gallery block

The Gallery block displays multiple images together, each within its own block.

  1. Click Edit link on your Page or Post.
  2. Then click the ‘+’ (Add Block) icon to view the list of blocks.
  3. Add the Gallery Block, then upload images from your computer or select images from your media library

Note iconNote: Both options allow you to select multiple images.

  1. When you have finished adding images, click Create a New Gallery
  2. Then click Insert Gallery

In the example below four images have been added to the Gallery.

To add more images, click any image in the gallery to display the toolbar.

Then click the 3-dot icon and click Select parent block (Gallery)

Click Add, then upload images from your computer or select images from the media library.

When you have finished adding your images, click Update.

Carousel block

The Carousel block displays images in a sliding format that users can click or swipe through.

  1. Click Edit link on your Page or Post
  2. Click the ‘+’ (Add Block) icon to view the list of blocks.
  3. Add the Carousel block and select a variation option. In the example below, the Full Scroll variation has been selected.
  4. Upload images from your computer or select images from your media library.
  5. Click Create a new Gallery, then Insert Gallery
  6. Click Update or Save draft to save

Uploading images to the media library

If you have a bunch of images on your computer that you plan to use in your Journal at some point, they can be uploaded directly into the media library.

  1. Go to your site Dashboard (hover over your site name and select dashboard)
  2. In the left menu click Media -> Add new media file
  3. Drag and drop or select and navigate to the images you want to upload

An upload progress bar will display for each image as they upload to the media library. When the upload is complete, the progress bars will disappear, and you will see an option to copy image URLs to clipboard.



Adding alternative text and captions

You can add alt text and captions to images that you have uploaded by locating and opening them in your media library

  • Open your media library (site dashboard - media)
  • click an image to open it
  • enter Alt text, caption, description fields

Question mark icon Further Support

For general queries about the Learning Space, students should first contact their module leader or personal tutor. For any other comments or issues within this guide, please contact the Digital Learning Team via dlsupport@falmouth.ac.uk. Alternatively, please refer to the numerous help guides found on our Knowledge Base. 

 

View the Accessibility Statement for all of our support guides.