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)
- Portfolio Items > Add New
Page Settings
Item Info
- Add title (under Add New Portfolio Item) > Press Enter
- Check and/or Update portfolio item permalink (url should list first and last name only)
- Select a category: Portfolio Categories > staff, board, or other
- Set feature image (Image should be 560×747 pixels for best portfolio layout display)
Portfolio Options (Below WPBakery Page Builder)
- Header / Main Menu >
- Header Style > Deafult
- Title / Description >
- Title/Description Visibility > Hidden
- Description > [Enter staff job title/role]
- Extras >
- Social Layout > Hide
Portfolio Overview Options
- Overview Mode > Color
Portfolio Media
- Media Selection > None
WPBakery Page Builder (Page Content)
- Add (first) Row Element to the page
- Row Settings to edit:
- General > Bottom Padding > None
- Responsiveness > Select Hide for:
- Tablet Portrait Visibility
- Mobile Visibility
- Click: Save Changes
- Add Empty Space Element (to this first-page row)
- Height > 2x
- Click: Save Changes
- Row Settings to edit:
- Add (Second) Row Element to the page
- Row Settings to edit (pencil at the top right of row):
- General > Bottom Padding > None
- Click: Save Changes
- Column Settings to edit (pencil in the center and inside of the row):
- General > Text Align > Right
- Click: Save Changes
- Add Button Element
- Button Settings > Button >
- Button Text > enter: Back
- Screen Reader Text > enter: Back to Meet Our People
- Button Type > Underline
- Button Color > Primary 6
- Button Line Color > Primary 6
- Button Size > Extra Large
- Button Link > click Select URL
- Search for: Meet Our People
- Select: Meet Our People PAGE
- Select: Set Link
- Add Icon? > select checkbox
- Icon Library > Font Awesome
- Icon
- From the dropdown, search for back
- Select the larger “<” icon
- Name of icon is: chevron-left (back, arrow, braket, previous)
- Click: Save Changes
- Button Settings > Button >
- Row Settings to edit (pencil at the top right of row):
- Add (Third) Row Element to the page
- Row Layout (left hamburger icon) settings:
- Enter custom layout for your row > select Custom
- Enter Custom layout for your row > 1/4 + 3/4
- Click: Update
- Click top “X” to exit the Row Layout window
- Enter custom layout for your row > select Custom
- Row Settings (pencil at the top right of row):
- General > Top Padding > None
- Click: Save Changes
- Row Layout (left hamburger icon) settings:
- 1/4 column (left column, for image)
- Colum Settings (column pencil):
- Effects & Positions > Sticky Column > Yes
- Effects & Positions > Sticky Top Offset > 30
- Click: Save Changes
- Add Single Image Element to column
- Single Image Settings:
- General > Select image(s)
- Add Shadow > Small
- Click: Save changes
- Single Image Settings:
- Add Empty Space
- Click: Save changes
- Add Text Block
- Text > (add Email)
- Select email address and make it a link, click blue enter button once it includes the “mailto:” portion for linking.
- Text: click Align Center
- Click: Save changes
- Text > (add Email)
- Colum Settings (column pencil):
- 3/4 column (right column for Bio)
- Add (first) Title Element
- Title Element Settings:
- Title Content > First Name Last Name
- Title Tag > h1
- Title Size/Typography > h1
- Click: Save changes
- Title Element Settings:
- Add (second) Title Element
- Title Settings:
- Title Content > Job Title/Role
- Title Tag > h4
- Title Size/Typography > h4
- Click: Save changes
- Title Settings:
- Add (third) Title Element
- Title Settings:
- Title Content > Pronouns
- Title Tag > h6
- Title Size/Typography > h6
- Click: Save changes
- Title Settings:
- Add Empty Space
- Click: Save changes
- Add Text Block
- Text > (add full bio here)
- Click: Save changes
- Add (first) Title Element
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
