Description
MultiLayer Image and Text Block is the easiest way to create professional, eye-catching hero sections and banners in WordPress. Stack multiple images and text layers, position them freely, and create beautiful compositions without touching a single line of code.
Perfect for:
– Hero sections with layered text over images
– Promotional banners with overlapping elements
– Creative photo compositions
– Call-to-action blocks with background imagery
– Portfolio showcases
Key Features:
– 3 Built-in Templates: Start with Hero Section, Compact Banner, or Blank Canvas
– Unlimited Layers: Add as many image and text layers as you need
– Visual Positioning: Drag and position layers freely with pixel-perfect controls
– Responsive: Looks great on desktop, tablet, and mobile
– Typography Control: Full font, size, color, and spacing control for text layers
– Z-Index Management: Control which layers appear on top
– Opacity & Effects: Adjust transparency for creative overlays
– Fixed or Full Width: Choose your container width mode
– Quick Presets: Load demo layouts in one click to get started instantly
Credits
Developed by Nick Digital Projects.
Screenshots
Installation
- Upload the plugin files to
/wp-content/plugins/multilayer-image-and-text-block/, or install directly from the WordPress plugins screen. - Activate the plugin through the ‘Plugins’ screen in WordPress.
- In the block editor, search for “MultiLayer” or find it under the ‘Design’ category.
- Choose your starter template: Hero Section, Compact Banner, or start from scratch.
FAQ
-
Can I use multiple blocks on the same page?
-
Yes! You can add as many MultiLayer blocks as you want, each with its own independent layers and settings.
-
Is it compatible with my theme?
-
The block works with all modern block-based themes (Block Themes) and most classic themes that support the block editor.
-
Can I use custom fonts?
-
Yes, the block inherits fonts from your theme and supports all Google Fonts if your theme includes them.
-
Is it responsive?
-
Absolutely. All layers and positioning work responsively. You can also set different container heights for different screen sizes.
-
How do I get started quickly?
-
Just insert the block! It automatically loads a stunning demo layout with layered images and text that you can customize immediately. You can also choose from Hero Section, Compact Banner, or Blank Canvas templates.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“MultiLayer Image and Text Block” is open source software. The following people have contributed to this plugin.
Contributors
Translate “MultiLayer Image and Text Block” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.1.1
- NEW: Auto-loading demo layout with included images (mountain, monster, hot air balloon, fire) for instant visual impact
- IMPROVEMENT: Moved block to Design category for easier discovery
- IMPROVEMENT: Added custom multilayer icon for better visual recognition
- IMPROVEMENT: Added 3 block variations (Hero, Compact, Blank) for instant starter templates
- FIX: Standardized text domain for proper internationalization
- FIX: Updated WordPress dependencies (wp-block-editor instead of deprecated wp-editor)
- FIX: Corrected render callback to ensure dynamic styles always apply
1.1.0
- NEW: Added two Sample Presets (demo blocks) to quickly evaluate the plugin’s features and capabilities.
- NEW: Quick-Add buttons (Image/Text) added to the sidebar for fast layer creation.
- NEW: Quick Tips section included in the sidebar with brief instructions for quick utilization.
- NEW: Added simple ‘How To’ instructions for basic layer customization.
- NEW: Introduced up/down arrow buttons for quick layer reordering (instead of manual number input).
- NEW: Layer names can now be easily renamed for better recognition in the editor.
- NEW: Added text padding controls for text blocks to manage spacing between text and its container.
- NEW: Enhanced text customization options with additional parameters.
- IMPROVEMENT: Significantly improved the graphical interface (UI) of the sidebar for better usability.
- IMPROVEMENT: Layer Preview/Highlighting: Added image/text previews and tooltips in the editor to easily identify the active layer in editing mode.
- IMPROVEMENT: Added an ‘Eye’ icon toggle in the block’s standard menu bar to switch between Editing View and Final Result Preview.
- FIX: Corrected the issue where ‘Fixed Width’ visualization mode failed to correctly manage the block’s horizontal dimensions in both editor and front-end.
- FIX: Fixed the block alignment issue which was functioning incorrectly.
- FIX: Resolved the background color management bug where the general background color was lost when ‘Fixed Width’ was selected.
- FIX: Corrected the management of negative positioning values for layers.
- FIX: Fixed the issue where the layer X position value in pixel units was incorrectly capped at 100 (percentage value).
1.0.0
- First public release.
- Add unlimited image and text layers.
- Dynamic height and width controls.
- Full localization support.