Images/Attachments/Files

Add Images/Photos

NOTE: Large (high resolution) images may cause performance issues and could possibly cause other site errors. Try to only upload photos that have a file size of 1MB or smaller, especially when selecting the "original size" option (see below embedding instructions).

You can upload images to the website pages via the "Add Media" button on the editing toolbar:

Add Attachments

Summary

Attachments like PDF, Word, Excel, and Powerpoint documents can be added to Open Berkeley sites as downloadable links. You will upload the attachment first, and then add a link that allows site visitors to click and download. File size is limited to 50 MB because larger file sizes can cause degraded performance.

Hero Widget

Hero image layouts allow site builders to add full-width images with text (and optional videos and links) across the top of your home page or landing pages. The styles and layouts match the new design of the Berkeley homepage and News website.

Add a Spotlight (slideshow)

Overview

Spotlights are photo slideshows that contain images overlaid with optional titles and descriptions. You can link them to pages on your site, or to external webpages.

Spotlight images are fully-responsive; the spotlight will rescale itself to fit the space available to it depending on your page layout and the viewer's device size. For best results, you may want to crop and resize your images to one of the available layout styles/ratios (see below) before you upload them.

Add Image

NOTE: Large (high resolution) images may cause performance issues and could possibly cause other site errors. Try to only upload photos that have a file size of 1MB or smaller when using this widget.

Add File

To feature a downloadable link to a file, select the "Add File" option. Please note that you can also provide a downloadable link to a file in a widget by using the "Add Text" widget option and using the "Add Media" button (see Add Attachments from the Editors Guide).

Add Video (YouTube or Vimeo)

To embed a YouTube or Vimeo video on your site, use the "Add Video" widget option. This widget also supports YouTube video playlists.

Add an optional title, then click "Browse".

Copy and paste the URL of your video from YouTube or Vimeo into the "File URL or media resource" field, then hit "Next".

Image shapes and sizes (Berkeley Brand)

The Berkeley Brand guidelines provide standard image sizes for Brand components such as Hero, Photo Thumbnail, and Promo widgets.

Attachment Links

Overview

If you've uploaded an attachment (PDF, Word, etc. - see Add Attachments), you can add a link to that attachment by following the same steps you would take to link to an internal page.

The WYSIWYG (Editing) Toolbar

When you create a Content Page, News item, or FAQ item, and if you are a Site Builder creating certain widgets, you will notice an editing toolbar within the "Body" section: