User Guide

Logging In

Navigate to this link. From here, you will be presented with the WordPress login screen. Enter your email or username, your password, and then click the “Log In” button (You can also check the “Remember Me” box if you would like the site to remember your credentials).

You will know that you have been logged in successfully when you see the black admin bar at the top of your screen. This bar will be visible no matter what page you navigate to on the site.

I Forgot My Password

If you forget your password, or would like to change it to something you are more likely
to remember, click the “Lost your password?” link at the bottom of the screen. You will receive an email with instructions and a link to reset your password (this email might get kicked to your spam folder).

The Site Dashboard

Once you have successfully logged in, you will be presented with the site’s dashboard. This is where you can create pages, add events, and upload media to the site. You can also edit existing content through this same dashboard. It can be accessed at any time by clicking on the site’s name in the far upper left hand corner of the admin bar. This black bar will be visible on every page of the site, as long as you’re logged in.

On the left hand side of the screen, you will see the dashboard menu. Clicking on any one of the tabs will bring you to that existing content for the site. For example, navigating to the pages tab will present you with a list of all the site’s pages. This is also one location where you can create new pages.

Creating & Editing Pages

You can create a new page two different ways:

  1. Using the “+ New” button on the admin bar
  2. Navigating to the pages tab on the dashboard and then clicking “Add New Page

When you create a new page, the builder will load looking like this:

  1. Add a title to your page.
  2. Click the purple “Use Divi Builder” button. From here, you will be presented with two options:
    • Build from scratch
    • Choose a pre-made layout

Divi Visual Builder

Once the page has reloaded, you will be presented with the Divi Visual Builder. This builder allows you to drag and drop elements as you need them on a page, see changes as you make them, and makes setting up new content easy.

This builder can be accessed on existing pages by navigating to a page and clicking on the “Enable Visual Builder” button in the admin bar.

The visual builder can also be accessed from the site’s dashboard by clicking the Pages tab, and then clicking the “Edit with Divi” link under the page’s title.

Once the builder has loaded, you can hover over text and images in order to see the page structure and to find content modules. You should also see rectangular edit menus appear over their respective sections/columns/modules (you might need to click on an outlined area in order to reveal its menu).

Blue sections contain green rows. You can change the column structure of the rows as needed. Gray modules exist within columns. Modules are where content is added to a page. For example, you can add a text module below an image module in the same column to create stacked content on a page.

Clicking the select icon (1) and dragging will allow you to move a module to another location; The gear icon (2) will bring up the module settings (discussed below); The icon of the two overlapping boxes (3) will clone the existing module; The trash icon (4) deletes the module; The X icon (5) will close the edit menu.

Module Settings

Each type of module will have its own settings that will need to be considered. Specifics on how to edit each module type can be found in the module documentation links below. We will be focusing on the text module in order to discuss basic settings.

When you click on a module’s gear icon, you will be presented with a new popup box – This is the settings menu. The text body (1) is where you can add and edit existing text (this functions very similarly to any text editor, like Microsoft Word); There are two editor tabs (2) that you can choose from (we recommend using the “visual” tab, as the “text” tab involves some code that might be distracting or confusing); Clicking on the reject button (3) will discard all of your edits and close the editor; Clicking on the accept button (4) will preserve all of your edits and close the editor.

Global Modules, Sections & Rows

A global library item is a module, row or section that appears exactly the same on whatever pages it is added to. They appear bright green in the visual editor. You can add a single global module to multiple pages. If you change the global module on one page, it gets updated instantly on all of the other pages it has been added to as well. If a single module is repeated on multiple pages, it’s very useful to make this module Global. This way, you don’t have to edit every single page when you want to make a change to it.

Create a New Global Item

  1. Click on the desired module, section, or row to bring up its edit menu. Click the three dots in the right hand corner of the menu.
  2. Click “Save to Library” in the new drop down menu.
  3. In the new “Add to Module Library” popup, create a new name for your module and scroll down to “Save as Global”; Click the toggle to “on”.
  4. Save your new global item.

The Divi Library

The Divi Library is your ultimate web design toolkit. Here you can store your favorite layouts, sections, rows or modules for later use. Whenever you save an item to your Divi Library, you can access it easily from within the module window when adding a new layout, module, section or row to the page.

Non-global library items exist independently of one another; Updating a non-global item on one page will not affect instances on other pages.

To add a new library item to your page, simply click the “+” button to create a new module, section, or row; Then choose “Add From Library”.

Presets

Presets function similarly to library items. You can take a module’s design settings and apply them to any module on your site by saving the design settings as a preset. These can be applied to any element including modules, sections, rows, or columns. For instance, if you create a nice hero section with a background color and pattern, you can save the section as a preset for use on other sections throughout your website. We have created a few different module presets for your building convenience.

If you use a preset on a text module, you can’t apply that same preset to a toggle. Basically, presets are specific to the element, so you can’t use one preset from one module type on another.

Apply a Preset to a Module
  1. Add a new module to your page as you normally would
  2. In the upper left hand corner of the module settings menu, click the dropdown that says “Preset: Default
  3. From here, you can choose from the list of ready-made presets. Feel free to play around in the builder to see how each of these presets look on the page.

Saving Page Edits

When you have finished editing your page, click on the purple circle with three dots in the lower center of the screen in order to expand the visual editor menu. Click on the green “Save” button in the lower right corner of the screen to save all edits that you have made on your page. You can now exit editor by clicking the “Exit Visual Builder” link in the admin bar.

Media & Documents

The Media Library is your go-to tool for managing all your website’s media. Whether you’re uploading images, videos, audio files, or documents, the Media Library makes it easy to organize, manage, and use your media throughout your website.

Adding Images to a Page

Add an image module to your page. Divi will automatically add a placeholder to the page. To change this image, click on the small gear icon in the right hand corner of the gray image box. This will open the Media Library, where you can choose a preexisting file or upload a new one.

Attachment Details & Document Links

Clicking on an image or document in the Media Library will open its Attachment Details menu. This is where you can see the file’s size, its title, and the date it was uploaded to the site. For images, be sure to add alt text in order to keep the site ADA compliant.

Adding Document Links to a Page

To add a document to a page, you must first create a text module. In the module settings menu, click on the gray “Add Media” button in the left hand corner of the pop-up menu. This will then open the Media Library where you can choose a preexisting document or upload a new one from your computer.

Click on a document to open its Attachment Details menu. Here, you can see a document’s title as well as its direct link. The document title is important, as this is the text that will be displayed on the page for your document link.

Accepted File Types

  • Images (.jpg, .jpeg, .png, .gif, and .ico)
  • Audio files (.mp3, .m4a, .ogg, and .wav)
  • Videos (.mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv, .3gp, and .3g2)
  • PDFs
  • Word documents
  • Excel spreadsheets
  • Maximum upload file size of 256 MB

Stories

  1. Navigate to the site dashboard; Find the Stories tab on the right hand side of the page.
  2. Existing stories can be editied by clicking on their titles.
  3. To create a new story, click on the “Add New” button in the upper left hand corner of the screen.
  4. Type in the title and the content for the new story.
  5. Scroll down until you see the Story Details and the Categories checkboxes; Fill in the applicable information.
  6. Click the blue “Publish” button on the right hand side of the page to post your new story.