Mello Block Extensions WP Registry grade D. High-severity findings · 5 findingsWP RegistryHigh-severity findings · 5 findingsOpen the reportD
Install
Upload it under Plugins → Add New Plugin → Upload Plugin, then activate.
Install straight from GitHub with WP-CLI:
wp plugin install https://github.com/mellographics/mello-block-extensions/releases/download/v2.3.0/mello-block-extensions.zipMello Block Extensions
A modular plugin for extending WordPress core blocks with enhanced functionality, built for Mello Graphics projects.
Visit Mello Graphics
Overview
Mello Block Extensions allows toggled enhancements for WordPress core blocks through a modular, well-structured plugin architecture. Each enhancement (or "extension") targets a specific core block and can be enabled or disabled from the WordPress admin interface.
Plugin Structure
mello-block-extensions/
├── build/ # Compiled assets for active extensions
├── src/blocks/ # Source files for each MelloBlock
├── src/extensions/ # Source files for each block extension
├── inc/ # Admin panel, enqueue logic, helpers
├── languages/ # .pot file for translations
├── bin/ # Holds custom build processes
├── mello-block-extensions.php # Plugin bootstrap
Each extension includes:
edit.js– Editor enhancementsfrontend.js– Front-end JS (optional)styles.scss– Front-end styleseditor.scss– Editor stylesblock-functions.php– Optional PHP for rendering filters/templates
Extensions
| Extension | Description |
|---|---|
add-data-attributes |
Adds an input to render custom data attributes on the front end |
add-smooth-scroll |
Adds smooth scroll controls to core and mellobase blocks |
animation-controls |
Adds scroll-triggered animation controls to core and mellobase blocks |
button-icon-toggle |
Adds icon upload and position controls to the core Button block |
button-modal-toggle |
Adds modal popup support to the core Button block |
buttons-allow-additional-blocks |
Allows additional blocks to be nested inside the core Buttons block |
columns-reverse-toggle |
Adds a responsive reverse-order toggle to the core Columns block |
content-in-modal-toggle |
Adds a toggle to wrap block content inside a modal on the front end |
cover-ext-video |
Allows external video URLs (YouTube/Vimeo) in the core Cover block |
details-faq-schema |
Adds a toggle that outputs FAQ schema markup on the core Details block |
details-heading-level |
Adds a custom heading level control inside the core Details block |
details-name-attribute |
Adds a name attribute input to the core Details block |
group-link-wrapper |
Adds a URL link wrapper to the core Group block via the toolbar |
group-tag-name |
Adds additional HTML tag options to the core Group block |
load-motion-library |
Loads the Motion.js animation library globally on the front end |
navigation-allowed-blocks |
Allows additional blocks within the core Navigation block to create complex menus |
navigation-link-render-image |
Renders an image inside the core Navigation Link block |
query-exclude-current-post |
Re-renders the Query Loop block excluding the current post from results |
query-match-taxonomies |
Adds taxonomy-matching controls to filter the Query Loop by related terms |
query-render-featured-video |
Enables featured video (ACF) inside the Query Loop block. Requires an ACF featured_video field. |
render-svg |
Adds a toggle to render inline SVG output on image-based blocks |
MelloBlocks
| Block | Description |
|---|---|
| Swiper | Full-featured Swiper.js slider block supporting query elements, responsive slides, autoplay, pagination, navigation, creative effects, and more |
| Counter | Displays stats and figures animated in on scroll |
| Featured Video | Renders a featured video field (ACF) for the current post |
Deprecated Extensions
The following extensions are no longer in active use and have been excluded from the build:
| Extension | Notes |
|---|---|
post-type block |
Superseded by WordPress core |
read-time block |
Superseded by WordPress core |
add-data-aria-label |
Superseded by add-data-attributes |
mega-menu |
No longer maintained |
mega-menu-section |
No longer maintained |
Developer Admin Settings
The plugin adds a settings page under Settings → Block Extensions where you can:
- Toggle individual extensions on/off
- Dynamically load assets (JS/CSS/PHP) only for enabled extensions
- Theme-specific configurations (coming soon)
Installation
- Visit the GitHub Releases page.
- Download the latest
.ziprelease of the plugin. - In your WordPress admin, go to Plugins → Add New → Upload Plugin.
- Upload the zip and activate the plugin.
Development
Requirements
- Node.js & npm
- WordPress with a block-based theme
Install & Build
npm install
npm run build
Dev Scripts
npm run build– Build all enabled extensionsnpm run start– Watch mode for devnpm run export– Create deployable plugin .zip
Screenshot
Roadmap
- [ ] Scroll based animations
- [ ] Auto-detection of available extensions
- [ ] Extension grouping in admin UI
- [ ] JSON config import/export
License
GPL-2.0+ © Mello Graphics
Maintainer
Ashley Pickering – https://mellographics.com
Releases
Newest 25 of 40 recorded releases. Each count is every asset in that release; expand a row for the breakdown.
Active-site estimate ≈10 comes from the median of recent superseded releases. Method.