Al Amin Ahamed

<p><strong>Author Profile Blocks</strong> is a WordPress plugin for showcasing author profiles and team members using four Gutenberg blocks, four shortcodes, and a classic widget. It supports two data sources: standard WordPress Users and an optional Team Member custom post type (<code>apbl_team_member</code>).</p>
<p><a href="https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/mralaminahamed/author-profile-blocks/trunk/.wordpress-org/blueprints/blueprint.json" rel="nofollow ugc">Live Preview</a> | <a href="https://github.com/mralaminahamed/author-profile-blocks" rel="nofollow ugc">GitHub</a> | <a href="https://github.com/mralaminahamed/author-profile-blocks#readme" rel="nofollow ugc">Documentation</a></p>
<h3>Four Block Types</h3>
<p><strong>Author Profile</strong> — Single author showcase with full control over layout order, avatar shape, typography, and social links. Four content order variants: image-content, content-image, image-top, content-top.</p>
<p><strong>Author Grid</strong> — Responsive grid of multiple authors. Supports 1–4 columns with five style presets: card, minimal, bordered, shadow, mosaic.</p>
<p><strong>Author List</strong> — Vertical author list with three display styles: compact (image + summary), detailed (full two-column layout), and minimal (name + position only). Supports ordered or unordered lists.</p>
<p><strong>Author Carousel</strong> — Interactive slider built on <a href="https://kenwheeler.github.io/slick/" rel="nofollow ugc">Slick</a>. Seven style presets including modern cards, classic carousel, elegant profile, and creative gradient layout. Configurable slides, autoplay, dots, and arrows.</p>
<h3>Shortcodes</h3>
<p>Four shortcodes are available for classic themes or page builders:</p>
<ul>
<li><code>[apbl_profile]</code> — single author card</li>
<li><code>[apbl_grid]</code> — responsive author grid</li>
<li><code>[apbl_list]</code> — author list</li>
<li><code>[apbl_carousel]</code> — author carousel with autoplay</li>
</ul>
<p>All shortcodes accept <code>id</code>, <code>source</code> (user or team_member), <code>style</code>, <code>number</code>, and display toggle attributes.</p>
<h3>Classic Widget</h3>
<p>The <strong>Author Profile Widget</strong> lets you add a single author card to any widget area. Choose the author, display style, and whether to show social links and bio.</p>
<h3>Team Member CPT</h3>
<p>Activate the built-in <code>apbl_team_member</code> custom post type to manage team members separately from WordPress users. Supports title, bio, featured image, and menu order. Each team member has position and social profile meta fields. Organise members by department using the hierarchical <code>apbl_department</code> taxonomy.</p>
<h3>Design System</h3>
<p>Every block ships with a refined indigo editorial design — distinctive typography, layered shadows, smooth cubic-bezier transitions, and an indigo accent system with animated hover reveals. All visual properties are overridable via <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties" rel="nofollow ugc">CSS custom properties</a>.</p>
<h3>Customization Options</h3>
<ul>
<li><strong>Avatar</strong>: circle, square, rounded, or custom border-radius; configurable size and border</li>
<li><strong>Typography</strong>: name size, weight, color, alignment, letter-spacing; position shown as uppercase indigo badge</li>
<li><strong>Layout presets</strong>: choose from registered style variations (card, minimal, bordered, shadow, and more) per block</li>
<li><strong>Animations</strong>: 7 entrance animation types — fadeIn, slideUp, slideDown, slideLeft, slideRight, scaleIn, bounce</li>
<li><strong>Hover effects</strong>: lift, glow, scale, rotate, shadow — applied to items or the block wrapper</li>
<li><strong>Social icons</strong>: square pill shape with indigo fill on hover; supports Facebook, Twitter/X, LinkedIn, Instagram, website</li>
<li><strong>Colors</strong>: background, border, text, gradient — all configurable via the inspector</li>
<li><strong>Spacing</strong>: section spacing, padding, item spacing, container width</li>
<li><strong>Advanced</strong>: CSS filters (brightness, contrast, saturation), transform (scale, rotate), box shadow, custom CSS class, <a href="https://fonts.google.com/" rel="nofollow ugc">Google Font</a> support</li>
</ul>
<h3>User Profile Extensions</h3>
<p>The plugin adds extra fields to the standard <a href="https://wordpress.org/documentation/article/users-your-profile-screen/" rel="ugc">WordPress user profile screen</a>:</p>
<ul>
<li>Position / job title</li>
<li>Extended bio</li>
<li>Social media URLs: Facebook, Twitter/X, LinkedIn, Instagram, personal website</li>
<li>Custom “Member since” label</li>
<li>Department</li>
<li>Skills</li>
<li>Location</li>
<li>Phone</li>
<li>Availability</li>
<li>Website label</li>
</ul>
<h3>Performance</h3>
<ul>
<li>Server-side rendering with PHP template caching</li>
<li>Configurable cache duration</li>
<li>Lazy loading for author avatars</li>
<li>No unnecessary JavaScript on the frontend</li>
</ul>
<h3>Developer-Friendly</h3>
<ul>
<li>Clean PHP template hierarchy — override any template from your theme</li>
<li>Extensive <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties" rel="nofollow ugc">CSS custom properties</a> for runtime styling</li>
<li>WordPress filter hooks on every rendered block and shortcode</li>
<li>Modern SCSS source with <code>@use</code>/<code>@forward</code> module system and <code>sass:color</code> functions</li>
<li><code>apbl-</code> namespaced CSS classes throughout</li>
<li><a href="https://www.php-fig.org/psr/psr-4/" rel="nofollow ugc">PSR-4</a> autoloaded, <a href="https://developer.wordpress.org/coding-standards/wordpress-coding-standards/" rel="nofollow ugc">WordPress Coding Standards</a> compliant</li>
<li>Full <a href="https://github.com/mralaminahamed/author-profile-blocks#readme" rel="nofollow ugc">developer documentation on GitHub</a></li>
</ul>
<h3>Support</h3>
<ul>
<li><a href="https://wordpress.org/support/plugin/author-profile-blocks/" rel="ugc">WordPress.org support forum</a></li>
<li><a href="https://github.com/mralaminahamed/author-profile-blocks/issues" rel="nofollow ugc">GitHub issues</a></li>
<li><a href="https://github.com/mralaminahamed/author-profile-blocks#readme" rel="nofollow ugc">Developer documentation</a></li>
<li><a href="https://playground.wordpress.net/?blueprint-url=https://raw.githubusercontent.com/mralaminahamed/author-profile-blocks/trunk/.wordpress-org/blueprints/blueprint.json" rel="nofollow ugc">Live Preview on WordPress Playground</a></li>
</ul>


Author Profile Blocks

Display author profiles and team members in Gutenberg blocks, shortcodes, and widgets — grid, carousel, list, and single profile.

WP Darko

<p>This plugin adds a “Teams” section to the admin panel which allows you to showcase your staff/employees/people on your website the easy way. You can quickly add members to your team(s), add their picture, position, bios, social links, re-order them at anytime and display them anywhere with a simple shortcode. What you see is what you get, and it’s totally free.</p>
<p>[Compatible with PHP 8.]</p>
<h4>No limitation for the Free version</h4>
<p>The free version of the Team Members plugin is <strong>not limited</strong>.</p>
<h4>Available fields</h4>
<ul>
<li>Firstname</li>
<li>Lastname</li>
<li>Description/bio</li>
<li>Photo</li>
<li>Social links (FB, X, Instagra, etc.)</li>
</ul>
<h4>Available settings</h4>
<ul>
<li>Number of members to show per line (1 to 5)</li>
<li>Display order (default/random)</li>
<li>Color</li>
</ul>
<h4>PRO features</h4>
<ul>
<li>New picture on hover</li>
<li>Member height equalizing</li>
<li>Import/export members from one team to another</li>
<li>Full-width pictures</li>
<li>Hide members</li>
<li>More info reveal box</li>
<li>Picture filters</li>
<li>Per-member color</li>
<li>Two more social links per member</li>
</ul>
<p>Check out our <a href="https://wpdarko.com/items/team-members-pro/" rel="nofollow ugc">PRO version</a>, see all these features in action.</p>
<h4>Usage</h4>
<p>Go to <a href="https://wpdarko.com/support/docs/get-started-with-the-team-members-plugin/" rel="nofollow ugc">the plugin’s documentation</a> if you need more information on how to use this plugin.</p>
<h4>Support</h4>
<p>Find help on <a href="https://wpdarko.com/support" rel="nofollow ugc">our support platform</a> for this plugin (we’ll answer you fast, promise).</p>


Team Members

I like the plugin, it is very easy to use. But the design seems so old, need to upgrade them

Good Plugin, Easy to use

A responsive and clean way to display your team. Create members, add their positions, bios (and more...) and copy-paste the shortcode anywhere.

Author Profile Blocks vs Team Members