• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
UT Shield
College of Fine Arts WordPress Instruction
  • Home
  • Quick Start
  • Get Started
    • Log in
    • Dashboard Workspace
      • Dashboard Menu
      • Screen Options Tab
      • Other Tools and Areas of the Dashboard
    • Create & Edit Pages
      • Using the Editor
        • Text Editor
      • Page Editing Screen Details
      • Password Protecting Website Content
    • Delete a Page or Post
    • Blog & News Posts
      • Using the Editor
        • Text Editor
      • Post Editing Screen Details
      • Post Category as a Menu Item
    • Images, Multimedia & Attachments
      • Add Images
      • Thumbnail Image Gallery
      • Video & Audio
      • Slideshow Carousel
        • RoyalSlider Instructions
      • Add Media from External Services
      • Documents & Attachments
      • Floated Images
    • Navigation & Links
      • Non-Visible Link Context
      • URL Web Address
    • Manage Comments
    • Social Media & Networks
  • Advanced
    • Menu Navigation
      • Post Category as a Menu Item
    • Manage Editors & Contributors
    • Page Layout Options & Custom Features
      • WordPress Themes
      • Column Layouts
      • Custom Features
        • Tabular Data
        • Team or Category Grids
      • Header Images
  • General Web Instruction

Team or Category Grids

Last Updated December 2024

“Team Members” is a plugin that allows you to create rows and columns in a responsive grid layout that’s typically used to create a directory of people. It’s great when you need lots of similar pages throughout your website and easier to use than Column Layouts. It can be used creatively to solve many other layout needs when the built-in Column Layouts aren’t satisfactory.

screenshot of 3 column grid using created using teams plugin

On this page:

  • Getting Started
    • Adding a New Team
    • Creating a Linked Image
  • Placing the Grid on a Page
  • Learn More

Getting Started

Ask the Web team to enable the Plugin for you. We will be happy to assist with the initial set up. Then you’ll see “Teams” in the administrator menu.

Teams are created separately and then embedded into pages or posts.

Screenshot of the Teams interface

Adding a New Team

  1. Give the team an administrative title to help you organize it in the backend.
  2. Add Members to the Team and fill in the fields, as appropriate, for each cell of your grid.
    • The only required field is “First Name” or the grid will use the title “Untitled.”
    • You’ll have the option to include an image, social media links, YouTube links and more. As always, make sure your images have alternate text in the Media Library.
    • Important: Due to changes made by the plugin creators, you should not make the images into links. Linking team images will cause an accessibility issue. If you want a team member’s image to be a link, see the linked image instructions below.
  3. Configure the Settings.
    • You can have up to 5 columns by setting the Members per line. However, be aware it’s responsive, so on smaller screen sizes there will be fewer columns and the items will wrap lower on the page.
    • You’ll want to set the plugin to use the fonts native to your website theme.
    • Selecting a Main Color will add an accent stripe to the design. You can select white if you don’t want the stripe.
  4. Finally, hit Publish and you’ll be able to copy the “Short Code” which you will need to follow the instructions below under the heading “Placing the Grid on a Page.”

Creating a Linked Image

If you want the team member’s image to be a link, you’ll have to add the image to the Biography section instead of the Member’s Photo upload.

  1. To do this, click the Edit biography button and in the editor screen add the image from your image gallery.
    • It’s best to have a square image of 200 x 200 PX. Make sure you center it in the editor.
    • To add the link, click on the top of the image, then click the pencil icon to edit. In the pop-up under Display Settings > Link To > select Custom URL > add the URL to the box and click the Update button. Then click Update biography to complete.

Note: this will result in the team member’s profile looking slightly different, so for consistency you’ll want to do all your profiles the same way.

Examples

Linked image Profile

Pamela Z

Performance artist and musician pamela z confidently addresses the camera smiling with hands moving outward.

Pamela Z is a composer/performer and media artist working primarily with voice, live electronics, sampled sound, and video. A pioneer of live looping, she processes her voice to create complex sonic layers.

Pamela Z's Facebook linkPamela Z's YouTube channel

Non-linked image profile

Pamela Z

Learn more about Pamela Z's work

Pamela Z is a composer/performer and media artist working primarily with voice, live electronics, sampled sound, and video. A pioneer of live looping, she processes her voice to create complex sonic layers.

Pamela Z's YouTube channelPamela Z's Facebook

Placing the Grid on a Page

Simply create a new page or post and paste the Short Code where you would like the grid to appear on the page.

Learn More

Details about the plugin and more information can be found on the official Plugin page.

Primary Sidebar

Open Office / Co-Working Sessions

Second Monday of the month:
11 a.m. – 12:30 p.m.

Fourth Thursday of the month:
2 p.m. – 3:30 p.m.

Email us for the Zoom link.

College of Fine Arts Web Instruction
Subscribe to our email list to receive periodic tips and resources for generating great digital content

Contact Us

The COFA Web team can be reached by emailing us at cofawebmaster@austin.utexas.edu

UT Home | Emergency Information | Site Policies | Web Accessibility | Web Privacy | Adobe Reader

© The University of Texas at Austin 2025