Uploading Images to a Campus Website in OmniCMS
This article covers how users can upload images to a campus website using OmniCMS and obtain a hyperlink/URL for the image so it can be used for a 25Live event.
This guide assumes that you have access to upload images and create folders for a campus website using OmniCMS and are familiar with how to log in to your site. For more information on getting access to a campus website, view the Web Services website. You can also view OU V4 Help for instructions.
At the bottom of each page on your website, there is a footer that includes a contact email for the website. Sometimes it is set as a department email account, but often it is a specific individual.
1. Log in to your website and access the Pages Home for your site. Click on the _resources folder to open it.
- Access the Pages Home by clicking on the home icon. This takes you to the root of your site.
- Click on the _resources folder.
2. Click on the images folder.
3. Click on the 25Live folder. Or create a 25Live folder if one does not exist and then open it.
Best practice is to have a separate 25Live folder that will contain all of the images that your department uses for 25Live events. This helps to keep the images separate from the images used for the website itself, so the images do not get accidentally deleted.
4. Click Upload.
Remember you won't see any existing images in this view because this is the Staging view. All images are uploaded to the Production view. If you want to view all of the existing images, click on Staging and then switch to Production view.
5. Click Add.
You can also drag a file from your desktop to this upload screen to select it. This is helpful if you have the folder that contains the image open on your desktop already.
6. Navigate to the folder that contains the image you want to upload. Click on the image to select it and it will show up in the File name field. Then click Open.
- Navigate to the folder on your computer that contains the image you want to upload.
- Click on the image you want to upload.
- The image name will now show up in the File name field.
- Then click Open.
7. You can click Add again if you have more images you want to upload. Click Start Upload once you have added all of the images you want to upload.
8. You will see notifications at the bottom left of your screen indicating the status of the upload and when the upload is successful.
9. Click on Staging and then select Production.
10. Locate the image you just uploaded. Click on the three dots at the far right for the image.
11. Click View in the actions menu that appears.
12. The image will open in a new tab/window. Copy the hyperlink/URL in the address bar and paste it into a Word document or other application (e.g., OneNote, Notepad, etc.) to save it.
You will need to convert this URL to the live server version before using it!
13. Convert the staging server URL to the live server URL using HTTPS://.
The staging server is sometimes changed and/or restarted, so it is not a reliable location for an image you want to use for a 25Live event.
Be sure that you know how your website is set up in case files need to be manually published to the live server or there is another process. Reach out to the person who manages your department's website for more information about your site's setup.
By default, your image is uploaded to a staging server (itwebstg.fullerton.edu). Most campus websites automatically move new content to the live server within one hour. Depending on how your site is set up, the hyperlink/URL for the live server is usually just a simple modification of the staging server URL.
First, check what the main URL for your website is. For example, the IT Training website is www.fullerton.edu/ittraining, but HRDI is hr.fullerton.edu.
Replace the first part of the staging server URL (everything up to \_resources) with the URL of your website. In the example above, https://itwebstg.fullerton.edu/ittraining_v4 is replaced with https://www.fullerton.edu/ittraining.
14. You can now access 25Live and copy/paste the live server URL into the appropriate field on the event.
Detail Image is the thumbnail that appears on the main calendar page at the top left corner of your event summary.
Event Image is the header image that appears above the event information on the event detail page.
Event Description Image is an image that appears in the event information on the event detail page.
View information on adding the image to the custom attributes (Detail Image and Event Image)
View information on adding the image to your event description (Event Description Image)
Need More Help?
Please contact the IT Help Desk at [email protected] or 657-278-7777 for additional assistance.
0 Comments
Add your comment