Biography Page: How-To

From the research.vt.edu root directory, scroll down and click "Contacts".

You are now in the Contact directory root. Click "Create" in the upper right corner of the CMS.

Click "Page".

Click “Biography Page”.

Click "Next".

Title	Person’s first and last name
Name	This is to generate the page URL. Normally we let this autogenerate based off of the “Title” field, but in this instance the format would be <lastname>-<firstname>, all in lowercase (and a dash used for the space). Example - the person’s name is Kathy Acosta. The Name field would be entered as acosta-kathy.
Tags	Tags will include department name, parent office, ad if they are staff or leadership
Right-Column	Without Right Column
Description	Job Title would be placed here. This is used for list component generation and currently the only workaround to show title in CMS when using list components.
Subheading	Job Title would be placed here.
Full Name	Person’s first and last name
Job Title	The person’s job title. This will be formatted slightly differently than how it will appear in Banner. If the title happens to be in the format of <department> <position> (such as Post Award Administrator), the format on our sites would show as “Administrator, Post Award”
Phone	Primary contact number for the person.
Email	Person’s primary contact email. This most likely won’t be their PID@vt.edu as it is best practice to create an alias for their email.
Page Image	This will also be the person’s headshot. This is used in list components and in page previews in search results and when the page link is shared within Outlook.

Example above: attribute fields to fill out in the page properties of the biography page.

Adding an Image

In the upper left of the CMS, click the “Toggle Side Panel”.

Click the second tab on the left to see your site assets.

Click in the filter field to search for an image. Type in the last name of the person, if an image exists, it will show. If the person hasn’t had an image taken, type in “Photo not” and you will get the generic “photo not available” photo.

Left click the image component.

Click the “wrench” icon to get to the configuration options of the image component. Although you can drag an image over into the component, it is better to do this first so that you can automatically copy over the alt. text information for an image if it exists.

A popup will show with the image options. You can drag over to your Image Asset box and it will carry over the alt. attribute for the image. Use the 640x640 version of the image if multiple exist.