Editor role

Add content

On this page:

add content types / pages add page widgets

Content is added to Berkeley Web Builder sites via content types (pages) and page widgets. Any user account with a role can work with content within the scope of that role's permissions (see Permissions by role). All content should follow best practices for content accessibility and the guidelines provided by the Digital Accessibility Program.

Add content types / pages

Site Managers, Site Builders, Editors, and Contributors will see an option called "Add Content" in the sidebar menu; see Figure 1, below.

This "Add Content" option goes...

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]...

Add and manage page widgets

On this page:

about widgets add/manage widgets widget options

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, move, edit, configure, and remove page/content widgets. See below for more information about how to add and manage widgets on...

Use layouts and page sections

On this page:

page sections page layouts custom layouts 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 layouts and templated...

WYSIWYG (editing toolbar)

On this page:

WYSIWYG details limited WYSIWYG use the WYSIWYG

The Berkeley Web Builder WYSIWYG (which stands for "What You See Is What You Get") editing toolbar is available across various content types and features, including the "Body" field of Basic pages and News and FAQ items, Text widgets on Custom pages, and more.

The WYSIWYG is an editing interface where you can format text, insert and arrange images and videos and files, create links and tables, and more, and see how the content will appear to site visitors before saving the page. See Figure 1, below, for an example of the full...

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 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.

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 best practices Do not copy and paste images. Copying and pasting...