淫妻社

University Marketing and Communications

How To Use the Faculty or Staff Snippet

Snippets are pre-defined pieces of code used to customize web pages.聽

The headshot-bio snippet can be used to add faculty and staff information to a web page.聽

When the snippet is inserted, a placeholder image, name, contact information and link button will appear, as shown below.聽

image placeholder

Name

Title

Phone Number

Link Button

Content after: select and edit or delete


The text below, "Content after: select and edit or delete," is a placeholder for content below the snippet. You may either select and delete it, or select and edit it. You may want to select and add another headshot-bio snippet.聽

Faculty or staff listings should include:

  • Portrait taken by University photographer
    • If a portrait is needed, please submit a photography request form.
  • Name, followed by advanced degrees (Ph.D., M.S., M.A.,...)
  • Title
  • Phone number
  • Office location (optional)
  • E-mail address
  • Link to web page and/or profile at
    • is a resource to showcase the scholarly and creative contributions of faculty members, including research and publications
  • Biography (optional)

Below is what the headshot-bio snippet may look like for Rocky.聽

Rocky

Rocky

Mascot

1.800.586.5336

Learn More

To use the headshot-bio snippet, please complete the following steps.

  1. Browse to the page you want to edit, log in and click the green "Edit" button Edit icon next to the section you want to edit.
  2. Place your cursor where you want the faculty or staff listing to appear and click the聽"Insert Predefined Snippet Content" icon. Snippet icon
  3. In the window that appears, in the "Snippet" drop-down menu, select "headshot-bio".
  4. Click the "Insert" button Insert button to insert the snippet and close the window.
  5. Carefully edit the placeholder text as desired.
  6. Edit the placeholder image.
    If you have a portrait, first resize the image to a 2:3 ratio. 240 x 360 pixels is recommended.聽
    1. Select the placeholder image and click the "Insert/Edit Image" icon. Insert image icon
    2. Click the "Browse" button Browse Button聽to navigate to the images folder where you will upload the image.
      Please note that you have to upload the image to a folder that is specially designated for images before adding it to a web page. If the folder holding the web page you want to add images to has an images folder, then please proceed. If the folder does not have an images folder, then please ask the web development team to add one by submitting a help request. For more information on image formatting, please visit the Using Images toolkit page.
    3. Select the images folder to the left and click the "Upload" button聽Upload button聽to the right.聽

      Screenshot of select image screen

    4. In the new window that appeared, you may upload the image in two ways:
      • Drag the image from your computer into the new window, then click the blue "Start Upload" button聽Start Upload button
      • Click the green "Add" button Add button聽, browse to the image on your computer, select it, click "Choose"聽Choose button聽and click the blue "Start Upload" button聽Start Upload button

        Screenshot of upload image screen
    5. Once the photo uploads, click the green "Close" button Green close button聽to close that window and the blue "Insert" button Blue insert button聽to select that image.
    6. In the window that you return to, type a description of the image in the "Image Description" field.
    7. Click the "Insert" button Green Insert button to place the image.
    If you do not have a portrait:
    1. Select the placeholder image.
    2. Delete the placeholder image by hitting delete on your keyboard or the "Cut" icon in the toolbar. Leave the empty space as is.
  7. Edit or delete the line that reads 鈥淐ontent after: select and edit or delete鈥. It is placeholder text for content after the snippet. You can select it and edit it, add another snippet, or delete it.
  8. Save your work by clicking the "Save" icon.聽Save button
  9. To make your edits live, click the green "Publish" button. Publish button