Site Builder Role

Optional Styles

There are several optional HTML "classes" available that will change some of the default heading, paragraph, table, and list styling in Open Berkeley. You will need to make edits directly in the HTML source to use these classes. See...

Create Content Pages

Most likely, you will find that the majority of your content will be created as "Content pages." A Content page is a standard webpage, with one primary chunk of content, and is likely in the main menu of your site.

Start with Content Pages as you build out your site, then add FAQs, News Items, and Landing Pages and additional widgets (Site Builders and Widget Editors only) as additional content. For a breakdown of available...

Limited WYSIWYG Toolbar

In regular Content pages and Text widgets, there is a "regular" (full) editing, a.k.a. WYSIWYG, toolbar. However, there are a few features in Open Berkeley that only allow a limited subset of tags.

Add Video (YouTube, Vimeo)

The "Add Video' widget allows you to embed a YouTube or Vimeo video on your site. This widget supports YouTube video playlists and YouTube's "start at a specific time" feature. The "Add Video" widget will embed a video in one of the available layout regions, and site visitors will select the "play" button to play the video directly on your page.

You may also feature videos on your site by using the Video Thumbnail with Modal...

Edit the Home Page

Overview of Your Website's Home Page

Your home page is populated and organized by layouts and widgets. It has the same general behavior as a Landing Page. There are a few important items to consider when editing your home page.

There is an "Edit" tab available, but using this tab is NOT how you'll edit the majority of content on your home page. Here are the settings that are available when you click the "Edit"...

Layouts and Widgets

Site Builders are allowed to "customize" pages by changing the layout of a page, and adding different types of widgets in the layout regions, in order to organize and feature content. This layout and widget functionality is available on almost every page of an Open Berkeley site.

Layouts and Widgets on Landing Pages vs. Content Pages

On a Landing page, customizing the page and using layouts and widgets is REQUIRED. On Content pages, customizing the page is OPTIONAL, and the majority of the content is contained within the "Edit" tab of the Content page (in the "Body" field)....

Add Lists

When you have content that makes semantic sense as a list, use the list buttons instead of simply using line breaks. Proper use of lists is an accessibility best practice. To create a list, place your cursor in the WYSIWYG field and select the WYSIWYG button for a bullet (unordered) or numbered (ordered) list.

News Types

Overview

News Types are optional when using News Items. If you choose to create News Types (see instructions on the Categories page), you can either display a single News Type under the "News" menu item, or you can filter by News Types in a widget area on any page (see Types of Widgets).

Once you have created News Types, they will show up as checkboxes that you can select from when creating a News item (you...

Create FAQs

When FAQ items are added to your site, they will automatically populate at http://[yoursite].berkeley.edu/faq-page. FAQ items have to be assigned to a category before publishing. Before you can create FAQ items, you (or someone with the Site Builder role) must evaluate and create applicable FAQ categories. "General" is the default category that comes with all Open Berkeley sites, and more categories can be added as necessary. By default, FAQs will display as "jump" (anchor) links....

Manage Content

In addition to creating and editing content, site builders can delete content, and publish or unpublish content. You can do this in bulk from your Content dashboard. Go to the "Dashboard" link in the upper left corner, then select the "Content" tab. See Figure 1, below. These actions can be performed on individual pages as well. See the expand/collapse sections below for additional details.

Figure 1
...