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

Make a New Page

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. On the right hand side of the page, click on the Page Attributes dropdown; Choose the desired parent page. Setting a parent page defines where a page will live on the site. For example: If I set my test page’s parent as “Healthy Kent”, then this page will exist on that section of the site, and the purple Healthy Kent menu/banner will appear at the top of the page.
  3. Click the purple “Use Divi Builder” button. From here, you will be presented with two options:
    1. Build from scratch
    2. Clone an existing page

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.

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

For a visual list of all Divi Library items, click here.

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.

For a visual list of all presets, click here.

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.

Events

Click on the Events tab in the left hand dashboard menu. You can also click the “+ New” button in the admin bar at the top of the screen.

If you choose to navigate to the Events tab, you will then want to click the “Add Event” button (1) at the top of the page. You can also search for old events by using the right hand search bar (2).

Under the main Events tab on the left hand side, you will see several sub-headers: “Add Event”, “Event Categories”, “Locations”, and “Recurring Events”. As a user, you will only need to access “Add Event” (3), and “Recurring Events” (4).

Clicking on an event title will allow you to edit it.

Creating a New Event

Single Events

Click on the “Add Event” button while in the Events tab. From here, you can add the event title, time/date that it will occur, and its location. Scrolling further down the page, we can see fields where you can set the event tags and category.

From here, click the “Publish” button to add the event to the site’s calendar.

Event Categories

Event categories tell the site where to display your new event. For example, adding the category of “Dads Count” to an event will allow it to be visible on the Dads Count event page. If you do not add a category to your event, it may not be displayed on the site correctly.

Recurring Events

Adding a recurring event (events that occur over the course of a specified range of time) is very similar to adding a single event. Recurring events are handy when you have to add multiple events that occur on a regularly scheduled basis.

  1. Go to the Events tab
  2. Click on the Recurring Events link
  3. Click the Add Recurring Event button at the top of the page.
  4. Add all meeting information that you normally would.
  5. Scroll down until you can see the Recurrences box and add recurrence pattern information.
Detatching an Event From a Series

All recurring events are a part of a series; Editing one event in a series will push the same change to all other events in that series. If you want to edit a single event in a series, you will first need to detach it.

  1. In the events list, click on the title of the event you want to edit
  2. At the top of the page, you will see a recurring event warning
  3. Click the “detach it” link in the warning box

Event Submission

Approving Submitting Events

Users will be able to request that new events be added to the calendar through the Event Submission Form. When a user submits an event, a red marker will appear on the Events tab, and you see a new “Pending” category at the top of the Events page. You will also receive an email notification with the event information as well as a link to review the event.

Click on the title of the submitted event to review and correct any details. To approve the event, click the “Publish” button; If the event has been rejected, you can click the red “Move to Trash” link.

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.

This menu is also where you can also change or add a file to a specific folder in the Media Library by clicking on the FileBird folder dropdown.

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.

Folders

In order to keep files organized, we have created a system of folders in the media library.

To create a new folder, click the “New Folder” button in the upper left hand section of the screen. From here, you can rename and save your newly created folder.

Adding New Media to a Folder

Click on a folder to highlight it. Then click the “Add New Media File” button at the top of the screen. You can then either drag documents from your computer into the box labeled “Drop files to upload” or click the “Select Files” button to browse and choose files to upload. Once you have successfully added a file to the Media Library, you should see its thumbnail and title displayed in the appropriate folder.

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

Location Posts

On the Dashboard, you will see a tab called Locations – This is where you can add, edit, or delete store locations. These locations are displayed on the Farmer’s Market and Mental Health Resources pages.

  1. Go to the Locations tab; Click the New Store button at the top of the page.
  2. Add location information, like name and address.
  3. In order for your location to display on the correct page, you will need to choose the correct store category from the list of categories on the right hand side of the editor. For example, a location with a category of “Local Mental Health Resources” will display on the Mental Health Resources page.

When you are ready to save your new location, click the blue “publish” button at the top of the editor page. To edit an existing location, simply click on its title.