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%
JetSticky For Elementor
JetSticky is the plugin which allows to make the sections and columns built with Elementor sticky, keeping them always within your sight when the page is scrolled up or down. The plugin is perfect for creating sticky headers and blocks, when you need them to be always seen. Sticky Section Effect To add a sticky section you’ll have to: Navigate to Elementor editor page; Click Edit Section option for one of the sections to which you want to apply Sticky effect; Open Advanced settings and here enable Sticky Section effect in Jet Sticky block. After that you’ll have access to lots of style settings that provide opportunity to change the section’s appearance when one scrolls the page and the section moves as you scroll the content up or down. Key Features for Sticky Section Effect: Sticky Section Visibility – allows to make the section sticky on desktop, tablet or mobile device, depending on your needs. Z-index – provides opportunity to add the depth to the content, making the section show always on top or behind some of the elements shown on the page. Sticky Section Style – includes multiple stylization settings for the sticky section, allowing to change the section’s padding values, background type, etc. Transition Duration – allows to change the time of the section’s transition. Sticky Column Effect To use the sticky effect for the column you need to: Navigate to Elementor editor page; Click Edit Column option for one of the columns to which you want to apply Sticky effect. Open Advanced settings and here enable Sticky Column effect. After the effect is active you’ll be able to change top and bottom spacing values, choose to display the effect on desktops, tablets or mobile devices only.
Top keywords
- sticky16×5.50%
- section14×4.81%
- effect10×3.44%
- sticky section7×2.41%
- page5×1.72%
- change4×1.37%
