Description

Tagline: Advanced blocks. Reusable styling.

Motto Blocks gives you advanced blocks and a reusable, responsive styling system for modern WordPress sites, making it easier to build consistent layouts, manage shared styles, and keep design decisions scalable.

Development

The human-readable source used to build this plugin’s compiled/minified assets (build/motto-blocks.js and the CSS under assets/css/) is publicly available at github.com/mottoblocks/motto-blocks.

Third-Party Libraries

Motto Blocks bundles Swiper (MIT license) for the Motto Slider block, distributed as a minified build; the unminified source is available from the Swiper GitHub repository. It also bundles the Lucide icon set (ISC license) as local SVG files for the Motto Maps block’s pin icon picker, from the lucide-static package. See THIRD_PARTY_LICENSES.txt in the plugin package for full license texts.

External services

This plugin connects to the Google Maps Platform to display maps in the Motto Maps block.

It only loads when a page contains a Motto Maps block, and only after you configure a Google Maps API key in Settings Motto Blocks API. The plugin sends the site administrator’s own API key to Google to load the Maps JavaScript API in the visitor’s browser; no visitor-provided personal data is sent by the plugin itself, though loading any third-party script exposes the visitor’s IP address and browser details to that service, as is standard for any embedded map.

This service is provided by Google: Google Maps Platform Terms of Service, Google Privacy Policy.

Screenshots

The Motto Container block with the Styler panel open, editing a card component's styles live. — Motto blocks in the block inserter.

Blocks

This plugin provides 11 blocks.

Motto SVG Render a Lucide icon, uploaded SVG, or inline SVG markup.
Motto Tabs Tabbed content block with InnerBlocks-based tab panels.
Motto Image Image block with shared media source control and Styler support.
Motto Counter Animated counter block with inline prefix, suffix, and label.
Motto List List block with configurable default, image, icon, SVG, counter, or no bullets.
Motto Maps Google Maps block with customizable pins.
Motto Classic Menu Classic menu block rendered from WordPress menus.
Motto Container Flexible container block for grouping content.
Motto Accordion Accordion block with item-based toggle panels.
Motto Slider Slider block with configurable Swiper options.
Motto Buttons Buttons container block that only accepts Motto Button items.

Installation

Upload the plugin files to the /wp-content/plugins/motto-blocks directory, or install the plugin through the WordPress plugins screen directly.
Activate the plugin through the “Plugins” screen in WordPress.
Use the block inserter to add blocks, or open block settings where the Styler integrates with supported blocks.

FAQ

What WordPress version do I need?: Motto Blocks requires WordPress 6.5 or higher and PHP 7.4 or higher.
Where can I get help or documentation?: Visit mottoblocks.com for product information and support channels.
Is there a Pro version?: Motto Blocks Pro is currently in development and is not publicly available yet. The free plugin is fully usable on its own. Follow mottoblocks.com for updates.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Motto Blocks” is open source software. The following people have contributed to this plugin.

sebastianpothe

Translate “Motto Blocks” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

0.1.5

Image: Motto Image now renders inside a <figure> and supports an optional caption.
Slider: shared slider pipeline (navigation, selected-slide handling and server-rendered Swiper settings) and fixes for effect shadows, slide state classes and single-slide effects. Hosts can declare a custom slide class with data-slide-class.
Styler: the width control no longer forces !important in the editor, Block Spacing controls refresh correctly when switching breakpoints, and the Styles panel code was reorganized.
CSS variables: block variables now use the --motto-{block}-{property} naming (List, Button, Classic Menu, Tabs). The previous names, such as --bullet-size or --menu-gap, keep working in saved content and Custom CSS.
Directory listing: Slide, Tab Container and Tab Panels no longer appear in the Plugin Directory block list.

0.1.4

Developer API: new motto_blocks_enqueue_scripts_for_content() and motto_blocks_enqueue_scripts_for_template_part() let themes and plugins load a block’s frontend scripts when they render blocks outside the post content (the JavaScript counterpart of the Styler CSS helpers). Fixes Classic Menu submenus not opening on mobile in such setups.

0.1.3

Directory listing: show each block’s own icon on the WordPress.org plugin page and list only top-level blocks and their direct building blocks, not every internal child block.

0.1.2

Directory listing: declare the editor script handle in each block’s block.json so the WordPress.org Plugin Directory can index all blocks.

0.1.1

Styler: responsive styling workflow in the block editor for supported surfaces (classes, design tokens, and related controls).
Layout: Motto Container.
Actions: Motto Button, Motto Buttons.
Media: Motto Image, Motto SVG.
Lists: Motto List and Motto List Item.
Carousel: Motto Slider and Motto Slide.
Tabs: Motto Tabs, Tab Container, Tab Panels, Tab Panel, and Tab Button.
Accordion: Motto Accordion and Motto Accordion Item.
Navigation: Motto Classic Menu.
Maps: Motto Maps.
Utility: Motto Counter.
First release packaged for the WordPress.org plugin directory.