內容簡介
ClassicAddons Content Blocks 是一款輕量級的高品質區塊庫，專為 WordPress 原生編輯器設計。用戶可以輕鬆建立著陸頁、行銷區塊及銷售頁，無需安裝繁重的頁面建構器或編寫程式碼。
【主要功能】
• 快速輕量：不使用 jQuery，按需載入 CSS
• 完全響應式：桌面、平板及手機的排版控制
• SEO 友好：可選的標題標籤及 FAQ schema
• 可組合性：可直接放入核心 Columns/Grid 佈局
• 原生編輯器：支援 block.json 和 Block Supports API
外掛標籤
開發者團隊
原文外掛簡介
ClassicAddons Content Blocks is a premium-quality, lightweight block library for the native WordPress editor. Build landing pages, marketing sections and sales pages with polished, conversion-focused blocks — without installing a heavy page builder and without touching a line of code.
Every block is server-rendered (dynamic PHP), ships zero frontend JavaScript, and only loads its own CSS on pages that actually use it. The result: clean markup, fast pages and great Core Web Vitals.
Why you’ll love it
⚡ Fast & lightweight — no jQuery, no frontend JS, per-block CSS loaded on demand.
🎨 Genuinely designed — sensible defaults that look great out of the box, plus deep customization when you want it.
📱 Fully responsive — separate desktop / tablet / mobile controls for typography, padding and visibility.
♿ Accessible — semantic HTML, ARIA labels, keyboard-friendly controls and reduced-motion support.
🔍 SEO-friendly — selectable heading tags (H1–H6) and optional FAQ schema (JSON-LD).
🧩 Composable — cards drop straight into core Columns / Grid layouts and stretch to equal height.
🧱 Native editor — built on block.json, the Block Supports API and standard hooks. Works with block themes and Full Site Editing.
The blocks
Classic Hero Section — a fully customizable hero with pill, gradient heading, two CTAs, animated proof bar and a browser-mockup image.
Classic Testimonial — a review card with quote, star rating, avatar and author details. Drop several into a Columns layout for a testimonial wall.
Classic Team Member — a staff/profile card with photo, name, role, short bio and social links (X, Facebook, Instagram, LinkedIn, YouTube, website, email).
Classic Pricing Box — a pricing plan card (name, price, features, badge, featured style) with a flexible CTA — a link or a JS button with custom id, classes and data-attributes (works with Paddle.js and similar).
Classic Comparison Table — feature-by-feature comparison with a highlighted column, good/bad/meh status pills and an optional in-card header and footnote.
Classic Info Box — feature card with an icon (dashicon / image / emoji / custom SVG), title, description, optional link and 5 style variations.
Classic FAQ — an accessible accordion (native details/summary) with optional FAQPage JSON-LD schema for rich results.
Classic Versus Box — head-to-head two-card layout with an optional “VS” badge, custom item icons and ribbon badges.
Classic Eyebrow — a small pill/label for section headers: alignment, optional link, icon (dashicon / image / emoji / SVG), colors, background, border and typography.
Classic Section — a full-width container/row with background (color / gradient / image / overlay) and an adjustable inner content max-width. Drop any blocks inside.
Built for performance and quality
Dynamic PHP rendering via render callbacks (lean, secure, cache-friendly).
Frontend and editor assets are separated, and styles are enqueued the WordPress way (wp_add_inline_style).
Block style variations (Light / Dark / Elevated and more) across most blocks.
Reusable controls — typography, spacing, color, gradient, icon picker and a responsive helper.
Follows the WordPress Coding Standards with full escaping, sanitization and i18n.
Source Code & Build Process
This plugin is fully open source (GPL-2.0-or-later). The complete, human-readable
source for every compiled asset is bundled inside the plugin in the /src
directory. The minified files in /build are generated from /src using the
official @wordpress/scripts toolchain (webpack under the hood) — no other build
tools are required.
To regenerate the compiled assets from source:
npm install — installs the build dependencies declared in package.json.
npm run build — compiles /src into /build.
Use npm start for a watched development build. There is no obfuscation; the
build step only bundles and minifies the JavaScript and SCSS that ships in /src.
