內容簡介
WBD Team Member Block 是一款強大的 Gutenberg 團隊展示外掛，幫助使用者在 WordPress 中輕鬆創建專業的「認識團隊」區塊、員工展示、職員名錄和成員資料卡，無需編碼。
【主要功能】
• 直接在 Gutenberg 編輯器中使用
• 100% 響應式設計，適合各種設備
• 超輕量且快速，無 jQuery 依賴
• 提供無限樣式選項以符合品牌形象
• 支援自訂文章類型及短碼
• 內建 Google 字型選擇器
外掛標籤
開發者團隊
原文外掛簡介
WBD Team Member Block is a powerful Gutenberg team showcase plugin for WordPress that helps you create professional “Meet the Team” sections, employee showcases, staff directories, and member profile cards without coding.
Build responsive team member layouts directly inside the WordPress block editor using lightweight and SEO-friendly code optimized for performance and speed.
Live Demos | Pricing | Support
Perfect for agencies, startups, business websites, company pages, freelancer portfolios, schools, organizations, and corporate websites.
🌟 Key Benefits:
Gutenberg Native: Works directly within the block editor. No bulky or bloated third-party page builders needed.
100% Responsive: Optimized for all devices—looks outstanding on mobile, tablet, and desktop screens.
Ultra-Lightweight & Fast: Zero jQuery dependencies, clean CSS/JS, and built-in lazy loading for elite performance.
Unlimited Styling Options: Customize every detail to match your brand identity with typography, margins, and borders.
Free Features & Layouts
** 6 Pre-Designed Standard Layouts:**
Corporate & Agency: Ultra-clean, professional grids for modern business websites.
Creative Hover & Image Overlay: Sleek CSS transitions that reveal details elegantly.
Minimal Card & Centered Profile: Classic, high-end card styles with smooth alignments.
Left Aligned: Modern horizontal team list layouts.
** Add Unlimited Team Members:** Showcase your entire team or organization with no arbitrary limits.
** Custom Post Type & Shortcode Support:** Manage team showcases globally under CPT menu and embed using [team_showcase id="..."] anywhere (Elementor, Gutenberg, Widgets).
** Google Fonts & Custom Font URL:** Built-in Google Fonts picker + Custom CSS Font URL loader.
** Section Header Settings:** Custom Section Title, Subtitle description, top badge label, and title font sizes.
** Versatile Profile Pictures:** Style photos with Square, Rounded, or Circle layouts, complete with borders.
** Dynamic Social Media Profile Links:** Seamlessly link to Facebook, LinkedIn, Twitter/X, and custom websites.
** Direct Contact Buttons:** Drive quick actions with dedicated Email, Phone, and WhatsApp buttons.
** Responsive Controls:** Separate column & font size controls for Desktop, Tablet, and Mobile devices.
🔥 PRO Features (Unlock Premium Power)
** Interactive Category Filter Tabs:** Allow visitors to filter team members by department (e.g. Developer, Designer, Manager) with instant JS tab switching.
** PRO Layout 1: Pill Arch Expert (capsule-pro):** Unique capsule arch photo shape (border-radius: 120px 120px 24px 24px) with soft pastel background palettes.
** PRO Layout 2: Staff Card Overlay (overlay-pro):** Full image card background with dark gradient overlay, white typography, and floating social share popup button.
** PRO Layout 3: Dark Mode Modern (dark-mode):** High-contrast, sleek dark theme preset designed for modern SaaS & Tech agencies.
** PRO Layout 4: Gradient Modern (gradient):** Vibrant gradient accent borders and gradient text typography.
** Capsule Arch Radius & Overlay Card Height Controls:** Customize arch curvature (40px – 200px) and overlay card heights (220px – 500px).
** Priority Support:** 24/7 Dedicated technical support and automatic update access.
Perfect For
✔ Agency Team Pages
✔ Business Websites
✔ Startup Teams
✔ Corporate Staff Sections
✔ Freelancer Portfolios
✔ School Teacher Profiles
✔ Company Employee Listings
✔ Organization Member Directories
Why Choose WBD Team Member Block?
✔ Native Gutenberg team member block
✔ Fully responsive team showcase layouts
✔ Lightweight and fast-loading
✔ SEO-friendly clean code
✔ No jQuery dependency
✔ Easy customization controls
✔ Modern staff profile card designs
✔ Works with all WordPress themes
Development
Development repository:
https://github.com/wpbranddigital/team-member-showcase-block
Build tools:
– npm
– webpack
Source code is available in the repository.
