Behavioral Health Clinic Website Screenshot

Table of Contents

Logging In#

To log in to the admin dashboard, navigate to https://wibehavioralhealth.com/admin. Enter your username and password and click "Log In".

Admin Dashboard Overview#

Posts#

Posts are all your website's blog posts.

Media#

Media is where you upload all assets such as images, videos and PDFs.

ionicons-v5-r

Important!

There will rarely be a time when you should upload a full resolution image to your website. Outside of video, images are the most resource-intensive form of media that your website will load. Loading full-size images will drastically affect the performance of your website and hurt your SEO as a result.

To optimize an image: make sure to only use .jpg image files. .png files save a lot more image data and can easily make an identical image four times the file size of a jpg. If you're using an image editor like photoshop you will have image options when you save. Save as the lowest quality you can before your image starts to look bad. When done right, it’s rare that the loss of image quality will be noticeable to an untrained eye. For the majority of images, you should shoot for around 100kb file size for images you upload to the website.

Pages#

This is where you will find your website's primary pages.

Plugins#

Plugins are pieces of third-party software that extend and add to the functionality that already exists in WordPress. Be very careful here and avoid this section completely if you don't know what you're doing.

Users#

Add new users if you need to give access to additional employees who are going to edit posts on your website.

Settings#

This is where you will find a variety of settings ranging from general website settings to writing, reading and permalinks. All settings are already configured to meet your needs. Changing these can be very dangerous and can do harm to your website; only change settings here if you know what you're doing.

SEO#

Basic on-page elements like page titles and meta descriptions are powered by Yoast SEO. SEO settings are configured so you shouldn't ever need to change anything in here. Be careful and only change settings here if you know what you're doing.

Editing Basic Website Information#

Adding and Managing Media#

  1. Navigate to Media. Here you will see all assets in your media library.
  2. Next, click "Add New" and then either drag and drop files from your desktop, or click "Select Files" to upload an image.
  3. Lastly, add alternative text to your image. Alt text can provide a small amount of SEO value as search engines use alt text to gather information about your images. Most importantly, image alt text is used by screen readers. Screen readers use alt text to read a description of your image when someone with a visual impairment cannot see the actual image. Write alt text exactly like you're describing the image to someone who cannot see it.

Adding and Managing Pages#

  1. Navigate to "Pages" in your admin dashboard. Here you will see a list of all your website's pages. Select the page you need to edit by either clicking the page title or by hovering and clicking "Edit" in the options that appear. To quickly find pages, use the search option in the top right corner of the page.
  2. Your website uses the Divi page builder which is a no-code page builder. Divi offers both a Divi Builder and a Visual Builder.

Editing a Text Module#

Divi uses blocks often referred to as modules.

Screenshot of a Divi module

  1. Navigate to the text module you need to edit and click the gear icon to edit.

    Edit icon highlighted on the Divi modules
  2. Edit the content as needed and click the green checkmark at the bottom right corner of the module.

    Screenshot of a Divi module
  3. To publish your change to the front-end of your website, click the "Update" button at the top right of the page editor options.

Editing an Image Module#

  1. Navigate to the image module you need to edit and click the gear icon to edit. If an image is already in place, simply click the image preview to open up the media library.
  2. Select your new image from the image library, or switch to the "Upload files" tab to add a new image.
  3. To upload a new image, click "Select Files" or simply drag and drop an image from your desktop.
  4. When ready to add your new image, select the "Upload an image" button in the bottom right corner.

    A preview of the wordpress image library
  5. To finalize your change within the module, click the green checkmark at the bottom right corner of the module.
  6. To publish your change to the front-end of your website, click the "Update" button at the top right of the page editor options.

Yoast SEO#

Each page has unique SEO settings and metadata that can be configured using the Yoast SEO plugin. Yoast settings are found at the bottom of the page underneath the editor. Here you can configure an SEO title, Meta description and more.

Adding and Managing Staff Pages#

  1. Managing staff on your website requires a two-step process. You will need to create a new page for the new staff member and also edit the main Our Team page to ensure that the new staff page is listed there as well.
  2. Navigate to "Pages" in your admin dashboard and find the existing staff page you need to edit. To quickly find pages, use the search option in the top right corner of the page. Click on the post title or click "Edit" to open.
  3. The easiest way to create new staff pages will be to hover over an existing staff page and click "Clone". This will ensure that layouts and all elements are already established and kept consistent across pages.
  4. Add your staff name as the page title, click "Edit" on the permalink field and simply erase all existing data to create a new permalink for the page.
  5. Next, navigate to the text module and edit all details like name, title, and bio.
  6. Navigate to the Image module to upload your staff headshot.
  7. Back in the editor sidebar, scroll down to the "Featured image" section and set your staff headshot to your featured image. This will ensure your headshot is used as the preview image if the page is shared on any social media channels.
  8. Lastly, click the "Publish" button in the top right corner of the editor sidebar to publish your new page.

Adding New Staff to the Our Team Page#

  1. Navigate to the Our Team page and click edit.
  2. The Our Team page uses a Divi blurb module to hold both image and text data in one combined module. Clone an existing module to use as a template by clicking the "Duplicate Module" icon.

    Our Team page modules preview
  3. Enter in your name as the module title, edit your body content as needed.
  4. Next, click open the "Image & Icon" section. Click on the image preview to upload a new image.
  5. Next, click open the "Link" section and enter the URL to the staff bio page.
  6. To finalize your change within the module, click the green checkmark at the bottom right corner of the module.
  7. To publish your change to the front-end of your website, click the "Update" button at the top right of the page editor options.

Adding and Managing Blog Posts#

  1. Navigate to "Posts" in the admin dashboard. If editing an existing post, find the post in the list, or search for the post by name in the search bar at the top right of the page. Click on the post title to edit.
  2. To add a new post, click "Add New".
  3. Enter your post title.
  4. Type out your post details in the post editor.
  5. Scroll down to the Yoast SEO section and enter in a SEO title and Meta description.
  6. Set a featured image.
  7. To publish your change to the front-end of your website, click the "Update" or "Publish" button at the top right of the page editor options.

Adding new users#

  1. Type in the username for your new account.
  2. Enter the email address of the new user.
  3. Enter in a first and last name to make it clear who you are creating the account for.
  4. Select the type of role that you want to give the new user. Read more about WordPress Roles.
ionicons-v5-a