Animated Blocks on Scroll
Add scroll based animations to WordPress Gutenberg blocks. Features Choose from 76 cross-browser CSS3 animations or add your own Preview animations in the editor Adjust the animation duration, delay, scroll threshold, and offset Apply animation controls directly to regular Gutenberg blocks Show or hide animation controls for regular blocks from Settings > Animated Blocks Replay the selected dropdown animation from the editor inspector Settings Duration: The speed of the animation in milliseconds. Delay: How many milliseconds to wait before animating the element. Threshold: Add animation when x% of the element enters the screen. Start with opacity 0: Set the element to opacity 0 when the page loads. The option works for elements transitioning to 100% opacity through CSS. Offset Top (available in the block’s advanced settings): Number of pixels to offset the animated block from the top of the page. Useful when a page has a fixed top navigation bar. Show animation controls on all blocks: Enable or disable animation controls for regular Gutenberg blocks. When disabled, blocks that already have saved animation settings keep showing the controls until those settings are cleared. Class name “ab-animation-end” is added to the animated block after the CSS animation has ended. This class name can be used to add custom styles. Requirements PHP 5.6+ is recommended, WordPress 5.0+, and Gutenberg must be active. Documentation Select a Gutenberg block and open the block settings sidebar to find the Animations panel. Choose an animation from the dropdown, optionally add a custom animation class, and adjust duration, delay, threshold, opacity, and offset settings. The selected animation classes are added when the block enters the viewport. Animation controls can be disabled globally from Settings > Animated Blocks by turning off “Show animation controls on all blocks”. When that option is disabled, blocks that already have saved animation settings will keep showing the animation panel until those settings are cleared. You can also use the Animated Block container from the Design block group. Animated Block is a parent block that lets you nest as many blocks as you want and apply the same animation settings to the whole container. If you need a custom effect, enter your own CSS class name in the Custom animation field and load the matching CSS in your theme or plugin.
Maintenance & Coming Soon Redirect Animation
This super lightweight plugin is intended primarily for developers, designers and site administrators that need to allow clients to preview the site before being available to the public or to temporarily hide it while undergoing major updates. Any logged-in user with WordPress administrator privileges will be allowed to view the site regardless of the settings in the plugin. The exact privilege can be set using a filter hook – see FAQs. The behaviour of this can be enabled or disabled at any time without losing any of the settings configured in its settings pane. However, deactivating the plugin is recommended versus having it activated while disabled. When redirect is enabled, it can send a different header types. A list of IPv4 and IPv6 addresses can be set up to completely bypass maintenance mode. IPv4 Class C wildcards are also supported. This option is useful when needing to allow a client’s entire office to access the site while in maintenance mode without needing to maintain individual access keys. Access keys work by creating a temporary cookie on the user’s computer that will be checked against when maintenance mode is active. When a new key is created, a link to create the access key cookie will be emailed to the email address provided. Access can then be revoked either by disabling or deleting the key. Whitelisted User Roles – user roles who see the site, instead of under maintenance page Whitelisted Users – users who see the site, instead of maintenance page Password Access – allow visitors to preview the site with a shared password. Password access lasts for 24 hours in each browser. Custom Maintenance Pages – select a published page from its post list actions to use it as the maintenance page, with an option to exclude individual public posts from maintenance mode. Custom Login URL – optionally restrict direct access to wp-login.php and use a custom login URL instead. Animations : Animation on the web is not only fun, but engaging in such a way that it has converted site visitors into customers even before will be available to the general public and it will make them eagerly await its launch. You can either choose your animation from the library or upload your own; this animation will be shown in front of your site when it is undergoing maintenance. The included Lottie Animation (WP Loti) Gutenberg block lets you insert an animation from the plugin library into posts and pages, with autoplay, loop, width, and height controls. Notes : ✔ This plugin will override any other maintenance plugin you use. ✔ All settings are auto-updated , you don’t need to save anything . WP-CLI Commands : Note : before you begin run these commands make sure you have wp-cli installed on your server and your are in your WordPress site Root folder ✔ To install the plugin via wp-cli : sudo wp plugin install maintenance-coming-soon-redirect-animation --allow-root ✔ To activate it : sudo wp plugin activate maintenance-coming-soon-redirect-animation --allow-root ✔ To deactivate it : sudo wp plugin deactivate maintenance-coming-soon-redirect-animation --allow-root ✔ To uninstall it : sudo wp plugin uninstall maintenance-coming-soon-redirect-animation --allow-root Note : before you can uninstall the plugin you have to deactivate it first ✔ To Update the plugin : sudo wp plugin update maintenance-coming-soon-redirect-animation --allow-root
