Site Builder Role

Use and Change Layouts

There are a variety of pre-configured available layouts with a variety of regions (hero, header, sidebar, etc.) on your Open Berkeley pages to help feature and organize your content.

Edit photos and files from the dashboard

From your admin menu and dashboard, you can download a list of the files on your site, edit the default alt and title text of image files, change the names of files, replace a file with a new version, and crop an image.

To perform any of these actions, navigate to your "Files" tab by hovering over your admin menu, or clicking on your dashboard in the upper left corner of your site.

Accessing the Files dashboard

Admin menu (click on the "Files" drop-down):

...

How to Add Links

Overview

Links can be internal (pages on your website), external (other websites), anchor links (also known as jump links), and attachment links (PDF, Word, etc.).

Links can be added to both text, as well as images.

Add Links to Text

Give your links unique and descriptive names, which is important for accessibility purposes. See "Give your links unique and descriptive names" in the "...

Google and bConnected Widgets

Site Builders and Widget Editors may use the Google/bConnected widgets to embed the following Google items on their pages: Google Doc, Google Form, Google Calendar, Custom Google Map

News Listings Widgets

Overview

There are several options for displaying your News content in a widget. Select "News" from "Add Existing Content," then click the "Add" button for the view you'd like to feature in a widget.

Notes These options are separate from the default "News Archive" page. See...

Berkeley Brand (Public Affairs)

The Open Berkeley theme (design) aligns with the Public Affairs brand materials and guidelines.

Berkeley Brand Theme Settings

There are a few settings available that specifically pertain to the Public Affairs branding guidelines.

collapse all expand all Berkeley Wordmark (and site names that start with the word "Berkeley")

The "...

Add Tables

Tables allow you to display data in rows and columns. You can create tables on your Open Berkeley site, and you should make sure that any tables you create are accessible to people with disabilities. Use tables for tabular data, not layout (i.e., do not use a table in order to only display images in rows).

Manage Main Menu

You can add and move content to the main menu (primary navigation). All menu items in the main menu need a "parent" (top-level) item. For the parent items in the main menu, the main menu itself is the "parent," and any additional items are considered "child pages" (sub-pages) of the parent items. Child pages will show up in a local (sidebar) menu from the parent item.

Main Menu Display

By default, the main menu will display as a simple drop-down. See Figure 1, below.

Figure 1:...

Mega Menu

The "mega menu" option aligns with the Public Affairs branding guidelines. Photos added/uploaded to the Mega Menu may be cropped and scaled in order to fit the appropriate aspect ratio. For more information on this, please see Image Shapes and Sizes About the Mega Menu

By default, the menus in the Open Berkeley theme have a simple drop-down functionality (similar to the previous theme). The theme...

Add and Use Headings

Using headings properly can help in creating a semantic, organized structure to your content, and in allowing site visitors to more easily navigate and read through your website content. If your page content has a lot of sections, each with its own subtitle, you should consider using headings instead of simply applying bold or using CAPITAL LETTERS for your section titles.

Accessibility

Proper use of headings is an accessibility best practice. See "Use headings correctly to...