內容簡介
Zentro Blocks 是一款專為 WordPress Block Editor (Gutenberg) 設計的高級外掛，提供多樣化的互動區塊，讓使用者在建立登陸頁、企業網站、作品集或 WooCommerce 商店時，擁有完全的設計自由，並優化前端速度與 SEO。
【主要功能】
• 零冗餘性能，僅在使用時載入資源
• SEO 優化的語意 HTML5 標記
• 100% 響應式設計，適合各種裝置
• 符合 WCAG 的可及性標準
• 高度自訂化，支援 Google Fonts 整合
外掛標籤
開發者團隊
② 後台搜尋「Zentro Blocks – Interactive Gutenberg Toolkit」→ 直接安裝（推薦）
原文外掛簡介
Unlock the full potential of the WordPress Block Editor (Gutenberg) with Zentro Blocks. Whether you’re building a landing page, corporate website, portfolio, or WooCommerce store, our comprehensive suite of advanced, interactive blocks gives you complete design freedom.
Every block in the Zentro Blocks collection is built with clean code, lightning-fast performance, and strict accessibility standards in mind. We prioritize frontend speed and SEO so your pages rank higher and load faster.
🚀 Why Choose Zentro Blocks?
Performance First: Zero bloat. Assets are loaded only when a block is used on the page.
SEO Optimized: Semantic HTML5 markup designed to help your site rank on Google.
100% Responsive: Every block is fully responsive and looks perfect on mobile, tablet, and desktop devices.
Accessible (WCAG): WAI-ARIA compliant blocks ensuring keyboard navigation and screen reader support.
Highly Customizable: Endless design options, custom color palettes, Google Fonts integration, and interactive hover effects.
🧩 Included Blocks:
Responsive Image Gallery: Build stunning, masonry or grid photo galleries with custom aspect ratios, responsive column controls, and beautiful gap spacing.
Team Member Grid: Introduce your company’s staff with professional, multi-card team member grids supporting rich text bios, dynamic social media icon generation, and custom profile photo shapes.
Premium Feature Card: Showcase your product features or services using customizable grid cards featuring dynamic hover effects (float, scale, glow), custom icon/image support, and promotional badges (e.g., “PRO”, “NEW”).
Interactive Tabs: Clean, switchable tabbed content panels featuring smooth transitions and full keyboard accessibility.
Popup / Modal: High-converting modal dialogs with focus trapping, backdrop blur, overlay click dismiss, and trigger-button customizations.
Animated Counter: Dynamic, count-up statistic numbers that trigger immediately when scrolled into the viewport using Intersection Observers.
CTA Banner: Highly customizable Call-to-Action sections with stacked or inline layouts to drive more sales and clicks.
Accordion (FAQ): Space-saving, collapsible content panels perfect for Frequently Asked Questions. Fully ARIA compliant.
Pricing Table: Professional pricing tier cards to showcase your service plans, highlight popular packages, and drive subscriptions.
Container / Section: The ultimate flexible layout wrapper. Create complex flex or CSS grid layouts with custom backgrounds, padding, and shape dividers.
Progress Tracker: Beautiful circular or horizontal animated progress bars to showcase skills or milestones.
Image Hotspot: Add interactive tooltips and glowing pins directly over your images to highlight specific product features.
Advanced Maps: Premium interactive maps supporting OpenStreetMap and Google Maps with viewport lazy-loading for better page speed.
Timeline & Roadmap: Visualize company history or product roadmaps with gorgeous vertical or horizontal milestone tracks.
Before/After Image Comparison: An interactive, draggable slider letting users compare two images side-by-side (perfect for photo editing, construction, or fitness sites).
Testimonials Carousel: Premium review sliders displaying client feedback, star ratings, and custom avatar designs.
Advanced Button: High-performance interactive buttons with extensive styling options, hover animations, and icon support.
Perfect for Any WordPress Website
Zentro Blocks can be used to create many types of WordPress websites, including:
Business websites
Agency websites
Startup websites
SaaS websites
Portfolio websites
Personal websites
Blog websites
Landing pages
Product websites
Creative websites
Documentation and support websites
Combine multiple blocks to create complete page sections and unique layouts using the native WordPress Block Editor.
Responsive Gutenberg Blocks
Every Zentro block is designed with responsive website building in mind.
Create layouts that adapt to:
* Desktop
* Tablet
* Mobile
Use responsive controls where available to adjust spacing, typography, columns, and layout settings for different screen sizes.
Performance Focused
Zentro Blocks is designed with website performance in mind.
The plugin uses a modular asset-loading approach to help avoid loading unnecessary block-specific CSS and JavaScript assets when they are not required.
This helps keep your WordPress website lightweight while giving you access to a powerful collection of Gutenberg blocks.
SEO-Friendly Website Building
Zentro Blocks helps you create structured and visually engaging content using the native WordPress Block Editor.
The plugin focuses on:
Clean and semantic markup where appropriate.
Responsive layouts for better mobile experiences.
Performance-conscious asset loading.
Accessible interactive components.
Compatibility with WordPress SEO best practices.
Zentro Blocks does not replace a dedicated SEO plugin. Your overall search engine rankings depend on your content quality, website performance, technical SEO, backlinks, hosting, and other factors.
Easy to Use with the WordPress Block Editor
No complicated page builder interface is required.
Simply open the WordPress Block Editor, click the + button, search for Zentro, and select the block you want to use.
Customize your block using the WordPress Inspector Panel and build your page section by section.
Development
Source code: https://github.com/wpbranddigital/Zentro-Blocks
Build process:
1. npm install
2. npm run build
