How to Create a Meet the Team Page in WordPress

Your Meet the Team page is one of the most “human” parts of your WordPress website. Visitors go there to see who’s behind the brand, decide if they trust you, and get a feel for your culture before they ever send an email or fill out a form.

In this guide, you’ll learn exactly how to create a Meet the Team page in WordPress — from planning your content and layout, to building it with the Block Editor or Classic Editor (Jannah theme friendly), to adding it to your navigation so it’s easy to find.

If you’re new to WordPress in general, you may also want to bookmark our WordPress guides and tutorials overview so you can continue improving your site after you launch your team page.

Prerequisites

Before you start building your Meet the Team page, make sure you have a few basics ready:

• A working WordPress website with admin access.
• Your theme installed and activated (e.g., Jannah or another modern theme).
• Profile photos for each team member (ideally the same size and aspect ratio).
• Short bios, job titles, and any links (LinkedIn, email, social profiles) you’d like to display.

Step 1: Plan your Meet the Team content

Before touching WordPress, decide what your team page should actually show. A few minutes of planning will save you from redesigning the page later.

Choose the structure

Think about how many people you will feature and how they should be grouped:

• Simple grid: Ideal for small teams (3–12 people). Everyone gets equal-sized cards.
• By department: Group team members under headings like “Leadership,” “Marketing,” “Development.”
• Spotlight layout: Feature key leaders at the top with larger cards, then list the rest of the team below.

Decide what to include for each person

For each team member, decide which details are essential. Common fields include:

• Full name and job title.
• Short 1–2 sentence bio.
• Headshot photo.
• Links to LinkedIn or other professional networks.
• Optional fun fact or quote to show personality.

Step 2: Create the Meet the Team page in WordPress

Now you’re ready to create the actual page in your WordPress dashboard.

1. Log in to your WordPress admin area.
2. In the left-hand menu, go to Pages → Add New.
3. Enter a page title such as “Meet the Team”, “Our Team”, or “Who We Are”.
4. Check the URL slug under the title field and adjust it if necessary (for example, /meet-the-team/).

If you’re using a theme like Jannah, you may also see layout options or page templates in a sidebar panel (such as “Full Width” or “No Sidebar”). Choose a layout that gives your team grid enough horizontal space.

Block Editor vs Classic Editor

Block Editor (Gutenberg): You’ll be adding content in blocks — Columns, Images, Headings, Paragraphs, etc. This is ideal for building a flexible grid layout.

Classic Editor (including Jannah Classic mode): You’ll work with a single content box. You can still create attractive layouts using shortcodes, the “Text” tab (HTML), and your theme’s built-in elements.

Step 3: Build your team layout

With the page created, it’s time to lay out your team cards. The exact method depends on the editor you’re using, but the concept is the same: repeat a consistent pattern for each person.

Option A: Use columns and image blocks (Block Editor)

1. On your Meet the Team page, click the + button to add a block.
2. Search for Columns and choose a layout (for example, 3 columns).
3. Inside each column, add:
   • An Image block for the headshot.
   • A Heading block for the name.
   • A Paragraph block for the job title and short bio.
   • Optional Buttons or Social Icons block for LinkedIn and other profiles.
4. Duplicate the columns block or individual column structure to quickly build out the rest of the team.

Use the right-hand sidebar to adjust block spacing, alignment, and responsive behavior so cards look good on mobile devices.

Option B: Use simple HTML cards (Classic Editor & Jannah)

If you’re using the Classic Editor, you can create a neat grid using a little HTML. In the Classic Editor, switch to the Text tab and paste a pattern like this for each person:

<div class="team-grid">
  <div class="team-member">
    <img src="https://example.com/path-to-photo.jpg" alt="Jane Doe - Marketing Manager" />
    <h3>Jane Doe</h3>
    <p class="team-title">Marketing Manager</p>
    <p class="team-bio">Jane leads our content and email marketing strategy.</p>
    <p class="team-links">
      <a href="https://www.linkedin.com/in/janedoe" target="_blank" rel="noopener">LinkedIn</a>
    </p>
  </div>
  <!-- Repeat .team-member blocks here -->
</div>

Your theme (or a small custom CSS snippet, if you add one) can then style .team-grid and .team-member to appear as a responsive grid.

Step 4: Add links and calls to action

A great Meet the Team page doesn’t just show faces; it helps visitors take the next step. Decide how people should contact your team and where you want to send them.

Link to profiles and key pages

• Add LinkedIn or other professional profile links under each card.
• Link team leaders’ names to individual bio pages if you have them.
• Link from your About page or Services pages back to your Meet the Team page to create a tight internal linking loop.

If you want to add contextual links inside paragraphs (for example, linking a team member’s name to a detailed profile), review how internal links work in WordPress by reading the anchor text and URL behavior in your editor. For a full walkthrough, you can follow tutorials like “how to add an internal link” on your site; implementing those practices here will keep your site structure strong.

Use a clear call to action

At the bottom of your Meet the Team page, add a simple call to action:

• “Ready to work with us? <link to contact page>”
• “Book a free consultation with our team.”
• “See our recent projects.”

This turns your team page from a static “about” section into a conversion asset.

Step 5: Configure SEO and page settings

Even though this is a non-blog page, you still want it to be easy to find in search engines and within your site.

Set a clean URL and page title

1. Check the Permalink or URL Slug for the page. Something like /meet-the-team/ or /our-team/ is short and descriptive.
2. Use a clear page title in the editor, such as “Meet the Team”. Avoid keyword stuffing or cluttered titles.

Optimize meta title and description

If you’re using an SEO plugin (like Yoast SEO or Rank Math), scroll to the SEO settings below the content and:

• Set an SEO title such as “Meet the Team | Your Company Name”.
• Write a meta description that briefly explains who’s on your team and what makes them unique.

Improve accessibility and performance

• Add descriptive alt text to each headshot (for example, “John Smith – Lead Developer”).
• Compress and resize images so they’re not slowing down your page load times.
• Ensure text contrast (text vs. background) is high enough to be readable.

Step 6: Add the page to your menu and test it

Once your page looks good in the editor, you need to make sure visitors can find it and that it works on all devices.

Add to your main menu

1. In the WordPress admin, go to Appearance → Menus.
2. Select your primary navigation menu (if you have more than one).
3. Under Pages, check your new Meet the Team page and click Add to Menu.
4. Drag it to the desired position (often under “About” or in the main navigation bar).
5. Click Save Menu.

If you’re new to working with menus, take time to understand menu locations and structure so your Meet the Team page is easy to reach even on mobile devices.

Test on desktop and mobile

1. Open your live site in a new browser tab and click your Meet the Team menu item.
2. Check for:
   • Consistent card sizes and spacing.
   • Readable text and clear hierarchy.
   • Working links (internal pages, LinkedIn profiles, etc.).
3. Use your browser’s responsive tools or a real phone/tablet to test on different screen sizes.

Wrap up your Meet the Team page

You now have a Meet the Team page in WordPress that does more than list names. It introduces your people, showcases your culture, and guides visitors toward the next step with clear calls to action.

As your company grows, update this page regularly — add new hires, update roles, and refine the layout. Over time, your team page can become one of the most visited and trusted pages on your site, helping you convert visitors into leads and long-term customers.

Further Reading

• How to Design a WordPress Website
• Categories & Tags Beginner Guide
• WordPress Business Blog Content Strategy

Frequently Asked Questions