Enable Hover Color

Add hover color effects to your Gutenberg blocks easily with customizable transitions.

Description

Enable Hover Color is a WordPress plugin that allows you to add hover effects to any Gutenberg block that supports color settings. Customize background colors, text colors, and transition timing for engaging hover interactions.

Features

• Easy-to-use hover color controls in the block editor
• Smooth color transitions
• Compatible with all Gutenberg blocks that supports color settings (paragraph, heading, button, etc.)
• Customizable transition timing (ease, ease-in-out, linear, etc.)
• No coding required

Requirements

• WordPress 6.3 or higher
• Gutenberg editor

Installation

1. Upload the plugin files to the /wp-content/plugins/enable-hover-color directory, or install the plugin through the WordPress plugins screen
2. Activate the plugin through the 'Plugins' screen in WordPress
3. Use the Block Editor to add hover effects to any block that supports color settings

Usage

1. Select any block that supports color settings
2. Go to "Styles" tab, look for "Color" controls in settings sidebar
3. Click on the three dots icon and select the hover color (Text, Background, Border) you want to apply
4. Adjust the transition duration and timing as needed
5. Preview your changes in the editor

Frequently Asked Questions

Which blocks can I add hover effects to?

You can add hover effects to any Gutenberg block that supports color settings.

Can I customize the transition timing?

Yes, you can adjust the transition duration through the block settings panel.

Screenshots

1. Block hover settings panel
2. Hover effect in action
3. Customization options

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the GPL-2.0-or-later - see the LICENSE file for details.

Changelog

1.0.0

• Initial release

Author

• Yahya Qara