Upload, Insert and Edit Pictures

 

You can upload and edit your pictures using the Page List View or upload, edit and insert your pictures in the Page View (in the editor), either way works.

Upload in Page List View

Uploading Images

  1. Click on pages - in the grey secondary navigation bar or hover over content and click on pages
  2. Navigate to the picture folder, open the picture folder. 
  3. Click the Upload button in the top right of the screen. upload button
  4. So let's start uploading an image
    upload box
  5. Just make sure that you are in the pictures folder - see breadcrumbs at top in image and that the allowed extensions are correct.
  6. Type and Access Group can be left at the default settings - you should not make changes to these settings.
  7. Overwrite Existing - are you replacing a picture that is already in the Pictures folder? Then select this button. Just make sure that you name the picture with the exact same name.
  8. Let's upload a picture- Click on the Add button or drag your picture over.
  9. You can upload one picture or multiple
  10. You will see a list of your pictures- if there is a problem OU will let you know - in red.
    Incorrect file name image
  11. Hover over the Status/Options and you will be able to rename the picture- that may be why you are getting a red error.
  12. Your picture is uploaded!

Remember that your documents and pictures are not stored in staging - you only be able to view them in production.

Upload & insert in Page View

Upload as you are editing!

  1. While you are in the editor you may realize the picture you need is on your desktop or sdrive and not in your pictures folder on the server. Never fear - upload here!
  2. Select the area where your image will live on the page.
  3. Click on the insert/edit image icon insert and edit image icon
  4. Click on the folder/magnifying glass to the right of the Source field magnifying glass and folder icon
  5. This will open the Select File box -right into your picture folder
  6. Click the Upload button in the top right corner of the Select File box.
  7. So let's start uploading an image
    upload box
  8. Just make sure that you are in the pictures folder - see breadcrumbs at top in image and that the allowed extensions are correct.
  9. Type and Access Group can be left at the default settings - you should not make changes to these settings.
  10. Overwrite Existing - are you replacing a picture that is already in the Pictures folder? Then select this button. Just make sure that you name the picture with the exact same name.
  11. Let's upload a picture- Click on the Add button or drag your picture over.
  12. You can upload one picture or multiple
  13. You will see a list of your pictures- if there is a problem OU will let you know - in red.
    Incorrect file name image
  14. Hover over the Status/Options and you will be able to rename the picture- that may be why you are getting a red error.
  15. Your picture is uploaded and you will be back at the Select File box.
  16. Your picture that you just uploaded will be selected
  17. Click insert in the lower right corner.
  18. Now you are back to the insert/edit image screen - a few more steps and we will be finished.
  19. Below the source field is a description field - type in that area what the image is - this is what screen readers will read for a sight impaired user. Use a good description.
    1. If text in the image - add that test to the description area
    2. If more than 250 characters of text is on the image - make sure that very same text is in the content of the page
  20. Now on to Appearance - this will set your image with the text on the page
  21. Click on the alignment dropdown - select an alignment, I usually select left or right. Add padding in the vertical and horizontal fields - start with 8 or 10 but can edit this if your picture doesn't sit just right. Make sure that you tab out of those fields.
  22. Insert your picture - you are finished!

Remember before you upload a picture to set the DPI or Resolution to 72.

Edit your Picture

What if the picture that you have uploaded needs to be edited - what if it is too big or needs to be cropped?

You can make minor edits to an picture right in Omni CMS - let's get started.

  1. Click on the insert/edit image icon insert and edit image icon
  2. Click on the folder/magnifying glass to the right of the Source field magnifying glass and folder icon
  3. This will open the Select File box -right into your picture folder
  4. Select the image that you need to edit 

    select image to edit
  5. In the lower rignt corner - click Edit Image
  6. This will open an image editor for basic changes to width and height or cropping
  7. Once you have made your changes - click save-as in the bottom right corner
  8. To save the image you will have to rename the file - I add -1, crop, or the width of the image after the original file name. Such as fall-leaves.jpg to fall-leaves-1.jpg
  9. You will need to wait a bit until the file loads to the server
  10. Select the image - click insert
  11. Add the description, make adjustments in appearnce as needed and insert to page
  12. You got it!

Share