ClassicAddons Content Blocks

ማብራሪያ

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:

1. npm install — installs the build dependencies declared in package.json.
2. 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.