StepFox Looks Plugin

StepFox Looks Plugin is a WordPress extension designed to provide comprehensive per-device styling controls within the block editor. It addresses the need for granular, device-level customization by enabling users to assign specific values for typography, color, spacing, layout, and more to individual blocks, tailored separately for desktop, tablet, and mobile displays. The plugin aims to eliminate the need for manual CSS or media queries, offering a responsive design layer that integrates directly into the editing experience.

The tool allows creators to control a wide range of style properties on a per-device basis, including font size, line height, letter spacing, text and background colors, background gradients and images, padding, margin, block gap, borders, box shadow, opacity, transforms, transitions, width, height, flex and grid options, positioning, z-index, and media behaviors such as object-fit and object-position. These adjustments are made through structured block attributes in the editor sidebar, which are then converted into sanitized, scoped inline CSS tied to stable block IDs. CSS is generated only when responsive attributes are used, and blocks receive IDs only as needed, minimizing DOM clutter and ensuring clean output.

Performance considerations are addressed through a caching system that allows inline CSS and JavaScript to be stored and cleared from the admin panel, reducing CPU load on repeated page views. The plugin ensures that what is seen in the editor matches the frontend output, thanks to synchronized inline styles and optional editor caching. Compatibility with both core and third-party blocks is emphasized, and the system is designed to be theme-agnostic.

Additional features include a Metafield Block for displaying post meta and custom fields, an AJAX-powered Load More button for query loops, navigation mega menus, enhanced social share functionality, and helpers for cover blocks. StepFox Looks is intended for designers seeking professional-level control without coding, editors who require accurate previews, and developers who want a safe, extensible responsive system that integrates smoothly with their themes.