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.

Author Profile Blocks vs Atarim – Visual Feedback, Review & AI Collaboration