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.

Anoop Ranawat

Pratik Jain

WP OnlineSupport

Ketan Patel

Piyush Patel

Essential Plugin

Riddhi Shukla

<p>✅ Now that you have your website ready then why don’t you <strong>Download</strong> and try out this Team grid/ slider to give it better functionality.</p>
<p><strong>Download Now</strong> and display multiple team grids and sliders using shortcodes with categories. you to easily create and display your team members & staff and show them on your site.</p>
<p><strong>Download Now</strong> this team slider because It is proven that team sliders have been a powerful tool to present your content in a very neat manner with the help of fancy sliders and customized designs.</p>
<p><a href="https://demo.essentialplugin.com/team-showcase-and-slider-demo/?utm_source=WP&utm_medium=Team-Showcase&utm_campaign=Read-Me" rel="nofollow ugc">FREE DEMO</a> | <a href="https://demo.essentialplugin.com/prodemo/wp-team-showcase-and-slider/?utm_source=WP&utm_medium=Team-Showcase&utm_campaign=Read-Me" rel="nofollow ugc">PRO DEMO</a></p>
<p>Your customer might like the professional and fancy vibe of your site with team sliders</p>
<p><strong>✅ This plugin displays team posts using :</strong></p>
<ul>
<li>team Grid (3 designs)</li>
<li>team Slider (3 designs)</li>
</ul>
<p><strong>Download Now</strong> it today and explore all the features.</p>
<p>When you want to makeover your WordPress website theme with something extraordinary and creative, you must consider the Team grid/ slider.</p>
<p>Your visitors will see a beautiful list of your team, with their pictures, links to social icons. The members will display in a responsive grid with the number of columns you set and with the information you want to display.</p>
<p>A really simple way to manage Team Showcase on your site. This plugin creates a Team Showcase and a Team Showcase rotator/Team Showcase slider custom post type, complete with WordPress admin fields for adding team member details ie Name, content, Team Details, Social Details and Image.</p>
<p><strong>Also added Gutenberg block support.</strong></p>
<h4>✅ Here is the plugin shortcode example</h4>
<p><strong>Team Grid</strong><br />
    [wp-team]</p>
<p><strong>Team Slider</strong><br />
    [wp-team-slider]</p>
<p><strong>To display only team 4 post:</strong></p>
<pre><code>[wp-team limit="4"]
</code></pre>
<p>Where limit define the number of posts to display. You can use same parameter with slider shortcode.</p>
<p><strong>If you want to display team Slider by category then use this short code:</strong></p>
<pre><code>[wp-team-slider category="category_ID"]
</code></pre>
<p>You can use same parameter with slider shortcode.</p>
<h4>✅ Here is Template code</h4>
<pre><code><?php echo do_shortcode('[wp-team]'); ?> 
<?php echo do_shortcode('[wp-team-slider]'); ?> 
</code></pre>
<h4>✅ Use Following Team parameters with shortcode</h4>
<pre><code>[wp-team]
</code></pre>
<ul>
<li><strong>limit:</strong><br />
[wp-team limit=”5″] ( ie Display 5 team member on your website. To display all use limit=”-1″ )</li>
<li><strong>design:</strong><br />
[wp-team design=”design-1″] ( ie Select the design for team showcase. Values are design-1, design-2, design-3 )</li>
<li><strong>Grid:</strong><br />
[wp-team grid=”2″]( ie Display your team showcase by Grid view – Number of column you want to create)</li>
<li><strong>Display by category:</strong><br />
[wp-team category=”category_ID”] ( ie Display by their category ID )</li>
<li><strong>order:</strong><br />
[wp-team order=”DESC”] (Ascending or descending order of the “order” parameter. Defaults to “DESC”. Values are “DESC” and “ASC”)</li>
<li><strong>orderby:</strong><br />
[wp-team orderby=”post_date”] (Sort retrieved posts by parameter. Defaults to ‘date (post_date)’. One or more options can be passed. ‘none’, ‘ID’, ‘author’, ‘title’, ‘name’, ‘rand’, ‘date’) </li>
<li><strong>popup:</strong><br />
[wp-team popup=”true”] ( ie Display member more information on pop. Default value is “true”. Values are “true OR false” )</li>
</ul>
<h4>✅ Use Following Team Slider parameters with shortcode</h4>
<pre><code>[wp-team-slider]
</code></pre>
<ul>
<li><strong>Slide columns for team rotator:</strong><br />
[wp-team-slider slides_column=”2″] (Display number of columns in rotator )</li>
<li><strong>design:</strong><br />
[wp-team-slider design=”design-1″] ( ie Select the design. Values are design-1, design-2 )</li>
<li><strong>Number of team slides at a time:</strong><br />
[wp-team-slider slides_scroll=”2″] (Controls number of rotate at a time)</li>
<li><strong>Pagination and arrows:</strong><br />
[wp-team-slider dots=”false” arrows=”false”]</li>
<li><strong>Autoplay and Autoplay Interval:</strong><br />
[wp-team-slider autoplay=”true” autoplay_interval=”100″]</li>
<li><strong>Team Slide Speed:</strong><br />
[wp-team-slider speed=”3000″]</li>
<li><strong>limit:</strong><br />
[wp-team-slider limit=”5″] ( ie Display 5 team member on your website )</li>
<li><strong>Display  by category</strong><br />
[wp-team-slider category=”category_ID”] ( ie Display  by their category ID )</li>
<li><strong>order:</strong><br />
[wp-team-slider order=”DESC”] (Ascending or descending order of the “order” parameter. Defaults to “DESC”. Values are “DESC” and “ASC”)</li>
<li><strong>orderby:</strong><br />
[wp-team-slider orderby=”post_date”] (Sort retrieved posts by parameter. Defaults to ‘date (post_date)’. One or more options can be passed. ‘none’, ‘ID’, ‘author’, ‘title’, ‘name’, ‘rand’, ‘date’) </li>
<li><strong>popup:</strong><br />
[wp-team-slider popup=”true”] ( ie Display member more information on pop. Default value is “true”. Values are “true OR false” )</li>
<li><strong>Lazyload:</strong><br />
[wp-team-slider lazyload=”ondemand”] (Lazy load images. Defaults to ”. Two options can be passed. ‘ondemand’, ‘progressive’)</li>
</ul>
<p>✅ <strong>Checkout demo for better understanding</strong></p>
<p><a href="https://demo.essentialplugin.com/team-showcase-and-slider-demo/?utm_source=WP&utm_medium=Team-Showcase&utm_campaign=Read-Me" rel="nofollow ugc">FREE DEMO</a> | <a href="https://demo.essentialplugin.com/prodemo/wp-team-showcase-and-slider/?utm_source=WP&utm_medium=Team-Showcase&utm_campaign=Read-Me" rel="nofollow ugc">PRO DEMO</a></p>
<p>✅ <strong>Essential Plugin Bundle Deal</strong></p>
<p><a href="https://www.essentialplugin.com/pricing/?utm_source=WP&utm_medium=Team-Showcase&utm_campaign=Read-Me" rel="nofollow ugc">Annual or Lifetime Bundle Deal</a></p>
<h4>✅ Available fields:</h4>
<ul>
<li>Title/Name (Add as Post title)</li>
<li>Description (Add as Post Content)</li>
<li>Short Bio (Add as Post Excerpt)</li>
<li>Member Department</li>
<li>Member Designation</li>
<li>Skills</li>
<li>Member Experience</li>
<li>Social links (FB, Twitter, LinkedIn and Google+ )</li>
</ul>
<h4>✅ Features include:</h4>
<ul>
<li>Display Team member showcase in grid view.</li>
<li>Display Team member showcase in slider view.</li>
<li>Also work with Gutenberg shortcode block.</li>
<li>Enable popup for more info.</li>
<li>Fully Responsive</li>
<li>3 Different layout</li>
<li>Custom meta filed</li>
<li>Shortcode</li>
<li>Social links (FB, Twitter, LinkedIn and Google+ )</li>
</ul>
<h4>How to install :</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/dpOtWIpAgJg?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Privacy & Policy</h4>
<ul>
<li>We have also opt-in e-mail selection , once you download the plugin , so that we can inform you and nurture you about products and its features.</li>
</ul>


Team Slider and Team Grid Showcase plus Team Carousel

Add and display your employees, team members in Grid view and Slider or Carousel view. Also added Gutenberg block support.

Author Profile Blocks vs Team Slider and Team Grid Showcase plus Team Carousel