Total Team – Responsive Team Showcase Plugin For WordPress

Total Team – is the utility plugin for you to display team members faster and simpler and beautfuly with minimal setting and configuration possible.

Installation Instructions

  • Unzip total-team.zip
  • Upload all the files to the /wp-content/plugins/total-team
  • Activate the plugin through the ‘Plugins’ menu in WordPress.
  • For customizing the plugin’s settings, click on Total Team > Add New Member in WordPress left admin menu and create unlimited team member items.
  • To display team members, use generated shortcode from “Shortcode Generator” page or “Total Team Shortcode” button above page/post editor.

Plugin Introduction

Once the plugin is installed and activated you will find a menu named “Total Team” in the left menu bar of the admin menu.Once you click on that menu, you will go to the plugin’s Team member listed page and you will also see the “Add New Member” button to create new team member data, once you click on that button you will go to the “Add New Member” page where you can create new team member with multiple meta box options. Basically, there are 9 main settings to create and assign team member elements.

A) Team Members

Total Team Landing Page
This is the landing page for plugin. Here you can see the listing of the created Team post type data of Post type: “total_team”. Here you can see Add New Members button at top of Total Team listing table.For creating new team member, you will simply need to click on the “Add New Member” sub-menu of the “Total Team” menu or click on the “Add New Member”button in the Total Team listing section. You can add, edit or delete Team members from here.Once, you click the button, you will be redirected to the new team member builder page where you can add the various elements for any individual team members and also set its other settings.
There are mainly 9 tabs to insert 9 different team member components.


B) Add New Member

Add New Member
From this builder page you can indidividual team member elements and assign assign them to the team member elements section for the team member description. Below are the detail description for team member element Settings.


General

From here, you can create set simple general info about the team member.

  1. Post/Position
  2. First tab section is called “post/position”. Here, you can set the post/position that represent the team member.

  3. Address
  4. This tab contain the input field for the address input of the team member.

  5. Telephone
  6. This tab contain the input field for the telephone input field for the team member.

  7. Email Address
  8. This section contains the input field for the email address for the team member.

Quote

From here, you can create set the quote for the team member.

External Links

From here, you can add, edit, sort custom link to external sites. You can have unlimited external site links as per your need.

Image

From here, you can set the single image other than the feature image.

Skill

From here, you can add, edit, sort custom skills to external sites. You can have unlimited skills as per your need.

Video

From here, you can insert video iframe in the textarea field. It support youtube and vimeo iframe as tested.

Google Map

From here, you can insert google map iframe in the textarea field.

Social Link

From here, you can add, edit, sort custom skills to external sites. You can have unlimited skills as per your need. You can either select among default 11 social links or upload your own with custom link.


C) Team Category

Total Team Categories

From this panel , you can configure the taxnomy options for the team member added. This is the default taxonomy option generated for custom post type in the plugin where you can either create, edit or delete the categories for the team member.


D)Custom Templates

Total Team Custom Template

From this panel, you will land on custom design tempalte add/edit section. You can add,edit and delete custom design templates from this section. When clicked on “Add Custom Design Template”. You will land on template create/edit section “CUSTOM DESIGN TEMPLATES” where you can add/edit custom design template with various options.


E)Add New Custom Template

Total Team Add New Custom Template

From this panel, you will land on custom design tempalte add section. You can add review form template from this section. When clicked on “Add Custom Design Template”. You will land on this section. Various components that can be modified are as follows:

  1. Template Title:

    You can select the template name and layout from this section.

  2. General:

    You can add/edit review paremeters for the user review form from here.

  3. General tab contains following settings

    • Member Title/Position :

      Under this tab subheader, it contains custom designs for the member title and positions. Editable elements are as follows:

      • Member Title Color :

        Text color for member title header.

      • Member Title Typography :

        Typography for member title header.

      • Member Title Font Size :

        Font size for member title header.

      • Preview :

        Live preview for settings related to the member title.

      • Member Post/Position Text Color :

        Text color for member post/position header.

      • Member Post/Position Typography :

        Typography for member post/position header.

      • Member Post/Position Font Size :

        Font size for member post/position header.

      • Preview :

        Live preview for settings related to the member post/position.

    • Additional Detail :

      Under this tab subheader, it contains custom designs for the expand icon section that is used to display the additional detail.

      • Additional Detail Expand Icon :

        Icon select option for expand icon that is used to display the additional detail of the memner contents

      • Additional Detail Expand Icon Color :

        Icon color for expand icon.

      • Additional Detail Expand Button BG Color :

        Icon background color for expand icon.

    • Layout :

      Review title header.

      • Layout Border Color :

        Layout border color option if there is border in any layout template design options.

      • Layout Primary BG Color :

        Primary background color for template layout design that is being displayed in the front at first place. This may vary according to template

      • Layout Secondary BG Color :

        Secondary background color for template layout design that is being displayed in the front where the template is listed. This may vary according to template

      • Primary Layout Overlay :

        Main overlay color for the layout.

      • Secondary Layout Overlay :

        Secondary layout color if there are more than one overlay is used.

      • Social Link BG Color :

        Social link background color.

      • Social Link Icon Color :

        Icon color for the social link.

      • Social Link Icon Hover Color :

        Icon hover color for the social link.

  4. Basic Info :

    Basic info includes the general info about the team member including the address, telephone number and email address.

    • Basic Info Field BG Color :

      Background color for the basic info fields.

    • Basic Info Icon Color :

      Basic info icon color if any being displayed according to the template.

    • Basic Info Icon BG Color :

      Basic info icon background color if any being displayed according to the template.

    • Basic Info Content Text Color :

      Color option for the text content for the basic info.

    • Typography :

      Font family option for the text content for the basic info.

    • Typography Size :

      Font size option for the text content for the basic info.

    • Preview :

      Preview section for basic info content settings.

  5. Custom Links:

    Custom links refer to the external link to the site.It includes following elements:

    • Font Color:

      Color option for the text content for the custom links.

    • Hover Color :

      Background color for the custom links fields.

    • Typography :

      Basic info icon color if any being displayed according to the template.

    • Typography :

      Font family option for the text content for the custom links.

    • Typography Size :

      Font size option for the text content for the custom links.

    • Preview :

      Preview for font size, font family and font color field for custom links section.

  6. Quote :

    Quote includes the a quotation from a text or speech from eithe rfamous person or of the team member’s own.

    • Quote Color :

      Background color for the quote icon if available according to template.

    • Quote Text Color :

      Background color for the quote Text info section.

    • Quote Typography :

      Background color for the quote.

    • Quote Font Size :

      Background color for the quote.

    • Preview :

      Preview for font size, font family and font color field for quote section.

  7. Skills:

    Skills refers to all the representation of the team member ability in graphic display. They contain following fields:

    • Skill Bar Background Color :

      Background color for the skill for background section.

    • Skill Bar Color :

      Color for the skill basic value.

    • Skill Bar Text Color :

      Color for the skill basic texts and skill value text.

    • Typography :

      Font family for the skill basic texts and skill value text.

    • Typography Size :

      Font size for the skill basic texts and skill value text.

    • Preview :

      Preview for font size, font family and font color field for skill section

  8. Description:

    It refers to the excerpt of the user description. They contain following elements:

    • Font Color :

      Color field for description text.

    • Typography :

      Font family field for description text.

    • Typography Size :

      Font size field for description text.

    • Preview :

      Preview for font size, font family and font color field for description section

  9. Popup/Slide Out Detail:

    Settings for the sections, texts and things that appear in the additional detail section while on popup or slide out.

    • Layout :

      Background color for the skill for background section.

      • Background Color :

        Background color for the popup/slide out section for additional detail.

      • Overlay Color :

        Overlay color while popup/slide out section for additional detail is being shown.

      • Overlay Opacity :

        Overlay color opacity while popup/slide out section for additional detail is being shown.

    • Dynamic Title :

      Dynamic title for the wpeditor content for team member detail.

      • Color :

        Color field for dynamic title.

      • Typography :

        Font family field for dynamic title.

      • Typography Size :

        Font size field for dynamic title.

      • Preview :

        Preview for font size, font family and font color field for dynamic title.

    • Dynamic Subtitle :

      Dynamic subtitle for the wpeditor content for team member detail.

      • Color :

        Color field for dynamic subtitle text.

      • Typography :

        Font family field for dynamic subtitle text.

      • Typography Size :

        Font size field for dynamic subtitle text.

      • Preview :

        Preview for font size, font family and font color field for dynamic subtitle.

  10. Carousal/Flispter:

    You can edit and customizer pagination and next/prev option from here.

    • Previous/Next Background Color :

      Background color for the next/previous buttons for carousal layout.

    • Previous/Next Icon Color :

      Icon color for the next/previous buttons for carousal layout.

    • Previous/Next Hover Background Color :

      Background color when on hover for the next/previous buttons for carousal layout.

    • Previous/Next Hover Icon Color :

      Icon color when on hover for the next/previous buttons for carousal layout.

    • Pagination Button Active/Hover Color :

      Active/hover color for the pagination buttons for carousal layout.

  11. Filter:

    Under this tab, you can edit the tab header section for the filter options.

    • Button BG Color :

      Background color for filter button.

    • Filter Button Text Color :

      Text color for the filter fields.

    • Typography :

      Font family for the filter button fields. Also for “search” field and “reset” button text.

    • Member Title Font Size :

      Member title font size for text inside filter button. Also for “search” field and “reset” button text.

    • Preview :

      Live preview for filter button settings.

    • Button Hover BG Color :

      Button background color when on hover for the filter layout.

    • Button Hover Text Color :

      Button text color when on hover for the filter layout.


F)Shortcode Generator

Total Team Shortcode Generator

From this panel, you can configure the shortcode to display the team member in frontend. This defines how the team member will be displayed. Shortcode attribute can be generated for following elements and their inner attributes are as follows:

  1. Grid Layout
  2. List Layout
  3. Thumbnail Layout
  4. Carousal Layout
  5. Flipster Layout
  6. Filter Layout

Here are few basic settings that can be configured while generating the shortcode options:

  • Team Member Filter :

    Select how you want the team member to be displayed either all, team member by id or team member by category. Default is “no filter”.

  • Team Member to Show :

    Set how many team member you would like to display. Default is “99”.

  • Custom Template :

    Select whether you want to set the custom template or not. Default is “off”.

  • Select Template :

    Select pre built template layouts from the select option. Selectable for grid, list, table, carosual, flipster nad filter layout.

  • Element To Show on Grid :

    Select element to show on front content. You can select among description, skills links, or none at all. It is selectable for grid layout, list layout and filter layout.

  • Element Per Row:

    Select how many element to be displayed per row. It varies according to layout such as maximum number to 4 for grid layout, 8 for thumbnail layou and 4 for filter layout.

  • Element Margin :

    Set element margin values i.e. gaping between the two elements.

  • Image Size :

    Select various image size according to your requirement. It is currently only available for grid layout.

  • Additional Detail Display Type :

    Select how to display the additional detail about the team member. It can be seleted among popup, slide-out, single-page or no click action at all. It might vary according to template.

  • Popup Content Position :

    If popup content display is to be set, you can select what position will be displayed. Current available position for popup additional detail display type among right, left and center.

  • Show/Hide Title and Position :

    only for thumbnail layout, select if you wnat to show or hide title and position option in thumbnail layout.

  • Auto Slide :

    Implementable for caroual layout, select if you want to set auto slide.

  • Showe/Hide Pagination :

    Set to either display or hide pagiantion for carousal layout.

  • Carousal Auto Slide Speed :

    If popup content display is to be set, you can select what position will be displayed.

  • Autoplay Pause Duration :

    Only for carousal layout, pause duration value refers to the pause duration(in milliseconds) to be set when on autoplay..

  • Element Per Carousal :

    Only for carousal layout, it allows how many element to show per carousal.

  • Flipster Style :

    While only implementable for flipster layout, flipster style is 3 different style that the flipster can be set. Selectable style are carousal, flat and coverflow.

  • Filter Category Type :

    Shortcode attribute for filter layout only, it allows you to select which categories to be set to display.

  • “All” Filter Text :

    If popup content display is to be set, you can select what position will be displayed.

  • Search Text :

    While implementable for only filter layour, this allows you to enter custom text for search field placeholder.

  • Reset Text :

    While implementable for only filter layour, this allows you to enter custom text for reset button.


M) Widget Integration

Our plugin also support the widget feature. Our plugin had options for in the widget for the following layouts:

  1. Grid Layout
  2. Thumbnail Layout
  3. Carousal Layout
  4. Flipster Layout
If you’ve any questions, please submit a ticket in our support system:
https://accesspressthemes.com/support
or
support@accesspressthemes.com