Advanced Image for Gutenberg Block Editor

Adding the Advanced Image block is simple and straightforward:

1. Open your WordPress editor for any post or page
2. Click the "+" icon to add a new block
3. Search for "Advanced Image" in the block inserter
4. Click on the Advanced Image block to add it to your page
5. Upload a new image or select one from your Media Library
6. Use the block settings in the right sidebar to customize your image

Advanced Image provides comprehensive styling options that traditional WordPress image blocks don't offer: Border Controls:

• Border style (solid, dashed, dotted)
• Border width (individual control for each side)
• Border color with opacity settings
• Border radius for rounded corners or circular images Shadow Effects:
• Box shadow with X/Y offset controls
• Shadow blur and spread radius
• Shadow color with opacity control
• Multiple shadow layers Overlay Options:
• Color overlay with opacity control
• Gradient overlays (linear or radial)
• Blend mode selection (multiply, screen, overlay, etc.)
• Conditional overlays (on hover, on mobile, etc.) Each setting includes responsive controls for different devices, ensuring your images look perfect everywhere.

Yes! Advanced Image is fully responsive and includes specific tools to optimize for all devices:

1. Device-specific settings: Configure different dimensions, paddings, and styles for desktop, tablet, and mobile
2. Visibility controls: Show or hide elements based on screen size
3. Adaptive sizing: Set different image sizes for various devices
4. Touch-optimized: All hover effects adapt automatically for touch devices
5. Performance optimized: Serves appropriately sized images based on device

Advanced Image includes several performance optimization features:

1. Lazy loading: Images load only when they enter the viewport, reducing initial page load time
2. Adaptive serving: Delivers appropriately sized images for each device
3. WebP support: Uses modern image formats when supported by the browser
4. Resource optimization: Loads CSS and JavaScript only when needed
5. Cache-friendly: Compatible with WordPress caching plugins
6. Reduced HTTP requests: Consolidates resources to minimize server requests

To add links to your Advanced Image:

1. Select your Advanced Image block in the editor
2. In the right sidebar, locate the "Link Settings" panel and expand it
3. Enter your destination URL in the link field
4. Toggle "Open in new tab" if you want the link to open in a new browser window
5. Set "Rel" attributes like "nofollow" or "sponsored" for external links (important for SEO)
6. Optionally set custom colors for linked images

Advanced Image offers a rich library of hover effects:

1. Zoom effects: Zoom in/out with custom scale factor
2. Fade effects: Modify opacity on hover
3. Overlay reveals: Show custom text or buttons on hover
4. Rotation: Rotate images when hovered
5. Translation: Move images in any direction
6. Filter changes: Apply or remove filters on hover (grayscale, sepia, blur, etc.)
7. Color shifts: Change border colors, shadows, or image tints
8. Mixed effects: Combine multiple effects for unique interactions

Yes! Advanced Image is specifically built for the WordPress Block Editor (Gutenberg) and is fully tested with WordPress 6.7. Our development team maintains regular updates to ensure compatibility with each new WordPress release. The plugin follows all WordPress coding standards and best practices for blocks, ensuring long-term compatibility and performance.

Absolutely! Advanced Image fully supports multilingual websites:

1. Translation-ready: All text elements can be translated
2. RTL support: Works perfectly with right-to-left languages
3. Compatibility: Works with WPML, Polylang, and other translation plugins
4. Alt text per language: Supports language-specific alt texts for better SEO
5. Caption translation: Easily manage captions in multiple languages

No coding skills required! Advanced Image is designed with a user-friendly interface where all options are accessible through intuitive controls in the sidebar:

1. Visual editing: See your changes in real-time
2. Preset styles: Choose from ready-made styles to quickly apply professional looks
3. Drag-and-drop: Easily position and resize images
4. Intuitive panels: All options are logically organized in collapsible panels
5. Descriptive labels: Clear explanations for what each setting does

Keeping Advanced Image updated is simple:

1. Go to your WordPress Dashboard
2. Navigate to Plugins > Installed Plugins
3. Check if there's an update available for Advanced Image
4. Click the "Update Now" link if an update is available
5. The plugin will update automatically

1. Go to Plugins > Installed Plugins
2. Find Advanced Image in the list
3. Click "Enable auto-updates" We recommend always keeping the plugin updated to ensure you have the latest features, security patches, and compatibility with the newest WordPress versions.