Providing direct contact information on your program page or service area site makes it easy for our students to connect with someone who can support their success (it also enables our Switchboard Operators to serve our students more effectively).
In an effort to remove the guesswork from formatting the contact information for your site, IT Services has developed the standards below. This helps to maintain a consistent look and feel across the website and also ensures that the content is accessible and displays correctly on all screen widths.
Please choose from one of these three options:
Name-focused contact information:
John Doe
Instructor
Tel: 604-555-1212
Email: John_Doe@bcit.ca
This uses our standard paragraph formatting, with the name bolded and a single line break between lines.
You can create a mailto link (a clickable email address that, when clicked on, opens the default mail program and creates a new message with the TO field already filled out) by selecting the email address, then clicking the Insert/edit link button followed by the Apply button.
Position-focused contact information:
Instructor
John Doe
Tel: 604-555-1212
Email: John_Doe@bcit.ca
This uses our standard paragraph formatting, with the position bolded and a single line break between lines.
You can create a mailto link (a clickable email address that, when clicked on, opens the default mail program and creates a new message with the TO field already filled out) by selecting the email address, then clicking the Insert/edit link button followed by the Apply button.
Image with contact information:
John Doe
Instructor
Tel: 604-555-1212
Email: John_Doe@bcit.ca
This uses our standard paragraph formatting, with the name bolded and a single line break between lines.
Images used with contact information should be no wider than 150 px, or, thumbnail sized. All contact photos on the same page should be the same height and of a similar style (e.g., all professional, colour headshots).
To insert the image, place the cursor before the first line of text, then select Add Media in the WYSIWYG editor. Upload the photo, remembering to add alt text (for example, “BCIT instructor [instructor’s name]”) to the image to make sure your content meets web accessibility standards. UnderĀ Attachment Display Settings, choose left alignment. Select the thumbnail Size in the dropdown, then Insert Image.
You can create a mailto link (a clickable email address that, when clicked on, opens the default mail program and creates a new message with the TO field already filled out) by selecting the email address, then clicking the Insert/edit link button followed by the Apply button.
More information about standards on the public website
More information about using public website WordPress
-
Adding, Removing, and Editing Links in Public Website WordPress
-
Cancelling Events in the Public Website WordPress Events Calendar
-
Creating and Editing Events in the Public Website WordPress Events Calendar
-
Creating and Managing Course Umbrellas in Public Web WordPress
-
Creating and Modifying Site/Navigation Menu Structure in Public Website WordPress
-
Creating Headings, Lists, Tables, and Other Core Content Elements in WordPress
-
Embedding Background Video in Page Headers in Public Web WordPress
-
Embedding Video and Video Playlists in Public Website WordPress
-
Fixing and Preventing Broken Links on your Website using Checkbot
-
Managing Mailing Lists and Subscribers in Public Website WordPress
-
Managing PDFs and Other Documents for the BCIT Public Website
-
Navigating Between Multiple Section Views in Public Website WordPress
-
Previewing Your Responsive WordPress Content As It Would Appear on Other Devices
-
Reviewing, Comparing, and Rolling Back to Previous Versions of Content in Public Web WordPress
-
Updating the Global Alert in Public Website WordPress (Emergency Response Team Only)
-
Usage Guidelines for the Events Calendar in Public Website WordPress