The Table Layout provides a structured, grid-based presentation of your team members or content. It allows you to organize profiles into rows and columns, offering a clean and professional appearance suitable for detailed listings or comprehensive team overviews.
The layout options (as shown in the provided screenshot) enable you to customize the appearance and style of your table for optimal visual appeal and usability.
How to Set Up the Table Layout:
1. Access the Team Generator:
- Navigate to the WP Team Manager plugin in your WordPress dashboard.
- Select the ‘Team Generator’ option.
2. Choose Table Layout:
- In the layout options, select the Table Layout option to structure your team profiles in a tabular format.
3. Select Layout Type:
- From the Layout Type options, choose the table style that best fits your design:
- Options may include different grid styles, with variations in borders, spacing, and overall appearance.
- Click on your preferred style to apply it.
4. Choose Style Layout Type:
- Under Style Type, select the visual theme for your table:
- Styles may include clean, colorful, dark mode, minimalistic, etc.
- Pick the style that complements your website’s branding.
5. Configure Columns & Rows:
- Define how many team profiles you want per row:
- e.g., 2, 3, 4 columns per row.
- Adjust the row height and column width if available for more precise control.
6. Customize Appearance:
- Use additional styling options to modify:
- Border Styles: Solid, dashed, dotted borders around cells.
- Cell Padding & Spacing: Adjust internal padding for better readability.
- Colors: Set background colors for headers, rows, or individual cells.
- Typography: Customize fonts, sizes, and weights for profile info.
7. Add Content & Profiles:
- Input or update team member profiles, including images, names, roles, bios, and social links.
8. Save & Embed:
- Save your layout settings.
- Insert the generated shortcode into your page or post to display the table on your website.
Style & Layout Options (as depicted in the screenshot):
| Layout Type | Description |
|---|---|
| Style 1 | Basic table with simple borders and clean design |
| Style 2 | Table with colored headers and highlighted rows |
| Style 3 | Minimalistic table with subtle borders |
| Style 4 | Advanced styled table with alternating row colors |
| Style Type | Description |
|---|---|
| Style A | Light, bright theme |
| Style B | Dark or high contrast theme |
| Style C | Colorful or vibrant theme |
Additional Customization Options:
| Option | Description |
|---|---|
| Number of Columns | Set how many profiles per row |
| Border Style | Choose border style for table cells |
| Cell Padding & Margin | Adjust spacing inside and between cells |
| Background Colors | Set background for header, rows, or entire table |
| Typography Settings | Customize font family, size, weight, and color |
| Responsive Design | Ensure table adapts well on mobile and tablet screens |
| Hover Effects | Add hover states for rows or cells |
Final Steps:
Once you finish customizing your table layout, save your settings. Embed the shortcode into your webpage, and your structured, styled team table will be live on your site.
Need Further Assistance?
For advanced styling, custom CSS, or troubleshooting, consult the plugin’s documentation or support resources.
Create a professional, organized team showcase with your Table Layout!