LSX Team

80 0 0 October 6, 2020

Table of contents

  1. Installation
  2. Adding a Team Member
  3. Settings
  4. Adding Team Members using the block editor
  5. Adding Team Members with a Shortcode
  6. Adding Team Members with a Widget
  7. Search archives
    1. Shortcode parameters
  8. Developers
    1. Template Tag:

PLEASE NOTE: The LSX Team plugin has been designed for the LSX theme, and has not been tested with other WordPress themes.

LSX Team is compatible with LSX Extensions, WooCommerce, The Events Calendar, Sensei LMS, Envira Gallery, Soliloquy and WP Forms.

Installation

Installation from WordPress admin dashboard:

  • Log into your WordPress admin panel and go to Plugins > Add new.
  • Enter LSX Team into the search field.
  • Click Install Now when you find the plugin
  • Click Activate once the installation is complete

Download from WordPress.org

  • Go to the plugin page – https://wordpress.org/plugins/lsx-team/
  • Click the Download button to download the zip file.
  • Log into your WordPress admin dashboard and go to Plugins > Add new.
  • Then click Upload plugin.
  • Choose the zip file and click Install now.
  • After installation is successful click Activate plugin.

Now add your team members and then configure the settings to control how team member posts will display.

Adding a Team Member

  1. From the WordPress dashboard go to Team Members > Add New.
  2. Enter the team member name and add a biography below.
  1. Next enter the Team Member Details:
    • Featured – this checkbox will make this post show first in archives.
    • Site User – link the team member post to a user on your website (optional)
    • Job title
    • Location
    • Email address
    • Gravatar email address (optional) – this will load the gravatar profile photo.
    • Telephone number
    • Skype name
    • Facebook URL
    • Twitter URL
    • LinkedIn URL
    • Projects (optional) – if you are using the LSX Projects extension you can link your team member to project posts that will display on the team member post.
    • Testimonials (optional) – if you are using the LSX Testimonials extension you can link your team member to testimonial posts that will display on the team member post.
  1. Add a Featured Image for the Team Member Post. This image will be used for the archives, single post, widgets and shortcodes.
  1. Now assign a Role to the team member.
    • Choose from Roles that are already created.
    • Or click Add New Role to create a new Role for team members.
      You can manage Roles by clicking Team Members > Roles from the WordPress dashboard. The Role settings are managed in the same way as WordPress post categories.
  1. Click Publish when you are happy with your content to make the post live.

To view a list of the Team Member posts go to Team Members from the WordPress dashboard.

Click on any team member to edit the settings for that post, or click Add New to add another team member.

Settings

  1. Go to Team Members > Settings to configure the following settings for the plugin.

General Settings

  • Disable single posts – this will prevent anyone from clicking through to a single team member post. Use this option if all your information will be displayed using the archive, widget or shortcode.
  • Group by role – on the archive sub-headings for the Team Member Role will be used to create sections with all team members assigned that role.
  • Placeholder – assign a placeholder image that will be used if no featured image is set for a team member.

Careers CTA
Configure a call to action “team member” to advertise or invite website users to apply to work at your company. The following settings are available.

  • Enable careers CTA – turn on the call to action on your team member archive.
  • Title.
  • Tagline.
  • Link text – use you own text for the link that you set for the call to action.
  • Careers page link – use any link that you want to redirect users.

Carry on reading for options to display team members on your website.

Adding Team Members using the block editor

Click on Pages in the WordPress dashboard. Select the page on which you would like to display the team members.

  1. To add the Team block click the + in the top left of the block editor screen. Enter team in the search and select LSX Team in the results.
  1. Now configure the block Layout Settings. The following are available:
    • Grid or List.
    • Number of columns.
    • Enable Carousel.
    • Image shape – choose a round or square profile picture.
  1. Next configure the Display Settings. You can control the following:
    • Display Excerpt – choose to show the excerpt, full content or no content.
    • Display featured image
    • Link to single team member
    • Show social icons
    • Show job title
    • Show role
  1. Finally configure the General Settings.
    • Order by –
      • Oldest to newest
      • Newest to oldest
      • A – Z
      • Z – A
    • Category
    • Number of items – this will control the maximum of tea members to display.
    • Specify team members by ID – enter the post ID for the team members that you want to display. You can find the post ID in the URL of the post when you are editing it.
      In this URL the post ID is 1064: /wp-admin/post.php?post=1064&action=edit

If you would like to know more about working with blocks read this article – WordPress Editor: Working With Blocks.

Adding Team Members with a Shortcode

You can use a shortcode to display Team Members on your web page. To learn about shortcodes this article is really helpful – Shortcodes.

Here is a demo of Team shortcodes.

  1. On the page where you want to display team members add a Shortcode Block. by clicking the + in the top left of the editor screen and searching “shortcode“. Click the Shortcode in the results.
  1. Enter the shortcode that is required to display the team members that you need in the layout that you require.
This shortcode displays Team Members in one column, without an excerpt or description, and is limited to one team member only.
  1. Using the above example to write the shortcode, here are the parameters and the values that must be entered to correctly use them – Shortcode Parameters
  2. Click Update or Publish the page once you are finished.

Adding Team Members with a Widget

  1. Navigate to the backend of your website and view your Dashboard
  2. Hover over the “Appearance” menu item and select “Customizer” from the drop down menu
  3. Select the “Widgets” option from the Customiser menu
  4. Choose the widget area you wish to place a LSX Team widget in
  5. Select the “Add a Widget’ button from widget area menu
  6. Type “LSX Team Members” into the search bar or scroll through the list of available widgets
  7. Select the widget item and follow the same configuration settings as you would when adding a team member via a shortcode.
  8. Once you have finished configuring the settings, you may move the LSX Team Members widget item between other widgets in your chosen widget section by clicking and holding the widget item, and dragging it up or down.
  9. Once complete, select “Save & Publish” at the top of your WordPress Customizer Menu

Search archives

If you are using the LSX Search extension to extend the WordPress search functionality, then you can configure the search results settings in the LSX Search settings. Find out how to configure Team search results settings in this article.

Shortcode parameters

  • Layout
    • description: choose either the ‘standard’ unstyled layout or the ‘panel’ layout which displays each team member in a Bootstrap panel – http://getbootstrap.com/components/#panels
    • parameter name: layout
    • accepts: standard / panel
  • Columns
    • description: Number of columns per row of team members
    • parameter name: columns
    • accepts: 1 / 2 / 3 / 4
  • Order By
    • description: Sort retrieved posts by parameter
    • parameter name: orderby
    • accepts: none / id / name / date / modified / rand / menu_order
  • Order
    • description: Designates the ascending or descending order of the ‘orderby’ parameter
    • parameter name: order
    • accepts: ASC / DESC
  • Maximum Amount
    • description: Maximum amount of team members to display
    • parameter name: limit
    • accepts: numeric value (leave empty to display all)
  • Role
    • description: Filter team members by a role
    • parameter name: role
    • accepts: numeric value (leave empty to display all)
  • Specify Team Members by ID
    • description: Include specific team member post IDs to display specific team members.
    • parameter name: include
    • accepts: comma seperated list of team member post IDs
  • Image Size
    • description: Set the size of team member images
    • parameter: size
    • accepts: numeric value (applied to both width and height)
  • Show Image Rounded
    • description: Choose whether or not to display each rounded Team Member’s image
    • parameter: show_image_rounded
    • accepts: 0 (no) / 1 (yes)
  • Link Titles
    • description: Whether or not to link titles to single team member posts. (If ‘Disable Single’ is checked in the plugin settings, this parameter will be ignored and titles won’t be linked)
    • parameter: link
    • accepts: 0 / 1
  • Show Roles
    • description: Choose whether or not to display each Team Member’s assigned role
    • parameter: show_roles
    • accepts: 0 (no) / 1 (yes)
  • Show Descriptions
    • description: Choose whether or not to display each Team Member’s description
    • parameter: show_desc
    • accepts: 0 (no) / 1 (yes)
  • Show Social Icons
    • description: Choose whether or not to display each Team Member’s social icons
    • parameter: show_social
    • accepts: 0 (no) / 1 (yes)

Developers

Template Tag:

The team function can be called directly in your theme templates. It accepts an array of the same parameters used in the shortcode.

eg:<?php if ( class_exists( 'LSX_Team' ) ) { lsx_team( array( 'size' => 150, 'show_social' => false, 'columns' => 3, 'limit' => 6 ) ); }; ?>

Tags:

LSX Search

LSX Testimonials