Documentation

RWC Team Members Pro

Thank you so much for your interest in our plugin from WordPress.

If you have any questions that are beyond the scope of this help file, Please feel free to contact us via Plugin Support Page.

Installation

Installing 'RWC Team Members Pro' Plugin is as simple as installing any other WordPress Plugin. The plugin can be installed in two convenient ways:

• Install by ZIP file or,
• Install by FTP.

Install by ZIP File:

1. Log in to your WordPress admin dashboard.
2. Navigate to Plugins in the left menu and click Add New.
3. Click Upload Plugin and choose the rwc-team-members-pro-v0.2.zip file.
4. Click on Install Now button.
5. Once installed, click on Activate Plugin button.
6. Create a new team under RWC Teams » Team Templates.

Install by FTP:

1. Upload the rwc-team-members-pro folder with all the files located in it to your WordPress plugin directory (/WORDPRESS-DIRECTORY/wp-content/plugins/) [e.g. www.yourdomain.com/wp-content/plugins/]
2. From your WordPress dashboard, choose Installed Plugins option under the Plugins category
3. Locate the newly added plugin and click on the Activate link to enable its features.
4. After successfully activating the plugin, you are ready to create your first team. Click on Create Table link to create a team from 28 stunning ready-made templates.

Quick Start

Getting Started: A Quick Guide

1. Go to RWC Teams » Team Templates in your WordPress admin panel.
2. Select your desired team from the 28 available templates.
3. Hover over the template and click on the Create Team button.

Your new team will be instantly generated based on the chosen template. To configure team members, head over to the All Teams section.

Quick Preview of the templates

Next, let's explore how to switch between templates using the Preview feature for enhanced usability. At the top right of the team list, you'll find the Preview button. Clicking on it reveals a dropdown list of all available templates.

Hover over any template name to see a gif animated preview on the left, giving you a clear visual of how each template will display your team members.

Now, select a template from the dropdown list that best suits your preferences.

Managing Team Activities: A Step-by-Step Guide

Team activities within RWC Team Members Pro allow you to efficiently organize your team's departments, designations, skills and social media presence. After creating a team from the provided templates, you can follow these steps to edit the team activities:

1. Locate your team in the list of teams on the All Teams page.
2. Hover over your team name; this action will reveal four links underneath the team name.
3. Click on the Edit Activity link among the options. This will direct you to the activity editing section.

Inside the activity editing section, you can modify and manage various aspects of your team members' roles and online presence. For each team activity, make use of the following information:

Activity Name:

Enter different activities that describe your team members. These could include department names (e.g., Finance), job titles (e.g., Account Manager), skills (e.g., PHP), or even their social media profiles (e.g., Facebook). Providing accurate activity names will help organize and categorize your team effectively.

Activity URL:

Exclusive to social media activities, use the Activity Link field to input the corresponding profile link. This will allow easy access to their social media profiles and enhance connectivity within the team.

Icon Classes:

The RWC Team Members Pro plugin supports both Dashicons and Font Awesome icon classes, providing you with a wide range of options for visual identification.

Dashicons:

Dashicons is the official icon font of the WordPress admin as of version 3.8. To use a Dashicons icon, simply enter the icon class in the text box corresponding to the icon you wish to display. For example, to display the camera icon, use the dashicons dashicons-camera class. Visit Dashicons in WordPress Developer Resources to learn more.

Font Awesome (Version 5):

Font Awesome is a popular icon set and toolkit. To use a Font Awesome icon (version 5), enter the icon class in the text box corresponding to the icon you wish to display. For example, to display the camera icon, use the fa fa-camera class. Visit Font Awesome Icons to explore the available icons and their classes.

With these options, you can easily enhance the visual appeal of your team member profiles using a variety of icons.

Activity Type:

Select the appropriate type from the available options. There are 3 types of activities:

• Sector for Member Department.
• Status for Member Designation.
• Social for social media activities of the member.
• Skill for various skills of the member.

Editing Team Members: Comprehensive Guide

After successfully creating your team and setting up their activities, you can manage and customize your team members' details, appearance, and information. Here's a step-by-step guide to navigate through the "Team Member Details" functionality:

Completing Your Customizations:

1. After making the desired changes and adjustments, ensure you save your modifications.
2. Your team members' appearances will be instantly updated across the front-end, reflecting the changes you've made.

Accessing Team Member Details:

1. On the All Teams page, locate the team you want to edit members for.
2. Hover your mouse over the team name; this will reveal a set of options.
3. Click on the Edit Members link from the available options.
4. Upon clicking Edit Members, an AJAX window will open, providing you with an intuitive interface to modify team member details.

Team Member Details Accordion:

In the AJAX window, you'll notice an accordion menu. Clicking on Team Member Details will expand this menu, revealing various customization options for individual team members.

Available Options Within Team Member Details:

• Member Name: Edit the name of the team member.
• Member Detail Bio: Provide a detailed biography for the team member.
• Member Short Bio: Add a concise summary that will be displayed on the member's thumbnail in grid view.
• Member Tag Line: Enter a tagline or catchphrase for the team member.
• Member Position: Specify the member's position within the team, including Department, Designation, and Experience.
• Member Info: Input contact information such as Email, Telephone, Mobile, Fax, Location, and Personal Web URL.
• Member Social Link (Only ID): Include the member's social media ID for linking their profiles.
• Member Skill: Highlight the specific skills and competencies of the team member.
• Member Qualifications: List the qualifications and certifications attained by the team member.
• Professional Membership: Include memberships to professional organizations or associations.
• Areas Of Expertise: Detail the key areas of expertise or specialization for the team member.
• Member Ribbon: Customize a ribbon or label for the member, adding a special distinction.

Displaying Information:

1. Member Detail Bio, Member Tag Line, Member Info, Member Skill, Member Qualifications, Professional Membership and Areas Of Expertise: The detailed bio, tagline, skill, qualifications, membership, expertise and contact information (Email, Telephone, Mobile, etc.) will be displayed on the member's individual details popup in the front-end view.
2. Member Short Bio: This concise bio will appear on the member's thumbnail in the grid view.
3. Member Name, Member Position, Member Social Link, and Member Ribbon: These details will be visible in both the details and thumbnail views, except for Experience, which is reserved for the details popup.

Enhancing Your Team Display:

By utilizing the Team Member Details functionality, you can create a cohesive and informative team display with personalized member information, adding depth and context to your team's presence.

This comprehensive guide should help you efficiently navigate and utilize the Team Member Details functionality, allowing you to tailor your team members' information and appearance to meet your preferences.

Customizing Team Member Colors: A Detailed Guide

Within RWC Team Members Pro, you have the flexibility to personalize the colors associated with your team members, adding a touch of visual distinction to your team display. The Team Member Colors feature allows you to fine-tune background colors and social media icon colors. Here's a step-by-step guide to navigate and leverage this functionality:

Accessing Team Member Colors:

From the Edit Members window, click on the Team Member Colors accordion. This action will unveil a range of color options available for customization.

Color Customization Options:

1. Background Colors:
   • Thumbnail Column BG: This color setting is for the background of the member's thumbnail column.
   • Thumbnail Caption BG: This setting defines the background color for the thumbnail contents such as member name, short bio, designation, departments, and social icons. These contents will appear on mouseover or under the member thumbnails.
   • Member Details BG: This option allows you to colorize the background of member details that will appear by popup or inline expand preview.
   • Thumbnail Ribbon BG: Here, you can define the background color for the ribbon text on the member's thumbnail.
2. Border & Shadow:
   • Thumbnail Border Color: Set the color of the border around the member's thumbnail.
   • Column Shadow Color: Customize the color of the shadow cast by the member's column.
   • Shadow Highlighted Color: Define the color for the highlighted shadow effect.
3. Thumbnail Font Colors:

   Customize the font colors for various text elements within the member's thumbnail.

4. Details Font Colors:

   Adjust the font colors for the detailed information displayed in the member's profile.

5. Social Media Colors:
   • If you've set any team activity as Social in the Team Activity settings, the Social Media Colors section will appear here.
   • In this section, you have the ability to customize the background and hover colors of the social media icons associated with the team member.
   • These colors can be fine-tuned to align with your branding or design preferences.

Note: The availability of the Social Media Colors section depends on the Team Activity settings. If no activity type is designated as Social, this section will not be displayed.

Enhancing Your Team Display:

By customizing the colors associated with your team members, you can create a cohesive and visually appealing presentation that aligns with your brand identity or design aesthetics.

This comprehensive guide should assist you in effectively navigating and using the Team Member Colors functionality to infuse your team display with personalized colors and visual enhancements.

Managing Team Member Images/Videos: Step-by-Step Guide

In the RWC Team Members Pro plugin, you can effortlessly personalize the appearance of your team members by adding their images or videos. The Team Member Image/Video feature allows you to upload individual member photos or YouTube videos to create a visually engaging and informative team display. Here's a comprehensive guide on how to navigate this functionality:

Accessing Team Member Image:

Within the Edit Members window, click on the Team Member Image/Video accordion. This will open up a dedicated section where you can manage team members' images.

Uploading Member Photos:

1. Inside the Team Member Image section, you'll find an option: Upload Image.
2. Adjacent to this option, there is an Upload Image button. Click on this button to proceed.

Using the WordPress Media Uploader:

1. By clicking the Upload Image button, the WordPress media uploader window will open.
2. From here, you can select the desired image of the team member from your media library or upload a new one.
3. Once you've chosen the image, click the Set image button to initiate the upload process.

Previewing Member Image:

1. After successfully uploading the member's image, a preview of the image will be displayed within the Team Member Image/Video accordion.
2. This preview provides a visual representation of how the selected image will appear within the team display.

Accessing Team Member Video:

Within the Edit Members window, click on the Team Member Image/Video accordion. This will open up a dedicated section where you can manage team members' videos.

Uploading Member Videos:

1. Inside the Team Member Image/Video section, you'll find an option: Enter Video URL.
2. Add the member's YouTube video URL in the text box and you are done!

Enhancing Your Team Display:

By incorporating individual member images or videos using the Team Member Image/Video feature, you can add a human touch to your team presentation, making it more relatable and engaging for your audience.

This comprehensive guide should assist you in effectively navigating and using the Team Member Image/Video functionality to enhance your team's visual appeal and create a more impactful team showcase.

Team Members Common Settings: Comprehensive Guide

Within the RWC Team Members Pro plugin, you have the convenience of configuring common settings that apply to all team members at once. These global settings allow you to maintain consistency and streamline the presentation of your entire team. Here's a comprehensive guide on how to navigate and leverage these global settings:

Accessing Common Settings:

Within the same AJAX window used for individual member customization, scroll down to the bottom of the page. You will find a section dedicated to member common settings, providing a unified approach to configuring common options for all team members.

Common Settings Tabs:

1. General Tab: This tab encompasses foundational settings that affect the overall behavior of your team members' display.
2. Media Tab: In this tab, you can manage settings related to media, such as image dimensions and alignment.
3. Structure Tab: Customize the fundamental structure and arrangement of team member information within the display.
4. Layout Tab: Define the layout characteristics, including grid or list view, and the number of members per row.
5. Filter Tab: Configure filters that enable users to easily sort and locate specific team members based on categories.
6. Thumbnail Tab: Set the dimensions and appearance of member thumbnails for a consistent and visually appealing layout.
7. Show/Hide Tab: Determine which specific elements to show or hide in the team member display, providing granular control over information visibility.
8. Font Tab: Adjust font styles and sizes to ensure readability and alignment with your overall design.
9. Colors Tab: Fine-tune color options that harmonize with your branding and enhance the aesthetic appeal of the team display.

Completing Your Customizations:

1. After making the desired changes and adjustments, ensure you save your modifications.
2. Your team members' appearances will be instantly updated across the front-end, reflecting the changes you've made.

General Tab Settings: Personalizing Your Team Display

The General tab within the member common settings provides essential options to shape the overall appearance and behavior of your team display. This section empowers you to customize key aspects that contribute to the unique presentation of your team. Here's a step-by-step guide on how to navigate and utilize the General tab:

Accessing the General Tab:

In the member common settings section, locate and click on the General tab. Within this tab, you'll find a range of options that influence the overall functionality and aesthetic of your team display.

General Tab Options:

1. Enable Team: Mark this checkbox to enable the display of your team members.
2. Team Name: Assign a name of your choice to your team. This name will be used for display purposes only.
3. Modify Team Name: An auto-generated team name is provided when creating a team from a ready-made template. You can modify this name or keep it as is. If the entered name already exists, a unique variant will be created to avoid conflicts.
4. Shortcode Post/Page URLs: Input the page URL(s) where you intend to showcase this team. By specifying these URLs, the custom CSS for the team will load exclusively on these pages, enhancing loading speed.
5. Open Link in New Tab: Mark this option if you prefer social media links to open in new tabs.
6. Hide the Team Name: Completely hide the team name and the colored bars underneath the team name.
7. Display Social Icon in Circle: Check this box if you want the social media icons to have a circular background. If unchecked, the icons will have a square background.
8. Team Name Margin (in px): Adjust the margin (spacing) of the team name from the top and bottom, allowing precise control over its positioning.
9. Enable Member Ribbons: Check this box to display ribbons for individual team members, adding a distinctive element to their presentation.

Enhancing Your Team Display:

By personalizing the General tab settings, you can shape the team display to align with your branding and design vision. These options offer you the flexibility to create a visually engaging and customized team showcase.

This comprehensive guide should provide you with the insights needed to effectively navigate and utilize the General tab settings within the RWC Team Members Pro plugin, enabling you to craft an exceptional team presentation that reflects your unique style and preferences.

Media Tab: Optimizing Team Member Images or Videos

The Media tab within the member common settings offers precise control over the display and appearance of team member images and videos. By tailoring these settings, you can ensure a visually appealing and cohesive presentation for your team members. Here's a comprehensive guide on navigating and utilizing the options available in the Media tab:

Accessing the Media Tab:

Within the member common settings, locate and click on the Media tab. This tab hosts a range of options that influence the handling and display of team member images and videos.

Member Image:

1. Enable Member Images: Mark this checkbox if you wish to display member images in your team showcase.
2. Image Size: Choose from five different image sizes for your team member images:
   • Thumbnail Size: WordPress-provided thumbnail dimensions.
   • Medium Size: WordPress medium dimensions.
   • Large Size: WordPress large dimensions.
   • Full Size: Display the image at its original size.
   • Custom Size: Define a personalized width and height for member images. If you choose this, input fields for Image Width and Image Height will appear.
3. Image Opacity: Set the opacity of the member images. A value of 100 will remain the image transparent as it is. The lower the number, the dimmer the image.
4. Image Caption Opacity: 100 will remain the thumbnail caption transparent as it is. The lower the number, the dimmer the thumbnail caption background.

Member Video:

Enable Member Videos: Mark this checkbox if you wish to display member videos in your team showcase. This will reveal several video options.

Video Options:

1. Hide Thumbnail Caption?: This option allows you to hide the thumbnail caption on video mouseover, enabling the video to play directly without opening the member details.
2. YouTube Video Height: Set the height for the YouTube video player to ensure it fits well within your design.
3. Allow Full Screen?: Enable this option to allow the video to be viewed in full screen mode.
4. Automatically Play Video?: Choose whether the video should start playing automatically when it is loaded.
5. Show Player Controls?: Decide if the video player controls should be visible to the user.
6. Show Video Annotations?: Opt to display or hide YouTube video annotations during playback.
7. Video Progress Bar Color: Customize the color of the video progress bar to match your branding or design preferences. Choose between Red and White, the only options allowed by YouTube, for the video progress bar color.

Important Notes:

If you check both the Member Image and Member Video options, the Member Image will take precedence, and the video will be available in the details area. However, if you only select the Member Video checkbox, then the video thumbnail will appear both as the member thumbnail and in the details area.

Enhancing Visual Consistency:

By adjusting the Media tab settings, you can achieve uniformity in the presentation of team member images/videos. This ensures a professional and visually engaging team showcase that aligns with your design objectives.

This comprehensive guide should provide you with the necessary insights to navigate and utilize the Media tab settings within the RWC Team Members Pro plugin, enabling you to optimize the display of team member images/videos to suit your desired look and feel.

Structure Tab: Crafting Your Team Display

The Structure tab within the member common settings empowers you to define the fundamental layout and arrangement of your team display. By configuring these settings, you can create a visually pleasing and well-organized presentation for your team members. Here's a comprehensive guide on navigating and utilizing the options available in the Structure tab:

Accessing the Structure Tab:

Within the member common settings, locate and click on the Structure tab. This tab offers a range of options to influence the layout and spacing of your team members' presentation.

Structure Tab Options:

1. Container Width (in %): Set the width of the entire team container as a percentage. This helps determine the overall width of your team display.
2. Number of Members per Row: Configure the number of members displayed per row for different device views:
   • Desktop: Specify the number of members per row for desktop view (screen width ≥ 993px). Up to 8 columns can be displayed.
   • Tab: Determine the number of members per row for tablets (screen width 481px to 992px). Up to 4 columns can be displayed.
   • Mobile: Set the number of members per row for mobile devices (screen width ≤ 480px). Up to 2 columns can be displayed.
3. Automatic Margin: If you enable this option, you can create manual spacing between member thumbnails.
   • Four number fields will appear allowing you to define margins for top, right, bottom, and left respectively.
   • Enabling this option allows you to add a consistent margin between member thumbnails, enhancing visual clarity.
4. Auto Width On/Off: By default, the plugin sets the thumbnail width automatically based on the number of thumbnails per row. You can customize the thumbnail width from this section.
   • Disable Auto Column Width: Enabling this option allows you to manually set the column width.
   • Member Column Width (in %): When Disable Auto Column Width is enabled, you can specify the column width in percentage for the thumbnails.

Creating a Cohesive Presentation:

By adjusting the Structure tab settings, you can create a balanced and visually appealing team display that adapts seamlessly across different screen sizes. This ensures that your team members are showcased in an organized and engaging manner.

This comprehensive guide should provide you with the insights needed to navigate and utilize the Structure tab settings within the RWC Team Members Pro plugin, enabling you to shape the layout and spacing of your team showcase according to your design vision.

Layout Tab: Designing Your Team Display

The Layout tab within the member common settings provides you with a powerful array of options to structure and style your team showcase. By configuring these settings, you can create captivating and engaging presentations that align with your design vision. Here's a comprehensive guide on navigating and utilizing the options available in the Layout tab:

Accessing the Layout Tab:

Within the member common settings, locate and click on the Layout tab. This tab offers a variety of options to shape the layout and appearance of your team members' display.

Layout Tab Options

1. Layout Type for the Team: Choose from three layout types:
   • Grids: Displays team members in a grid system without member details.
   • Slider: Presents team members in a carousel/slider format.
     • Enable Slider Member Details: Check this option to show member details within each carousel slide in a left pop-up view.
     • Slide to Start on: Choose which slide should be initially displayed when the carousel first loads, allowing you to control the starting position of the carousel content.
     • Number of Rows: This option allows you to show multiple rows of carousel items simultaneously, enhancing the display capacity of your carousel.
     • Slides to Scroll: This option allows you to control how many carousel items move with each navigation action, optimizing user experience and carousel functionality.
     • Slides to Show: Set the number of visible slides at a time.
     • Transition Speed: Adjust the speed of the transition animation.
     • Enable Next/Prev Arrows: Show or hide navigation arrows.
     • Slider Arrows on Tab and Mobile: When you enable Enable Next/Prev Arrows, two additional options appear to control the visibility of the slider arrows on tablet and mobile devices.
     • Enable Auto Play: Activate auto play of slides. Set the interval using Auto play Change Interval options. If you want to pause the auto play on mouseover, mark the Enable Pause on Hover checkbox.
     • Enable Centered View: Enable a centered view with partial previous and next slides. It's recommended for use with odd-numbered Slides to Show counts.
     • Center Padding: Appears if Enable Centered View is checked. Adjusts the side padding when in centered mode, specified in pixels (px).
     • CSS3 Easing: Customize the transition effect of your carousel by entering a CSS3 Animation Easing value in the textbox.
     • Enable Slider Dots: Displays current slide indicator dots. If enabled, four more options appear:
       1. Slider Dots Class: Class for the slide indicator dots container.
       2. Enable Pause on Dots Hover: Pauses autoplay when a dot is hovered.
       3. Slider Dots on Tab: Controls visibility of slider dots on tablet view.
       4. Slider Dots on Mobile: Controls visibility of slider dots on mobile view.
     • Enable Desktop Dragging: Enables mouse dragging interaction on desktop devices.
     • Enable Infinite Looping: Determines whether the carousel should loop infinitely or stop at the last slide.
     • Enable Variable Width: Allows each carousel item to have its own unique width. Useful for accommodating varying content lengths or creating a visually dynamic carousel layout.
     • Enable Fade: Enables a fade transition effect between carousel slides instead of the default slide transition.
     • Enable Vertical Slide: Display the carousel in a vertical orientation instead of the default horizontal orientation.
     • zIndex Values for Slides: Set zIndex values for slides, particularly useful for older browsers like IE9 and below.
   • Pop-up: Selecting the pop-up layout type enables a sleek animation where member details slide in from the left or right when clicking on a thumbnail. Also, have an additional option to display the popup from the center.
     • Select Pop-up Direction: Choose from three different popup styles: sliding in from the left, sliding in from the right, or appearing from the center.
   • Expand: Clicking on a member thumbnail in this layout displays the member details within an inline frame, similar to the experience in Google Images.
     • This layout provides a seamless and immersive way to view member details directly on the same page, enhancing user experience by maintaining focus on your team members without navigating away.
     • If enabled, an Inset Border on Thumbnail option will appear as follows:
       • Show Inner Border on Expand: Allows users to set an inner border when the layout is set to Expand. When a thumbnail is clicked, the thumbnail will be highlighted with an inner border while the inline expand preview is opened.
       • Inset Border Width (in px): Appears if Show Inner Border on Expand is enabled. This option allows users to set the inner border width in pixels.
2. Layout Content Style: Choose from 28 pre-made styles to present team member thumbnails in various visually appealing designs.
3. Enable Image Hover Effect: Check this box to apply an image hover effect when hovering over thumbnail images. Choose from 32 different hover styles to enhance visual presentation.

Creating a Stunning Presentation:

By adjusting the Layout tab settings, you can craft visually appealing and dynamic team displays that showcase your team members in various engaging formats.

This comprehensive guide should provide you with the insights needed to navigate and utilize the Layout tab settings within the RWC Team Members Pro plugin. These settings play a pivotal role in designing an impactful and captivating presentation for your team members.

Filter Tab: Streamlining Team Navigation

The Filter tab within the member common settings offers a strategic way to enhance user navigation and facilitate access to specific team members. By configuring these settings, you can enable a filter navigation system based on member departments, optimizing the user experience. Here's a comprehensive guide on how to navigate and utilize the options available in the Filter tab:

Accessing the Filter Tab:

Within the member common settings, locate and click on the Filter tab. This tab houses options that revolve around enabling and optimizing the filter navigation for your team members.

Filter Tab Options:

Enable Filter Navigation: Activate this checkbox to introduce filter navigation based on member departments.

Upon clicking the Enable Filter Navigation checkbox, additional options will appear related to filter navigation customization.

Filter Navigation Customization:

1. Filter Alignment: Set the alignment for the filter navigation menu. Choose from three options: Left, Center, or Right alignment.
2. Margin Top (in px): Specify the top space of the filter navigation menu to ensure optimal positioning.
3. Margin Bottom (in px): Define the bottom space of the filter navigation menu to create a visually balanced layout.
4. Team Layout Filter Animation: By checking Enable Filter Animation, you can add an animation effect when members appear during department navigation on the filter menu. There are 51 animation effects to choose from, providing a wide variety of ways to animate your team members.

Enhancing User Experience:

By adjusting the Filter tab settings, you can create an intuitive navigation system that empowers users to effortlessly access team members based on their respective departments.

This comprehensive guide should provide you with the insights needed to navigate and utilize the Filter tab settings within the RWC Team Members Pro plugin. These settings offer a valuable opportunity to enhance user interaction and engagement with your team showcase by enabling department-based filter navigation.

Thumbnail Tab: Crafting Visual Impact

The Thumbnail tab within the member common settings offers you a palette of options to optimize the presentation and interaction with member thumbnails. By configuring these settings, you can create an aesthetically pleasing and engaging experience for users. Here's a comprehensive guide on how to navigate and utilize the options available in the Thumbnail tab:

Accessing the Thumbnail Tab:

Within the member common settings, find and click on the Thumbnail tab. This tab presents options that shape the alignment, appearance, and interaction of member thumbnails.

Thumbnail Tab Options:

1. Image Radius (in px): This option allows you to customize the shape of the images by adjusting the border radius. For example, setting a large value like 9999 will create a circular image.
2. Member Thumbnail Border: This option allows you to add a border with various styles and set the border radius, similar to the image radius.
3. Member Thumbnail Alignment: Customize the alignment of member thumbnails within the total container.
   • Thumbnail Alignment: Set the horizontal alignment of member thumbnails. Choose from left, center, or right positions.
   • Thumbnail Text Alignment: Determine the alignment of individual thumbnail content text. Choose from left, center, or right positions.
4. Thumbnail Scale & Shadow: Customize the appearance of team member thumbnails with scaling and shadow effects.
   • Enlarge Thumbnail on Hover: Enable this option to enlarge member thumbnails when hovered over, creating a dynamic visual effect.
   • Enable Thumbnail Shadow: Check this box to add a shadow around the team member's thumbnail, enhancing its visual depth.

Elevating User Engagement:

By adjusting the Thumbnail tab settings, you can enhance the visual impact of your team showcase, making it more visually appealing and interactive for users.

This comprehensive guide should equip you with the knowledge needed to navigate and utilize the Thumbnail tab settings within the RWC Team Members Pro plugin. These settings enable you to curate an immersive and engaging user experience by optimizing the alignment, appearance, and interaction of member thumbnails.

Show/Hide Tab: Tailoring Team Showcase Visibility

The Show/Hide tab within the member common settings empowers you to fine-tune the visibility of specific elements within your team showcase. By configuring these settings, you can ensure that the displayed information aligns with your design and content preferences. Here's a comprehensive guide on how to navigate and utilize the options available in the Show/Hide tab:

Accessing the Show/Hide Tab:

Within the member common settings, locate and click on the Show/Hide tab. This tab provides options to selectively show or hide specific elements both in thumbnail and member details views.

Show/Hide Tab Options:

1. Thumbnail Items Show/Hide: Select the elements you want to display within the thumbnail view of team members. Options include member designation, department, name, short bio, social icons, and icon background color.
2. Member Details Show/Hide: Customize the elements to be displayed in the member details view, which appears either as a pop-up or an inline expand preview. You can choose to show member image, designation, department, experience, name, tagline, detailed bio, skills, qualifications, professional memberships, and areas of expertise.
3. Member Contacts Show/Hide: Determine which contact details to display within the member contacts view, also available in pop-up or inline expand preview modes. Options include member telephone, mobile, fax, email, address, website, and social icons.

Crafting Focused Presentations:

By adjusting the Show/Hide tab settings, you can create a clean and focused team showcase that emphasizes the most pertinent information while decluttering the display.

This comprehensive guide should provide you with the insights needed to navigate and utilize the Show/Hide tab settings within the RWC Team Members Pro plugin. These settings grant you the control to curate the presentation of team member details, ensuring that the displayed information is aligned with your design and content strategy.

Font Tab: Elevating Typography in Your Team Display

The Font tab within the member common settings offers you a powerful avenue to define the typographic elements of your team showcase. By configuring these settings, you can ensure that the typography harmoniously aligns with your design choices. Here's a comprehensive guide on how to navigate and utilize the options available in the Font tab:

Accessing the Font Tab:

Within the member common settings, locate and click on the Font tab. This tab provides options to configure font families and font sizes for various elements of your team display.

Font Tab Options

Font Family: Set the font family for your team display by entering the font name.

• Before proceeding, make sure that the corresponding font's CSS file is properly included and linked in your website's HTML code.
• Utilize the Team Member Global Settings under RWC Teams » Settings to conveniently link a font's CSS file or use the plugin's default font.

Primary and Secondary Font Family:

1. Primary Font Family: Set the primary font family for headings within your team display. For instance, you can enter 'Roboto Condensed', serif. This font will be used for all heading elements to ensure a consistent and professional look.
2. Secondary Font Family: Specify the secondary font family for all other textual content, excluding headings. For example, you can enter 'Open Sans', sans-serif. This font will be applied to body text and other non-heading elements, complementing the primary font and enhancing readability.

Font Tab Options - Font Size:

Customize font sizes for different devices - desktop, tablet, and mobile views.

1. Team Name & Filter Navigation: Customize the font sizes for the team name and filter navigation.
   • Team Name Font Size: Set the font size of the team name for desktop, tab, and mobile views to ensure consistent presentation across devices.
   • Navigation Font Size: Determine the font size of the filter navigation for desktop, tab, and mobile views to enhance readability and accessibility.
2. Thumbnail Font Size: Adjust the font sizes for various elements within the thumbnail view to ensure clarity and visual appeal.
   • Member Name Font Size: Set the font size for member names on thumbnails for different views.
   • Department Font Size: Define the font size for member departments on thumbnails.
   • Designation Font Size: Specify the font size for member designations on thumbnails.
   • Short Bio Font Size: Set the font size for member short bios on thumbnails.
   • Social Icon Font Size: Determine the font size for social icons on thumbnails.
3. Member Details Font Size: Customize the font sizes for various elements within the member details view to ensure all information is legible and well-presented.
   • Member Name Font Size (in px): Set the font size for member names in the details view.
   • Designation Font Size (in px): Specify the font size for member designations in the details view.
   • Tag Line Font Size (in px): Define the font size for member tag lines in the details view.
   • Department Font Size (in px): Set the font size for member departments in the details view.
   • Experience Font Size (in px): Specify the font size for member experience information in the details view.
   • Member Bio Font Size (in px): Set the font size for member bios in the details view.
   • Other Details Font Size (in px): Customize the font size for any other details in the member details view.
4. Contact Info Font Size: Adjust the font sizes for contact information to ensure it is easily readable.
   • Contact Font Size (in px): Set the font size for contact details such as telephone, mobile, fax, and email.
   • Social Font Size (in px): Define the font size for social media links within the contact information section.

Refining Design Aesthetics:

By adjusting the Font tab settings, you can achieve a polished and consistent typographic style throughout your team showcase, enhancing readability and visual appeal.

This comprehensive guide should equip you with the insights needed to navigate and utilize the Font tab settings within the RWC Team Members Pro plugin. These settings allow you to take control of typography, ensuring that your team display showcases a visually cohesive and aesthetically pleasing appearance.

Colors Tab: Infusing Vibrancy into Your Team Display

The Colors tab within the member common settings grants you the creative control to infuse your team showcase with captivating colors. By configuring these settings, you can tailor the color scheme to align with your branding and design preferences. Here's a comprehensive guide on how to navigate and utilize the options available in the Colors tab:

Accessing the Colors Tab:

Within the member common settings, locate and click on the Colors tab. This tab offers options to define colors for key elements of your team display.

Colors Tab Options - Team Name:

1. Team Name Color: Set the font color for the team name, ensuring it resonates with your brand's visual identity.
2. Team Name Marked Color: Define the font color for the initial letter of each word in the team name. This can add visual interest and emphasis.

Colors Tab Options - Filter Navigation:

1. Navigation BG Color: Customize the background color of the filter navigation, enhancing its visibility.
2. Navigation Active BG Color: Set the background color for the active tab (department) in the filter navigation, guiding user interaction.
3. Navigation Font Color: Define the font color for the filter navigation text, ensuring legibility and alignment with your design.
4. Navigation Active Font Color: Specify the font color for the text of the active tab (department), enhancing clarity.

Enriching Visual Appeal:

By adjusting the Colors tab settings, you can create a visually captivating and cohesive color palette for your team display, effectively enhancing the overall visual appeal.

This comprehensive guide should provide you with the insights needed to navigate and utilize the Colors tab settings within the RWC Team Members Pro plugin. These settings empower you to define a color scheme that aligns with your brand's identity and creates a visually immersive experience for users interacting with your team showcase.

Settings: Fine-Tuning and Managing

The Settings section within the RWC Team Members Pro plugin serves as a centralized hub where you can manage, customize, and safeguard your team settings. This comprehensive suite of options empowers you to fine-tune your team display, apply custom styles, and even manage data backup and restoration. Here's a detailed guide on how to effectively navigate and utilize the options available within the Settings section:

Accessing the Tools Section:

In your WordPress admin panel, navigate to RWC Teams and select Settings. Within the Settings section, you'll find four tabs: Options, Custom Style, Export Team, and Import Team.

Options Tab: Global Settings for Your Team:

The Options tab within the RWC Team Members Pro plugin is your gateway to configuring global settings that impact the behavior and features of your team displays. These options allow you to fine-tune your experience, streamline workflows, and optimize functionality. Here's a comprehensive guide on how to navigate and utilize the options available in the Options tab:

Accessing the Options Tab:

In your WordPress admin panel, navigate to RWC Teams and click on Settings. Within the Global Settings section, click on the Options tab.

Options Tab Settings - Minify CSS & JS:

The Minify CSS & JS option is crucial as it compresses and consolidates your website's CSS and JavaScript files. This process reduces file sizes by removing unnecessary spaces, comments, and formatting. As a result, your site loads faster, improving user experience and SEO rankings while minimizing server load and bandwidth consumption.

Options Tab Settings - Enhancing Text Editing:

1. Enable WP Post Editor for HTML Feature Type: This option enables the WP default post editor for a more seamless experience in formatting text, quotes, and images.
   • When activated, you can focus on content creation while benefiting from the intuitive visual editor.
2. Enable HTML Editor as the Default Post Editor: If enabled, this option sets the HTML editor as the default post editor in the plugin's Member settings.
   • Ideal for instances where most users agree with your choice, and you wish to have the visual editor available as an alternative.

Options Tab Settings - Typography and Fonts:

Enable Plugin Default Google Font: Activate this option to use the plugin's default Google font for consistency across your team displays. If disabled, you can specify your own Google font using the additional options:

• Enter Google Fonts URL link: If you prefer a custom Google font, enter the font's URL link. This links the desired font to your team displays.
• Enter Primary Font Family: Define the primary font family to be used if not set for individual team displays.
• Enter Secondary Font Family: Set the secondary font family to be used if not specified for individual team displays.
• How to Add a Font from Google Fonts:

How to Add a Font from Google Fonts:

1. Go to the Google Fonts website.
2. Search for your preferred font using the search bar, and click on it from the list of results.
3. Click on the 'Select this style' button to choose the specific font style and weight you want to use.
4. Repeat the above steps to select as many fonts as you want.
5. After selecting your fonts, click on the 'View Your Selected Families' button at the bottom of the page.
6. Click on the 'Embed' tab.
7. In the 'Embed' section, copy the URL under the 'Standard' tab. It should look something like this:
   • //fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@400;700&display=swap
8. In your plugin's settings, paste the copied URL into the 'Enter Google Fonts URL link' text box.
9. Under the 'CSS rules to specify families' section, copy the font-family declaration. It should look something like this:
   • font-family: 'Roboto', sans-serif;
10. Paste the font-family declaration into the Primary Font Family or Secondary Font Family text box in the plugin's settings, depending on your preference.
11. That's all! Your chosen Google Fonts should now be integrated into your website through the plugin.

Note: This is the latest procedure for finding and embedding Google Fonts. This process may change as Google updates its services. There are many articles available that explain the Google Font settings in detail.

Examples:

• Google Fonts URL link: //fonts.googleapis.com/css2?family=Open+Sans&family=Roboto:wght@400;700&display=swap
• Primary Font Family: 'Roboto', sans-serif;
• Secondary Font Family: 'Open Sans', sans-serif;

Options Tab Settings - Functionalities and Database:

1. Enable Icons in Theme: This feature allows you to select between Font Awesome icons or Dasicons. By enabling both options, the plugin will display icons from the selected platform, ensuring your website's visual elements align with your design preferences seamlessly. This option is also important to prevent duplicate declarations of Font Awesome or Dashicons in your theme.
2. Add View Port Meta in the Header: The View Port Meta option adds a crucial HTML meta tag to your website's header. This tag, <meta name="viewport">, is essential for responsive web design. It ensures that the webpage adapts correctly to various devices and screen sizes by controlling the viewport dimensions and scaling. Implementing this meta tag helps optimize the user experience across different devices, from desktops to mobile phones, ensuring content is displayed correctly and intuitively.
3. Clear Database on Delete: By checking this option, you ensure that plugin-related data is deleted along with the plugin itself if you decide to uninstall and delete it.
4. Don't Enqueue Custom CSS: If you don't want the plugin to automatically enqueue custom style sheets, you can turn it off here. This will help you to keep the number of CSS files in your theme under the limit. Before turning off custom CSS, make sure you manually load it into your theme. Otherwise, the team will not be displayed according to the customization.
5. Remove Unnecessary Team Options: During team customization, technical issues may sometimes create unnecessary options, which can bloat the database. By clicking this button, you can quickly and easily remove these unnecessary options, keeping your database streamlined and efficient. You will be notified if any unnecessary options are created due to a technical issue.

Fine-Tuning Your Plugin Experience:

By accessing the Options tab, you can customize global settings to align with your preferences, streamline workflows, and optimize the functionality of your RWC Team Members Pro plugin.

This comprehensive guide should empower you to navigate and utilize the options within the Options tab of the RWC Team Members Pro plugin. These settings provide the flexibility to tailor the plugin experience, enhancing your control over features and behaviors in your team displays.

Custom Style Tab: Crafting Your Own CSS:

The Custom Style tab within the RWC Team Members Pro plugin offers you a canvas to paint your team displays with a personalized touch. By harnessing the power of custom CSS, you can shape the appearance and aesthetics of your team showcase without altering the core plugin CSS. Here's a comprehensive guide on how to leverage the Custom Style tab to create a tailored visual experience:

Accessing the Custom Style Tab:

In your WordPress admin panel, navigate to RWC Team and select Settings. Within the Settings section, click on the Custom Style tab.

Using Custom CSS: Unleash Your Creativity:

1. Why Custom CSS Matters: Custom CSS empowers you to modify the visual elements of your team display without affecting the core plugin CSS. This approach preserves upgrade compatibility and ensures seamless maintenance.
2. Load After Plugin Stylesheets: Your custom CSS is loaded after the plugin's stylesheets, granting your rules precedence in the display.
3. Implementing Your Custom Styles:
   • Utilize the provided CSS editor box to input your custom CSS code.
   • Craft rules that reflect the changes you desire in the appearance of your team display.
   • Whether it's adjusting colors, tweaking layouts, or adding unique styling, this is your creative playground.

This comprehensive guide should provide you with the insights needed to navigate and utilize the Custom Style tab within the RWC Team Members Pro plugin. Leverage this space to bring your creative visions to life and present a distinctive and engaging team showcase.

Export & Import Tab: Backup & Restoring System:

Export Team Tab: Backing Up Your Settings:

Use this tab to securely back up all your team settings in a JSON format.

Exporting your settings ensures that you have a safeguarded copy of your configurations, which can be crucial for data recovery or transitioning to different installations.

Import Team Tab: Restoring Settings with Ease:

This tab allows you to seamlessly restore settings that were previously exported using the Export Team option.

In case you need to transfer your team settings to another installation or recover lost data, importing settings simplifies the process.

Safeguarding and Customizing Your Team:

By accessing the Settings section, you gain the ability to safeguard your settings, apply custom styles, and manage data with ease.

This comprehensive guide should equip you with the insights needed to navigate and utilize the options within the Settings section of the RWC Team Members Pro plugin. These tools empower you to manage, customize, and preserve your team settings, contributing to a seamless and tailored user experience.

FAQ

A FAQ is a list of frequently asked questions (FAQs) and answers on a particular topic.

Source & Credits

Images:

• Models - Pexels

Fonts:

• Font Icons - Dashicons, Font Awesome 5
• Font Family - Google Fonts

Scripts:

• Slider - Slick Slider
• Select - Selectize

Templates:

• Docs Template: iDocs - One Page Documentation HTML Template

Support

If you have further questions or need additional assistance beyond this documentation, please don't hesitate to reach out to us. You can submit your query on the Plugin Support Page in WordPress.

We are located in GMT +6:00 time zone and we answer all questions within 12-24 hours in weekdays. In some rare cases the waiting time can be to 48 hours. (except holiday seasons which might take longer).

Don't forget to Rate RWC Team Members Pro plugin

More Plugins

Checkout Our Below Frre & Premium Plugins

WRC Pricing Tables - Free

WRC Pricing Tables - Standard

WRC Pricing Tables - Ultimate

T4B News Ticker - Free

T4B News Ticker - Pro

Muslim Prayer Time BD - Free

Responsive Portfolio Image Gallery - Free

Responsive Portfolio Image Gallery - Pro

Image Gallery - Awesome Responsive Photo Gallery free

Image Gallery – Awesome Responsive Photo Gallery Pro

Our Portfolio

Changelog

See what's new added, changed, fixed, improved or updated in the latest versions.

For Future Updates Follow Us @facebook / @twitter / @linkedin

Version 0.2 (4 January, 2025)

• AddedModal-based functionality with clear progress messages.
• AddedRecommended Plugins section in the admin panel to showcase our featured plugins.
• UpdatedNewly created team now redirect to the Team List page for easy access.
• UpdatedMinor code optimizations and performance improvements.
• FixedMinor JS & CSS issues in WP admin.

Version 0.1 (4 July, 2024)

• New Initial Release