MIS-Tech Team Directory

Description

MIS-Tech Team Directory is a powerful, standalone WordPress plugin for displaying people profiles in a beautiful, organized directory. Perfect for businesses, schools, hospitals, nonprofits, government offices, law firms, or any organization that needs to showcase their team, staff, faculty, board members, or volunteers.
No page builder. No bloat. Just a clean, flexible directory that works out of the box.

🔑 Key Features

• Department Tabs — Organise your team into departments with instant-filter tab navigation
• 4 Display Modes — Inline Expand, Modal Popup, Modal with Prev/Next Navigation, Horizontal Slider
• AJAX Pagination — Browse team pages without a full page reload
• 4 Photo Styles — Default, Rounded, Circle, Square crop
• Multiple Directory Views — Create unlimited named views, each with its own shortcode
• Per-Member Details — Position/title, department, email, phone, social links, CTA button, bio
• Custom Display Order — Set a numeric order per team member
• Full Settings Page — Control hover colours, tab style, card sizes, grid gap, and custom CSS
• Container Width Control — Match your theme’s content width globally or override per view
• 100% Standalone — No Elementor, no ACF, no third-party plugin required

🏢 Perfect For

• Corporate teams and company staff pages
• School and university faculty directories
• Hospital and clinic doctor/staff listings
• Nonprofit board members and volunteers
• Government department staff listings
• Law firm attorney profiles
• Church leadership and ministry teams
• Club and association member directories

📋 Display Modes

Inline Expand — Click a team member card and a detail panel slides open directly below the grid. Click again or press Close to collapse.

Modal Popup — Click a card to open a centred overlay with the member’s full profile, bio, contact info, and social links.

Modal with Navigation — Same as Modal Popup, but with Previous ‹ and Next › arrows so visitors can browse all team members without closing the modal.

Horizontal Slider — Display team member cards in a smooth horizontal sliding carousel with Prev/Next arrow buttons.

⚡ Shortcode Usage

Use the shortcode anywhere — pages, posts, widgets, or FSE blocks:

Basic usage with a saved view:

[mistd_team_directory view="your_view_id"]

Available shortcode attributes:

view — The saved View ID to load display settings from. Create views under **Team Directory → Directory Views**.

mode — Display mode. Accepted values: `inline` (inline expand), `popup` (modal popup), `popup_nav` (modal with next/previous), `slider` (horizontal slider). Defaults to the view setting or `inline`.

columns — Number of columns in the grid. Accepted values: `1`, `2`, `3`, `4`. Defaults to the view setting or `3`.

per_page — Number of team members shown per page. Set to `0` to show all with no pagination. Defaults to the view setting or `3`.

department — Department slug to filter team members. Only members in that department are shown.

offset — Number of team members to skip from the start of the list. Useful for splitting a group across multiple shortcodes.

Examples:

[mistd_team_directory view="board_view"]

Load a saved view with all its settings:

[mistd_team_directory mode="popup_nav" columns="3" per_page="6"]

Show a 3-column grid, 6 per page, opening in modal with navigation:

[mistd_team_directory department="directors" mode="popup"]

Show only the Directors department in modal popup mode:

[mistd_team_directory view="board_view" per_page="6" offset="3"]

Load a saved view but skip the first 3 members and show 6 per page:

[mistd_team_directory mode="slider" columns="3"]

Display a horizontal slider with 3 cards visible at a time:

🔌 No Coding Required

Everything is managed through the WordPress admin:

• Team Directory → Add Team Member — Add a team member with photo, position, bio, contact info, social links
• Team Directory → Departments — Create and manage department taxonomy
• Team Directory → Directory Views — Create named views with custom display settings
• Team Directory → Settings — Control global styles, colors, and layout