ClassicAddons Content Blocks
| 开发者 | classicaddons |
|---|---|
| 更新时间 | 2026年6月27日 00:17 |
| PHP版本: | 8.0 及以上 |
| WordPress版本: | 7.0 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
ClassicAddons Content Blocks for Gutenberg Editor brings premium quality elements to your WordPress site. Built with modern Gutenberg APIs, full PHP 8+ compatibility, and extensible architecture for upcoming block packs.
Currently includes:
- Classic Section — a full-width container/row with background (color / gradient / image / overlay) and an adjustable inner content max-width. Drop columns, info boxes or any blocks inside.
- Classic Hero Section — a fully customizable hero with pill, gradient heading, two CTAs, animated proof bar and a browser-mockup image.
- Classic Eyebrow — a small pill/label for section headers: alignment, optional link, icon, colors, background, border and typography.
- Classic Versus Box — head-to-head two-card layout with optional "VS" badge, custom item icons and ribbon badges. Composable: drop it inside a Classic Section with your own heading.
- Classic Comparison Table — feature-by-feature comparison with highlighted column, good/bad/meh status pills, optional in-card header and footnote. Composable.
- Classic Info Box — feature card with icon (dashicon / image / emoji / custom SVG), customizable title, description, optional link, and 5 style variations.
- Classic FAQ — accessible accordion (native details/summary) with optional FAQPage JSON-LD schema for SEO. Renders the list only — compose the heading with the Eyebrow / Heading / Paragraph blocks.
- Classic Pricing Box — a single 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). Stretches to equal height; drop several into a Columns/Grid layout.
- Dynamic PHP rendering via render callback (lean, cached, secure).
- Full responsive controls (desktop / tablet / mobile) for typography, padding and visibility.
- SEO-friendly heading tag selectors (H1 through H6, div) and optional FAQ schema (JSON-LD).
- Block style variations for the Hero, Section, Versus, Comparison, Info Box and FAQ blocks.
- Reusable controls — typography, spacing, color, gradient, icon picker, responsive helper.
- WordPress Coding Standards, full escaping/sanitization, i18n-ready.
- Accessibility: semantic HTML, ARIA labels, reduced-motion support, keyboard-friendly controls.
- Editor-only assets separated from frontend assets — only loads on pages that use the block.
- Built with
@wordpress/scripts, ES Next, functional React components.
安装:
- Upload the
classicaddons-content-blocksdirectory to your/wp-content/plugins/directory. - Run
npm install && npm run buildinside the plugin directory (only required if installing from source). - Activate the plugin through the 'Plugins' menu in WordPress.
- Open any page/post in the block editor and search for "Classic Hero Section".
屏幕截图:
常见问题:
Is this compatible with Full Site Editing (FSE) and block themes?
Yes. The block uses block.json, the Block Supports API and standard WordPress hooks.
Can I change the heading tag for SEO?
Yes — the heading tag is selectable in the Content tab (H1 through H6 or div).
Does it ship a frontend JS bundle?
No. The block renders fully on the server; no jQuery and no frontend JavaScript are loaded.
更新日志:
1.1
- Initial release with seven blocks: Classic Section, Classic Hero Section, Classic Eyebrow, Classic Versus Box, Classic Comparison Table, Classic Info Box and Classic FAQ.
- Reusable component library (typography, spacing, responsive, color, gradient, icon picker).
- Block style variations across the Hero, Section, Versus, Comparison, Info Box and FAQ blocks.
- Optional FAQPage (JSON-LD) structured data on the FAQ block.
- PHP 8+ namespaced architecture, autoloader, extensible block registry.