First Name Last Name

Job Title/Role

Pronouns

[Add bio here]

Staff Page Set Up Guide

Staff pages live under “Portfolio Items” in the WP Dashboard.

“Item” and “Page” will be used interchangeably here.

When setting these portfolio items/pages, not all the settings need to be changed. Below are step-by-step instructions on how to set up this page. For each item on this page, Only the settings that need to be changed are listed here.

The Underlined Text is the value selected or entered for that specific setting.

Video example for creating a staff page.

Create  a new portfolio item (page)

  1. Portfolio Items > Add New

Page Settings

Item Info

  1. Add title (under Add New Portfolio Item) > Press Enter
  2. Check and/or Update portfolio item permalink  (url should list first and last name only)
  3. Select a category: Portfolio Categories >  staff, board, or other
  4. Set feature image (Image should be 560×747 pixels for best portfolio layout display)

 

Portfolio Options (Below WPBakery Page Builder)

  1. Header / Main Menu >
    1. Header Style > Deafult
  2. Title / Description >
    1. Title/Description Visibility > Hidden
    2. Description > [Enter staff job title/role]
  3. Extras >
    1. Social Layout > Hide

Portfolio Overview Options

  1. Overview Mode > Color

Portfolio Media

  1. Media Selection > None

 

WPBakery Page Builder (Page Content)

  1. Add (first) Row Element to the page
    1. Row Settings to edit:
      1. General > Bottom Padding > None
      2. Responsiveness > Select Hide for:
        1. Tablet Portrait Visibility
        2. Mobile Visibility
      3. Click: Save Changes
    2. Add Empty Space Element (to this first-page row)
      1. Height > 2x
      2. Click: Save Changes
  2. Add (Second) Row Element to the page
    1. Row Settings to edit (pencil at the top right of row):
      1. General > Bottom Padding > None
      2. Click: Save Changes
    2. Column Settings to edit (pencil in the center and inside of the row):
      1. General > Text Align > Right
      2. Click: Save Changes
    3. Add Button Element
      1. Button Settings > Button >
        1. Button Text > enter: Back
        2. Screen Reader Text > enter: Back to Meet Our People
        3. Button Type > Underline
        4. Button Color > Primary 6
        5. Button Line Color > Primary 6
        6. Button Size > Extra Large
        7. Button Link > click Select URL
          1. Search for: Meet Our People
          2. Select: Meet Our People PAGE
          3. Select: Set Link
        8. Add Icon? > select checkbox
        9. Icon Library > Font Awesome
        10. Icon
          1. From the dropdown, search for back
          2. Select the larger “<” icon
            1. Name of icon is:   chevron-left (back, arrow, braket, previous)
        11. Click: Save Changes
  3. Add (Third) Row Element to the page
    1. Row Layout (left hamburger icon) settings:
      1. Enter custom layout for your row > select Custom
        1. Enter Custom layout for your row > 1/4 + 3/4
        2. Click: Update
        3. Click top “X” to exit the Row Layout window
    2. Row Settings (pencil at the top right of row):
      1. General > Top Padding > None
      2. Click: Save Changes
  4. 1/4 column (left column, for image)
    1. Colum Settings (column pencil):
      1. Effects & Positions > Sticky Column > Yes
      2. Effects & Positions > Sticky Top Offset > 30
      3. Click: Save Changes
    2. Add Single Image Element to column
      1. Single Image Settings:
        1. General > Select image(s)
        2. Add Shadow > Small 
        3. Click: Save changes
    3. Add Empty Space
      1. Click: Save changes
    4. Add Text Block
      1. Text > (add Email)
        1. Select email address and make it a link, click blue enter button once it includes the “mailto:” portion for linking.
      2. Text: click Align Center 
      3. Click: Save changes
  5. 3/4 column (right column for Bio)
    1. Add (first) Title Element
      1. Title Element Settings:
        1. Title Content > First Name Last Name
        2. Title Tag > h1
        3. Title Size/Typography > h1
        4. Click: Save changes
    2. Add (second) Title Element
      1. Title Settings:
        1. Title Content > Job Title/Role
        2. Title Tag > h4
        3. Title Size/Typography > h4
        4. Click: Save changes
    3. Add (third)  Title Element
      1. Title Settings:
        1. Title Content > Pronouns
        2. Title Tag > h6
        3. Title Size/Typography > h6
        4. Click: Save changes
    4. Add Empty Space
      1. Click: Save changes
    5. Add Text Block
      1. Text > (add full bio here)
      2. Click: Save changes

Publish Page

Click the blue button Update at the top right corner of the WordPress window or

Click the blue button Publish/Update on the right Publish column section

Staff Page Back End Layout

    Back to top