蘑菇TV

CMS Uploading Files

/ Tags: Files, Documents, PDF, Editing, Images, Uploading Files

Acceptable Formats

In your files folder only upload the following:

1. pdf
2. xls/csv (Excel formats)
3. doc/docx

In your images folder only upload:

1. jpg/jpeg
2. png (try to avoid pngs unless you need transparent images since pngs are heavier in file size)

Do not upload:

1. html/htm, asp, aspx (webpages- submit a  if needed)
2. txt, odt, wpd (use word for text files)
3. mp4, avi, mov, wmv, swf (all video formats should be uploaded to YouTube instead)
4. mp3, wav (all audio formats- submit a  if needed)
5. bmp, tiff, psd (these are not used for web images)
6. gif (gifs are very heavy and are for animated images, convert your gif to jpg)
   
   

Images

1. Open an editable or content region.
2. From the WYSIWYG toolbar, select the Insert/Edit Image button .
3. Select the General tab in the Insert/Edit Image box.

 

Insert/edit image box

1. Next to the Source field, click the Source button.
2. Navigate through the Omni CMS folders and select the appropriate image.
3. Click Insert.
4. Add a description- this field is used as the alt text for the image.
5. Add a title for the image, adjust the dimensions, select a style class, and add an ID, as appropriate.
6. Select the Advanced tab to adjust the image's appearance on the page.
7. Adjust the alignment, vertical space, horizontal space, border width, and style as appropriate.
8. Save your changes.
9. To reopen and edit the image, select the image and click the Insert/Edit Image button in the toolbar.
   
   

Directory Images

All directory images must be cropped to 280 x 280 px prior to uploading to the CMS. Images can be cropped for free using . Make sure you name the photo with the first letter of your first name, and your last name. 

Example: 蘑菇TV email: jdoe@fgcu.edu

Image file name: jdoe.jpg

YouTube Videos

Insert videos from YouTube while you're  a page with the Video snippet. 

Embedding Videos

If you are adding media from an external source that provides an embed code (such as Vimeo or YouTube), paste the code into the "Embed" tab of the "Insert/Edit Media" box. Then click Save.

Learn more about adding videos to a page. 

Compressing Files

Compressing images and files are important to keep the load times on the website to a minimum. To compress an image, use a free online compressor such as or

Resizing Images

Image sizes should be under 250K for the web. In order to meet those requirements, images must be resized prior to uploading them to the CMS. 

Hero Images

To make hero images display on desktop, tablet and mobile devices, you must create and upload three sizes so the display can react based on the viewer's device.

Hero images come in two sizes: 450 px or 250 px in height. High traffic pages work well with the 450px heros, while tactical or basic pages work well with the smaller 250px heros.

Hero images file naming

Desktop: website-description-hero.jpg

Tablet: website-description-hero-tablet.jpg

Mobile: website-description-hero-mobile.jpg