Team Member Showcase

Description

Team Member Showcase is a super modern Team Member wordpress plugin. 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. Unlimited Colors, 100% responsive, automatic resize images, flexible, unlimited items, shortcode powered, custom link and more.

See live demo here: http://demo.codecans.com/plugins?theme=team-member-showcase

Video Tutorial:

Features

  • Super easy Installation.
  • No Javascript Pure CSS3
  • 100% Responsive.
  • 3 unique Layout Style
  • Different Information for each Member
  • Custom post enabled.
  • Custom Gap Between Each Team Members
  • Category Support
  • Change icon hover Color For Each Member
  • Custom ordering
  • Amazing option panel.
  • Shortcode Powered.
  • Unlimited items.
  • Social Share Icons.
  • Control Number of Team Member Items.
  • Custom Link for Social Icon.
  • All Major browser supported.
  • Excellent Team hover Effects.

Pro Version Features

  • Support within 12 hours
  • 100% Responsive
  • Cross browser Support
  • Unlimited Color Option
  • 12 Different Block Style Layout
  • Custom item width
  • Custom item height
  • Custom Font Size (Member Label, Name, Description)
  • Custom ordering
  • Amazing option panel.
  • Shortcode Powered.
  • Unlimited Social Icon Form Font-Awesome
  • Control Number of Team Member Items.
  • Custom Icon Link
  • Single Site License
  • Developer License (unlimited use)
  • 24/7 Support

Screenshots

  • Adding Team Member item
  • Adding Team Member With Various Information.
  • Copying Shortcode after publishing team member items
  • paste shortcode in page.
  • after publish and viewing page.

Installation

Installation of Team Member Showcase is very simple.

Option 1

  • Download the plugin team-member-showcase.zip from download location.
  • Unpack the *.zip file and extract the Team Member Showcase.
  • Drop the Team Member Showcase plugin folder into your wp-content/plugins folder.
  • In word press administration panels, click on Plugins from the menu.
  • You should see your plug-in listed under Inactive plug-in tab.
  • To turn the word presses plug-in on, click activate.
  • Option 2

  • Download the plugin Team Member Showcase Plugin from download location.
  • Go to Add New menu under Plugins tab in your word-press admin.
  • Select upload link (top link menu).
  • Upload the available RD Hover Effects Plugin file and click install now
  • Finally click activate plug-in link to activate the plug-in.
  • Settings Page

    Under Settings -> Team Member Showcase plugin you can configure the basic settings. Everything else can be done on the fly via Custom post named Team Member Showcase on your Dashboard and via the Shortcode option on any Page or Post that you want.

    Add Team Member Showcase- Allows you to add team member item to Custom Posts as well as add information such as: Member Name, Member Details, Member Image, in the Team Member Showcase custom post.

    Using the Team Member Showcase Plugin

    Once you see custom post name Team Member Showcase On your Dashboard left under pages. just click Add New Item :

    You will see the Team Member information option panel with 4 Field

    1. First field: “Upload Member Image” Click to choose a file, the image can come from any source and be any size, you can also use images uploaded right from the post media uploader. Just copy the URL of the image after you upload it.

    2. Second field: “Enter Member Name” You can enter any Name which appear on Member Name.

    3. Third field: “Enter Member Label” You can enter any Laber Ex: “Ceo & Developer” which appear on Member Label.

    4. Fourth field “Enter Your Description” You can quickly insert the description in the description text area. It is important to enter a short description to maintain the layout of the image wrapper.

    After all of the steps above are done you will see a Menu named Add more Team Member item. If you want to add more items just click Add more Team Member item and you will see another field open; you can then add unlimited items.

    When Team Member Showcase Created Sucessfully done, just Click in Publish Button, You will see a shortcode which is created avobe. Now we have to add shortCode on post or page where we want to show.

    Go to Dashboard, Click Ad New Post or page.

    In your Post/Page Editor just paste the shortcode there.

    EX:

    [team id='75']

    After All Above all just click publish

    And See the Magic of All Team Member Showcase items, Enjoy!

    FAQ

    Installation Instructions

    Installation of Team Member Showcase is very simple.

    Option 1

  • Download the plugin team-member-showcase.zip from download location.
  • Unpack the *.zip file and extract the Team Member Showcase.
  • Drop the Team Member Showcase plugin folder into your wp-content/plugins folder.
  • In word press administration panels, click on Plugins from the menu.
  • You should see your plug-in listed under Inactive plug-in tab.
  • To turn the word presses plug-in on, click activate.
  • Option 2

  • Download the plugin Team Member Showcase Plugin from download location.
  • Go to Add New menu under Plugins tab in your word-press admin.
  • Select upload link (top link menu).
  • Upload the available RD Hover Effects Plugin file and click install now
  • Finally click activate plug-in link to activate the plug-in.
  • Settings Page

    Under Settings -> Team Member Showcase plugin you can configure the basic settings. Everything else can be done on the fly via Custom post named Team Member Showcase on your Dashboard and via the Shortcode option on any Page or Post that you want.

    Add Team Member Showcase- Allows you to add team member item to Custom Posts as well as add information such as: Member Name, Member Details, Member Image, in the Team Member Showcase custom post.

    Using the Team Member Showcase Plugin

    Once you see custom post name Team Member Showcase On your Dashboard left under pages. just click Add New Item :

    You will see the Team Member information option panel with 4 Field

    1. First field: “Upload Member Image” Click to choose a file, the image can come from any source and be any size, you can also use images uploaded right from the post media uploader. Just copy the URL of the image after you upload it.

    2. Second field: “Enter Member Name” You can enter any Name which appear on Member Name.

    3. Third field: “Enter Member Label” You can enter any Laber Ex: “Ceo & Developer” which appear on Member Label.

    4. Fourth field “Enter Your Description” You can quickly insert the description in the description text area. It is important to enter a short description to maintain the layout of the image wrapper.

    After all of the steps above are done you will see a Menu named Add more Team Member item. If you want to add more items just click Add more Team Member item and you will see another field open; you can then add unlimited items.

    When Team Member Showcase Created Sucessfully done, just Click in Publish Button, You will see a shortcode which is created avobe. Now we have to add shortCode on post or page where we want to show.

    Go to Dashboard, Click Ad New Post or page.

    In your Post/Page Editor just paste the shortcode there.

    EX:

    [team id='75']

    After All Above all just click publish

    And See the Magic of All Team Member Showcase items, Enjoy!

    Reviews

    Looks great, works perfect in version 4.9.2 but too limited

    This would have been a five star review; it does look really good, but I think it’s a matter of style over function. I know it’s untested on my version of wordpress, but this was the third free version ‘meet the team’ plugin I’d tried; I liked the look of it, and I was impressed by the demo.

    I toyed with the idea of giving the plugin four stars because it looks so nice and does work well. I also considered giving it two stars because of the limitations, but thought that might be churlish as it doesn’t claim to be anything it isn’t, and the design evidently has a lot of thought put into it. I think three is a reasonable compromise.

    Firstly, it works exactly as described in WordPress 4.9.2. Which is a good start.

    You can’t select colours, but obviously these can be customised with css, so not complaining.

    I want to love the way that when you hover/tap on the team member box, the job title comes up and the text starts scrolling – it looks impressive, but it’s not ideal. The scrolling excerpt/job description is cute, but not very obvious on older (I don’t mean dinosaur, but a few years old) smartphones – on a nokia lumia, for example, you have to tap in just the right place, in order to view the job title and for the text to scroll. And I notice, with touchscreen, if you don’t use exactly the right amount of pressure for the right amount of time, your device thinks you’re trying to copy the team member name, so you have to tap outside the box to escape the ‘copy’ funtion and then try again, in order to have the job title revealed, and for the text to scroll. I doubt the average website visitor would know that they need to hover over or tap the box in order to view the job title.

    While on the subject of copying, if you want to copy the text in the job description to paste elsewhere, you try and grab the text but the automatic scroll function keeps going, so you can’t copy the first part, and you can’t scroll back to read or copy at your own speed. And the right click/select all function, selects the entire page. I suppose that copying the text is really only something you might try to do as a content editor, but any reader may try to grab the text to scroll up and read it, or stop it to look at it, and this can’t be done.

    When you just look at the job description, without tapping (on a mobile device) or hovering (on a computer) if the text is more than two lines long, it just seems as though the text is cut off at the bottom. There is no indication that you should scroll; or that you might need to tap or hover to read more information; to the average person’s eye, it just looks like a design fault.

    There isn’t an awful lot of space for the member name, so long names wrap, which makes the team member box height increase, so the box sizes aren’t consistent. Had a go at just putting in forenames, which looks better, but not really appropriate on corporate websites.

    On the other hand, the job title doesn’t wrap, so the end of a long job title is simply cut off by the box!

    If there is only line of text in the job description, the team member box renders smaller than the others, so again, the box heights aren’t consistent. If there is too much text (more than about 50 words) the automatic scroll function goes far too fast to read. I tried a 400 word bio in one, and it scrolled past at a rate of knots! It would be nice if there were a lightbox, on click, or even just a ‘more’ link of some sort – in our case, we need both a job description and full bio, including experience and qualifications, and the plugin only gives enough space for the (brief) job description. So the only feasible option is to write separate bios and link to them on the page beneath the showcase, which kinda defies the point of having the plugin in the first place.

    Another small nitpick is that the plugin gives no indication of the recommended photo size/ aspect ratio, and no option to crop, so photos can kinda squished until you figure out what sizes they should be.

    So basically, if your team members have short names and job titles, you only want to put in a very brief description of their role (I’d say approximately 45 words is optimum) and you don’t mind too much about people on older phones maybe peering at it a bit and being a little confused, this is a nice looking, easy to use plugin that will make your Meet The Team page look quite swanky. As far as style goes, and in comparison with other plugins I’ve tested, the free version is generous, and there is no real incentive or need to pay for the premium/pro version. I have the free version, but it seems that the only benefits the pro version offers are: an extended range of styles; the ability to select item width/height and font size (which anyone with a basic knowledge of CSS could do for themselves anyway) and a target_blank option to open social links in a new tab (a bit tight not include for free, in my opinion)… Rather than increased functionality.

    So sadly, I think the search continues for the perfect ‘meet the team’ plugin.

    Read all 5 reviews

    Contributors & Developers

    “Team Member Showcase” is open source software. The following people have contributed to this plugin.

    Translate “Team Member Showcase” into your language.

    Interested in development?

    Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

    Changelog

    2.6.0

    • Fixed Minor Issue

    2.5.9

    • Fixed Responsive Issue
    • Team Member Layout Fixed

    2.5.8

    • Fixed Minor Issue

    2.5.7

    • Added Changing Font size Option

    2.5.6

    • Fixed backend Value unchanged Issue

    2.5.5

    • Upgrade Admin Panel
    • Added 7 Style Team Member
    • Fixed CSS layout Issue
    • Added New Video Turorial Link

    2.5.4

    • Fixed CSS issue
    • Change DEMO URL

    2.5.3

    • Fixed minor issue
    • Change site URL

    2.5.2

    • Fixed Color
    • Fixed Font Issue

    2.5.1

    • Fixed Style 4 Margin Error
    • Fixed Css
    • Changed Demo URL

    2.5

    • Customize Code in main php
    • Fix Minor Issue
    • Fix Icon Issue

    2.4

    • Added CSS for Best Responsive
    • Remove Font from Backend with Added CDN

    2.3

    • Fixed Icon Issue
    • Css Missing Fixed

    2.2

    • Fixed Minor Issue

    2.1

    • Change Setting
    • Fixed Hover Icon Color Issue

    2

    • Fixed Information For Each member
    • Added 4 Soical Icon
    • Added hover Color for Each icon
    • Added Added Font Awesome feature

    1.3

    • Open Social Icon In New TAB

    1.2

    • Added Widgets Support

    1.1

    • Added Social Icon Hover Color
    • Added Unlimited Social ICon
    • Added Option IN Option Panel

    1.0

    • Initial Release