Member role

Use layouts and page sections

On this page:

page sections page layouts custom layouts align Promo widgets templated layouts

In Berkeley Web Builder, certain content types (Custom and feature-specific types) allow users to create pages with structured content; this refers to a website page with multiple content widgets, organized in page sections and displayed using layouts (varying combinations of rows and columns).

In the "Customize" tab on Custom pages and other content types, there is a user interface with options to add/remove page sections, and within the page sections, there are options to utilize both Custom...

Add images

On this page:

notes / best practices uploading images displaying images aligning images image captions

This page provides notes and instructions on how to upload and display images from the WYSIWYG editing toolbar, primarily on Basic pages and other options with the full toolbar, such as text widgets and other page widgets. There are also separate image-related widgets for Custom pages.

Images added from the WYSIWYG can be aligned along with other page content and can display a caption. See Figure 1, below, for an example of an embedded image with a caption on a Basic page.

Image notes and...

User accounts and roles

On this page:

user accounts new users user roles permissions by role

Anyone working on a Berkeley Web Builder site will need to have a user account with a role in order to log in (via CalNet/ cas) and access the site and platform tools. The platform comes with 5 user roles with different levels of permissions: Site Manager, Site Builder, Editor, Contributor, and Member. Only the Site Manager role can modify user roles on user accounts.

This page contains details about user accounts and the available editing roles on Berkeley Web Builder sites. See the Site Manager page for instructions on...

Basic page

On this page:

about Basic pages add a Basic page

The Basic page content type is meant for simple pages with a fixed, one-column format with a local (sidebar) menu. See Figure 1, below, for an example of a Basic page; the majority of the pages in this Guides section are Basic pages and can be viewed as examples.

About Basic pages

Basic pages come with a robust WYSIWYG (editing toolbar) and can include text and media items (images, videos, files/attachments such as PDF and Excel documents). Additionally, images, file/attachment links, and videos can be embedded directly on to Basic pages. Pag...

Login and access

The Berkeley Web Builder platform uses CalNet authentication (CAS) for access to individual sites and platform tools. User accounts will need to have one of the available roles (Site Manager, Site Builder, Editor, Contributor, or Member) in order to log in and access sites and platform tools. See User accounts and roles for more details about the available roles on the Berkeley Web Builder platform.

Log in to your Berkeley Web Builder site

If you have an editing role on your Berkeley Web Builder site, log in via the CAS link at a test site link or a live site link:

https://[test-yoursite]...

Custom page

On this page:

about Custom pages add a Custom page

The Custom page type is meant for pages that need multiple sections, rows, and/or columns of content using layouts via the page customization feature. See Figure 1, below, for an example of a Custom page, and see the about Berkeley Web Builder, content and media, page customizations, and menus and categories pages for additional Custom page examples.

About Custom pages

Many widget types can be added to Custom pages in order to create and feature site content. These widgets are placed in page sections and displayed using section/page layout...

Add and use headings

On this page:

about headings accessibility user experience SEO add headings (WYSIWYG)

In Berkeley Web Builder, headings can be inserted into text from the WYSIWYG editing toolbar, and are also in place on websites as the site name and page titles and widget titles.

It is important to follow best practices for accessibility and usability when using headings in your content. Using headings in a logical, consistent order without skipping levels ensures a more inclusive and accessible experience for everyone.

About headings and best practices

Headings on website pages are larger text than...

Hero and color band

On this page:

about the hero and color band feature add and configure hero and color band examples About the Hero and color band feature

The Berkeley Web Builder "Hero" feature allows you to display text in the page title area of a Custom page with either a full-width image or background color or as a color band. Hero images can also be displayed without text.

A Hero or color band can only be used on Custom pages and can be added and configured from within the "Edit" tab of a Custom page. See Figure 1, below, of the Berkeley Web Builder homepage for an example of a Hero image on a Custom...

User admin menu and dashboard

On this page:

sidebar menu user dashboard Site Manager role

A sidebar admin menu and a dashboard is available to Berkeley Web Builder user accounts when logged in to their site with a user role. The sidebar menu will remain available as you move through all sections and pages on your site, and can be minimized as needed. The dashboard contains various sections for completing tasks on your site, such as adding and managing content, using categories, managing menus, accessing site settings, and more. The dashboard also includes an option to review user accounts and for Site Managers to modify...