WordPress 7.0 Feature Showcase

1. Video Lightbox — Interactivity API

The video lightbox now uses the WordPress Interactivity API instead of vanilla JS. Features: lazy iframe loading (video only loads when opened), CSS transitions, focus trap, Escape to close, body scroll lock. Try clicking play below.

---

2. Comparison Slider — Interactivity API

Before/after image comparison now powered by the Interactivity API. Features: pointer events (mouse + touch unified), keyboard accessible (Arrow keys 1%, Shift+Arrow 10%, Home/End), role="slider" with aria-valuenow, reactive clip-path via Preact signals.

---

3. AI Generate Panel — 5 Block Configs

These blocks now have “Generate with AI” panels in the block inspector sidebar. Open each block in the editor and look for the Generate with AI panel. Each calls a Voyager Orbit ability to populate block content. Configured blocks: Hero Showcase, Team Flip Card, Testimonial Carousel, Service Cards, Stats Counter.

---

4. Client-Side Abilities — Command Palette

Open this page in the editor and press ⌘K (or Ctrl+K) to open the Command Palette. Type “Voyager” to see all 6 new commands.

• Generate FAQ — AI-generates FAQ blocks from the post title
• Run Content Quality Check — scores content quality (0-100) via AI ability
• Optimize SEO — runs SEO analysis and shows suggestions in a notice
• Rewrite Selected Block — rewrites the currently selected block’s content
• Insert CTA Pattern — inserts the voyager/cta-bottom pattern at cursor
• Show Editor State — displays current post ID, type, selected block in a snackbar

---

5. Block Bindings Sidebar Panels

Classic meta boxes have been replaced with Gutenberg sidebar panels for RTC compatibility. Three new panels: Block Bindings (per-field on any post), Layout Swap (Service Areas, 4 radio options), Notion Connection (Notion Page posts, full sync status). All use useEntityProp for auto-saving via REST.

---

6. WP 7.0 Compatibility Changes

Pattern Overrides — 6 blocks now support __experimentalPatternOverrides: service-cards, testimonial-carousel, portfolio-grid, stats-counter, team-flip-card, why-choose-cards.

Button Hover Animations — the button extension panel is renamed “Hover Animations” to distinguish from WP 7.0’s native button pseudo-state styling.

42+ Abilities Bridged — all server-side abilities are now callable from JavaScript via @wordpress/core-abilities. One line of PHP enables the bridge.