[team_element]

This is the main shortcode for displaying the team listing section on a page.

Product

Launchpad Platform

Shortcode Attributes

There are a number of shortcode attributes available which you can use to customize the output.

GENERAL LAYOUT

  1. listing_only – If set to on, only the listing will be displayed without additional layout.
    • Default: off.
    • Options: on, off. Specify one only.
  2. layout – The layout type.
    • Default: grid.
    • Options: grid, carousel.
  3. display – Controls the display style.
    • Default: image-above-content.
    • Options:
      • ORDINARY DISPLAYS: image-above-content, image-overlay-content, content-only. Specify one only.
      • SPLIT DISPLAYS: image-left-content, image-right-content. Specify 2 (Split and Split Size). Use commas to separate.
      • SPLIT DISPLAY SIZES (Required on Split Display): split-25-75, split-40-60,  split-50-50,  split-60-40. Specify 3 (Split, Split Size, and Alternate Split). Use commas to separate.
      • ALTERNATE SPLIT DISPLAY (Can use only on Split-50-50 and on the opposite option of the Split Display): then-left, then-right.
  4. per_row – Number of items to display per page. Leave empty for all posts.
    • Default: 3.
    • Options: 1 – 6. Specify one only.
  5. per_page – Number of items to display per page. Leave empty for all posts.
    • Options: Any numeric value.
  6. pagination – Pagination type.
    • Default: loadmore.
    • Options: loadmore, pagination. Specify one only.
  7. search_filter – Enable or disable search filter.

GRID LAYOUT

  1. grid_layout – The grid layout style.
    • Default: default-grid-layout.
    • Options: default-grid-layout, grid-layout-1, grid-layout-2, grid-layout-3, masonry-layout-1. Specify one only.

CAROUSEL LAYOUT

  1. carousel_layout – The carousel layout style.
    • Default: default-carousel-layout.
  2. autoplay – Enable or disable autoplay for the carousel.
    • Default: off.
    • Options: on, off. Specify one only.
  3. slider_speed – Autoplay speed in seconds.
    • Default: 6.
    • Options: Any numeric value.
  4. slider_arrows – Show or hide navigation arrows.
    • Default: on.
    • Options: on, off. Specify one only.
  5. slider_dots – Show or hide navigation dots.
    • Default: on.
    • Options: on, off. Specify one only.

DESIGN

  1. element_width – Width of the element.
    • Default: default-width.
    • Options: default-width, small-container, medium-container, large-container, row-fluid. Specify one only.
  2. alignment – Alignment of the content.
    • Default: default-alignment.
    • Options: default-alignment, text-left, text-center, text-right, text-justified. Specify one only.
  3. theme – Theme or style for the section.
    • Default: default-section.
    • Options: default-section, light-section, grey-section, dark-section, theme-section, second-theme-section. Specify one only.
  4. background – Background color or image for the element.
    • Options: Any image URL.
  5. classes – Adds an HTML wrapper class so you can modify the specific output with custom CSS. Use spaces to separate.
  6. id – Custom ID for the element.

HEADER

  1. heading – Main heading text on the team listing.
    • Options: Any text value.
  2. heading_size – Defines the HTML tag for the heading.
    • Default: h2.
    • Options: h1, h2. Specify one only.
  3. sub_heading – Sets the subheading text for the team listing.
    • Options: Any text value.

CONTENT

  1. meta – Specifies the metadata to display for each team member.
    • Default: contact_details, description.
    • Options: description, contact_details, category, tag. Use commas , to separate values.
  2. content – Defines the main content to display for each team member.
    • Default: description.
    • Options: description, excerpt Specify one only.
  3. max_words – Limits the number of words displayed in the content.
    • Default: 20.
    • Options: Any numeric value.
  4. link_type – Defines how the link to the team member is displayed.
    • Default: button.
    • Options: button, text, none. Specify one only.
  5. show_in_modal – Determines whether to display additional details in a modal.
    • Default: off.
    • Options: on, off. Specify one only.
  6. limit – Limits the total number of team members displayed.
    • Options: Any numeric value.
  7. orderby – Specifies the order in which team members are sorted.
    • Default: title.
    • Options: id, date, title, menu_order, rand. Specify one only.
  8. order – Sets the sorting order for team members.
    • Default: asc.
    • Options: asc, desc. Specify one only.

FILTER

  1. categories – Filters team members by specific categories. Comma-separated list of category IDs or slugs.
  2. tags – Filters team members by specific tags. Comma-separated list of tag IDs or slugs.

Example Usage

[team_element layout="grid" per_row="4" heading="Our Team" sub_heading="Meet the experts"]
[team_element layout="carousel" autoplay="on" slider_speed="5" heading="Our Team"]
Example 1:
This example displays the team members in a grid layout with 4 posts per row, a heading titled “Our Team”, and a sub-heading “Meet the experts”.

Example 2:
This example displays the team members in a carousel (slider) layout with arrows and dots, a heading titled “Our Team”. The carousel will automatically slide through the posts every 5 seconds.
Custom Styling: Use the classes attribute to add custom CSS classes for advanced styling.
Pagination: The pagination attribute allows you to control how additional team members are loaded (e.g., loadmore).