LogoLogo
  • GovCMS Content Administration Training Manual
  • Contributing and Feedback Guide
  • Introduction to GovCMS
    • Introduction to GovCMS
    • Overview of user roles
  • Training Videos
    • GovCMS how-to videos
  • Unit 1: Intro to the Admin Backend
    • How to login to GovCMS
      • Exercise 1.1 - Login and Setting up TFA
    • How to log out from your site
    • Administration menu overview
      • Exercise 1.3 - Add a non-admin user
    • The Frontend Homepage Layout
      • Exercise 1.2 - View the Site Frontend content
    • How to access the content management area
    • Overview of content management area
    • Content management - filters overview
      • Exercise 1.4 - Filtering Content
  • Unit 2: More about GovCMS
    • Content types overview
    • Overview of content create/edit form
    • Form fields and form widgets
    • Fields and properties
    • Structured content in GovCMS
    • Overview of Rich text editor
    • Embedding media files
    • Text format
    • Content references in GovCMS
  • UNIT 3: MANAGING CONTENT IN GOVCMS
    • Creating Content
      • Exercise 3.1 - Create some content
    • Editing content
      • Exercise 3.3 - Edit a piece of content
    • Archiving content
      • Exercise 3.4 - Archiving content
    • How content changes can affect the site
  • UNIT 4: MANAGING CONTENT REVISIONS
    • Managing content revisions
      • Exercise 4.1 - View revisions history
      • Exercise 4.2 - Revert a content revision
  • UNIT 5: CONTENT MODERATION IN GOVCMS
    • Content moderation in GovCMS
      • Exercise 5.1 - Content moderation
  • UNIT 6: Files and media assets
    • Managing files and media assets in GovCMS
    • Media library
      • Exercise 6.1 - Uploading and using media
      • Exercise 6.2 - Manage media - Bulk Operations
  • UNIT 7: MANAGING URL ALIASES AND REDIRECTS
    • URL aliases and redirects
      • Exercise 7.1 - Update a page's URL alias
      • Exercise 7.2 - Create a URL alias
      • Exercise 7.3 - Create a Redirect (advanced)
  • UNIT 8: META TAGS AND SEO
    • Meta tags and SEO
    • Tokens and default meta tags
      • Exercise 8.1 - Update meta tags of content
  • UNIT 9: USING TAXONOMY TO CATEGORIZE CONTENT AND MEDIA
    • Taxonomy and Vocabulary
    • Overview of Taxonomy form widgets
      • Exercise 9.1 - Add taxonomy terms
      • Exercise 9.2 - Add taxonomy to a Page
  • UNIT 10: MANAGING SITE NAVIGATIONS AND BREADCRUMBS
    • About site navigation
    • About breadcrumbs
    • Managing menu items
      • Exercise 10.1 - Add an item to a menu
  • UNIT 11: CAPTURING DATA WITH FORMS
    • Capturing data with forms
      • Exercise 11.1 - Create a basic Webform
    • Webform components
      • Exercise 11.2 - Attach a form to a Webform page
      • Exercise 11.3 - Create an event registration form
  • UNIT 12: ADVANCED CONTENT EDITING
    • Advanced content editing
    • Advanced - content bulk operations
      • Exercise 12.2 - Bulk operations - delete test content
  • Appendix A - Glossary
    • Glossary
  • About Salsa Digital
    • Who is Salsa Digital?
Powered by GitBook
On this page
  • Part 1: Upload media file
  • Part 2: Add media to a Page

Was this helpful?

Edit on GitHub
Export as PDF
  1. UNIT 6: Files and media assets
  2. Media library

Exercise 6.1 - Uploading and using media

PreviousMedia libraryNextExercise 6.2 - Manage media - Bulk Operations

Last updated 1 year ago

Was this helpful?

In this exercise you will upload an image directly to the media library (Part 1) and then use that image when creating content (Part 2).

Part 1: Upload media file

  1. Navigate to the Media page by clicking on Content then Media on the Admin menu.

  2. Click the Add Media button at the top left of the page.

  3. Click Image to upload an image file.

  4. Upload an image file:

    1. Give it a short, descriptive name.

    2. Choose a file from your computer, using the Browse button.

    3. Click Open to upload the file.

  5. Add Alt text.

    Note Image alt text is required to enable screen readers and facilitate vision-impaired people.

  6. Click Save

Part 2: Add media to a Page

  1. Create a new Page following the instructions in Exercise 3.1

  2. Click on Banner and then expand "Banner featured image". There you will see an Add media button. Note - you may not have a "Banner" tab if you are not using CivicTheme. In that case, find any Media upload field and use that.

  3. Select the image and then click on Insert selected.

  4. Once the image is selected you will see a preview in your content like the this screenshot:

  5. Fill out any required fields for your Page and click the Save. The image now appears on the frontend. The location of the image may be different on your site depending on your theme.

  6. Navigate to Content → Files from the Admin menu and locate the image file you uploaded. It should be at the top of the list as it is the most recently added file. Note the name of the file.

  7. Next, click on the Media tab button and locate the Media entity that that points to the file you uploaded.

  8. Discuss with the trainer, why the Name of the file (from the Files tab) is different to the Media name (from the Media tab).

Tip: The Media entity allows you to enter a more user-friendly Name (and other metadata) rather than using the name of the file.

Showing Add Media button
Uploading an image
Add media button
Select image and click on Insert selected
Preview of image
Frontend of newly uploaded image
Recently uploaded image in File tab
Recently uplaoded media entity