About

With this plugin you can display a set of pictures and information in different layouts. The main purpose of the plugin is to display team/staff members, but it can be used for other purposes.

It’s perfect to display the members of your staff, team or working force, even divided by categories or groups!

You can display the entries in 4 different main ways

A Grid
The members will display in a responsive grid with the number of columns you set and with the information to the right, left or below the image, depending on your settings.

Profile Picture
Joseph McKinnon
Finance Analyst
Profile Picture
Tiffany Matlock
Finance Analyst
Profile Picture
Lorene Spencer
Finance Analyst

A Grid with Information on hover
The members will display also in a responsive grid, but the information will display when you hover the image.

Profile Picture
Mildred Martin
Designer
Budapest, Hungary
Brian Picture
Brian C. Travis
Web Designer
Los Angeles, CA
Profile Picture
Robert K. Levine
Designer
Sacramento, CA

A Table
A simple responsive table layout to display the members in a simple way.

Profile Picture
Mildred MartinDesignerBudapest, Hungaryemail@email.com
Brian Picture
Brian C. TravisWeb DesignerLos Angeles, CAemail@email.com
Profile Picture
Robert K. LevineDesignerSacramento, CAemail@email.com

With a Thumbnails pager layout
The thumbnails of the members pictures will display smaller and on click the bigger picture and information will display in a designated area. Very similar to a gallery functionality where you can navigate the content clicking on the small thumbnails.

You can customize and enhance the layout, with several layout options and pre-built styles.

Number of Columns
In the grid layouts you can choose how many columns you want to display. The Columns will be responsive and adapt in different screen sizes.

Image Shapes and effects
You will be able to choose if you want the images to display with squared corners, rounded corners or even circular shaped! In addition you can give them extra styles, like grayscale, image borders and shadow styles.

effects-images

Text Align
Simple text alignment options: center, right of left.

Composition
In the layouts where this option applies, you’ll be able to choose if the image will be above, to the right or to the left of the content.

Theme Presets!
In addition to the options above, you can choose a preset combination of options.

Examples

Profile Picture
Mildred Martin
Designer
Budapest, Hungary
Brian Picture
Brian C. Travis
Web Designer
Los Angeles, CA
Profile Picture
Robert K. Levine
Designer
Sacramento, CA
Profile Picture
Mildred Martin
Designer
Budapest, Hungary
Brian Picture
Brian C. Travis
Web Designer
Los Angeles, CA
Profile Picture
Robert K. Levine
Designer
Sacramento, CA
Profile Picture
Mildred Martin
Designer
Budapest, Hungary
Brian Picture
Brian C. Travis
Web Designer
Los Angeles, CA
Profile Picture
Robert K. Levine
Designer
Sacramento, CA

Future versions of the plugin will probably include more built-in styles and themes!

Filter by categories

You can group your entries by categories and display only a selected category or all of them! This way you can even have a list of your team/staff members by position or departments.

Example filter to display only the category of Women:

Single Pages for each entry!

You can choose if you want the entries to have a single page active or not! If you have the single page activated, you can choose if the entries in the layout will have a link to this single page or not!

On the example below you can click the names of the members to visit the single page:

Widget Ready!

The shortcode will work on widgets! Just copy the shortcode and include it in a text widget and the chosen layout will display in the widget!

Shortcode and PHP Function Generator!

It couldn’t be more easy to generate the necessary code to display the entries. Just go to the Shortcode generator, choose the settings you want and the shortcode and the php function that you can use will be generated and ready to copy and paste where you want! Shortcodes are to be used in posts, pages and widgets, while the php function will be necessary if you want to hard code the team showcase layout in your theme files.

The generator will make a preview of how the layout looks with the selected settings.

shortcodegenerator

Input fields for specific content

adinfo

When adding a new entry, you’ll have new fields for specific content. By default this fields are:

  • Free HTML – A text area where you can include HTML content. Can be used for example to include content that doesn’t fit the other input fields, or simply to place longer content like a tag line for the user.
  • Job Title – Name of the position of the team member, or department definition.
  • Email
  • Telephone
  • Location
  • Personal Website
  • Social Networks links (Twitter, Facebook, Google Plus, Linkedin,  Youtube and Vimeo)

Advanced users are able to change this definitions, by changing the labels in a settings php file.

Custom Feature Name!

You don’t like this feature to be called ‘Members’? Go in the plugin settings and change it to whatever you want!

featurenames

Default Image sizes

You can change the default size of your images on the settings. This way, when you upload new images they will be resized to the specified dimensions.

Single Page Settings

When can choose if the single page feature will be active or not and what information you want to display on it! If your team member entry is connected with a wordpress user, you can display the latest posts, for example!

 

 Other Settings

Other settings include the social icons size and shape and also if the email information has the mailto:email format or not.

See How it Looks like from the Inside!

Multi-use! Be creative!

Although this was built to better serve as a simple way to display team or staff member in your wordpress website, you can use it for other purposes! If you have a problem that requires a plugin that will display a list of images together with information, this plugin can be useful! You can for example create a list of products or services or even display testimonials!

Testimonials Example

Profile Picture
Mildred Martin
Designer
«This is an amazing product! You can even use it to display Testimonials! How amazing is that! :)»
Brian Picture
Brian C. Travis
Web Designer
«There is this HTML field that you can use for anything! In this case we're using it to display a testimonial!»
Profile Picture
Robert K. Levine
Designer
«YES! This is a must-have plugin!»

Credits

The plugin uses the awesome bxSlider to build the thumbnails pager layout and Font Awesome for the small icons.

This is a WordPress Plugin developed by Carlos Moreira.