Aploblocks – Styling and Patterns for the block editor
Aploblocks adds extra design features to the core wordpress blocks. It is designed for block themes and helps you achieve incredible designs with very little effort. If you know how to use the block editor then you will know how to use AploBlocks. Don’t know CSS very well or want to speed up your development? This plugin is ideal for you! The growing library of patterns can be added straight in to your design to help you quickly start building beautiful sites. Some of the features below give you an indication of just what you can achieve with absolutely no coding experience. **Pattern inserter – Add ready made patterns straight in to your design. Entrance Animations: 18 (and growing) options for on-scroll animations with custom speed and delay settings Sticky Header: Make your header template part sticky with the option to hide on scroll. Block Styles: New styles to display cover block content on hover. Filters: Change images to how you want them to look, options for blur, brightness, contrast, opacity, hue & saturation. Configure a filter to be added or removed on hover. Shadow Filter: Customise the offset, blur, opacity & colour of a blocks shadow. Options to add or remove on hover. Transforms: Rotate, scale & move blocks. Transforms can also be added or remove on hover. Masks: Choose from a range of polygon or image masks to shape the block how you want it and then customise to suit your needs. Filters for a group block can be added as a backdrop filter if you want to apply the filter to the background. With a gallery block you can quickly apply filters to all images in the block or even make the filter apply to images that are not hovered over. Aploblocks is designed to simply plug in to any standard block theme and enhance the core blocks. If you want to modify an existing block theme with the features above then you can get started in minutes! Find more information here! Basic Usage: After installation the Aploblocks plugin sidebar will be available in the top right of the editor. From here you can choose to insert patterns. When a block is selected in the editor extra Panels in the block settings will be available to configure the animations, filters, masks etc for the block. The General settings panel in the block editor gives a number of configuration options including mobile options for blocks.
Top keywords
- block14×3.47%
- blocks5×1.24%
- filter5×1.24%
- options5×1.24%
- want5×1.24%
- added4×0.99%
- aploblocks4×0.99%
- editor4×0.99%
- filters4×0.99%
- hover4×0.99%
- animations3×0.74%
- apply3×0.74%
Lightbox for Gallery & Image Block
This WordPress Plugin adds a simple & lightweight Lightbox to the standard WordPress Gallery & Image Block. It detects if a post contains a Gallery or Image Block and then loads & initialize baguetteBox.js, a pure JavaScript Lightbox script without any dependencies and a modern minimal look. There is no lock in effect. It does not add a new Block Editor/Gutenberg Block and relies solo on the standard WordPress Gallery and Image Block. You can deactivate this plugin at any time and your Gallery and Image Blocks will work as they’ve done before. Just without the lightbox. Just one important thing to remember: You always have to select Link → Link to image file or Link images to media file (see screenshots below) for all of your Image & Gallery Blocks to work properly. If you choose None or Link to attachment page it will not work. But that’s fine if you don’t want the Lightbox for a specific Image or Gallery. Take a look at the YouTube video from Jakson where he reviews this plugin: Features Here are the features of baguetteBox.js: Written in pure JavaScript No dependencies (e.g. jQuery) Image captions support Responsive Supports swipe gestures Around 13 KB, 7 KB gzipped Works with Gallery Block (Default Block) Image Block (Default Block) Media and Text Block (Default Block) Gallery (Default Classic Editor Gallery) CoBlocks Gallery Collage / Masonry / Offset / Stacked Meow Gallery (+ Gallery Block) Don’t forget to select Link to → Media File for all of your Galleries & Images to work properly. Notice: At the moment, just Blocks inside a post are supported. Not Blocks in a Widget. You can make it work but have to enqueue the necessary style & script yourself. See FAQ –> How to enqueue the necessary assets (script & style) for blocks outside of posts or for block types that are not supported by default?
Top keywords
- block13×4.19%
- gallery12×3.87%
- image9×2.90%
- blocks5×1.61%
- default5×1.61%
- link
