Zentro Blocks

描述

Zentro Blocks is a collection of interactive and premium Gutenberg blocks designed to enhance your page design, layouts, and conversions.

Included Blocks:
* Tabs Block: Switchable tab panels with WAI-ARIA keyboard navigation (Arrow keys, Home, End) and layout options.
* Popup Block: Modal dialog with focus trap, Escape key closing, and overlay click closing.
* Animated Counter: Count-up statistics counter that animates when scrolled into view (using Intersection Observer).
* CTA Banner: Highly customizable Call to Action banner with stacked and inline layouts.
* Accordion Block: Collapsible content panels with smooth CSS transitions and full ARIA accessibility support.
* Pricing Card: Premium pricing table cards to showcase services, plans, and highlight standard/popular packages.

Development

Source code: https://github.com/wpbranddigital/Zentro-Blocks

Build process:

  1. npm install
  2. npm run build

区块

该插件提供了 6 个区块.

  • Animated Counter Counts up to a target number when scrolled into view. Supports prefix, suffix, and custom duration.
  • CTA Banner A customisable call-to-action banner with headline, subtext, and button.
  • Tabs Block Display content in switchable tabs with keyboard navigation and ARIA support.
  • Popup Block A modal popup triggered by a button. Includes focus trapping, ESC to close, and ARIA roles.
  • Pricing Card Displays professional pricing table cards with customizable features list, styling, and action buttons.
  • Accordion Block Collapsible content panels with smooth transitions and full ARIA accessibility support.

安装

  1. Upload the plugin folder to the /wp-content/plugins/ directory, or upload the ZIP file via WordPress Plugins -> Add New -> Upload.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. If building from source, run npm install and npm run build in the plugin directory.

常见问题

How do I add a block?

In the WordPress block editor, click the “+” inserter icon, search for “Zentro”, and click on the block you’d like to insert.

评价

此插件暂无评价。

贡献者及开发者

「Zentro Blocks」是开源软件。 以下人员对此插件做出了贡献。

贡献者

帮助将「Zentro Blocks」翻译成简体中文。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.0.0

  • Initial release with 6 interactive blocks.