=== DesignSetGo === Contributors: justinnealey Donate link: https://designsetgoblocks.com/donate Tags: blocks, gutenberg, form-builder, animations, responsive Requires at least: 6.0 Tested up to: 6.9 Requires PHP: 7.4 Stable tag: 1.3.2 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html Professional WordPress blocks without page builder bloat. 46 blocks + 14 universal extensions that enhance ANY block. == Description == **When you need professional design features but page builders feel too heavy, too complex, or too limiting.** DesignSetGo gives you the power of a page builder with the simplicity of WordPress blocks. Build layouts, forms, interactive elements, and stunning visuals—all using the native block editor you already know. = Why DesignSetGo? = ✓ **Works Like WordPress** - If you know blocks, you know DesignSetGo. No separate interface, no learning curve. ✓ **46 Blocks, One Plugin** - Replaces multiple plugins: forms, sliders, tabs, accordions, counters, cards, maps, modals, breadcrumbs, and more. ✓ **14 Universal Extensions** - Add animations, scroll effects, parallax, responsive visibility, sticky headers, clickable groups, max width, and more to ANY WordPress block (including core blocks). ✓ **Text Style Format** - Apply custom colors, gradients, font sizes, and highlights to selected text inline, just like bold or italic. ✓ **Performance First** - Lightweight code, no jQuery, optimized bundles. Your site stays fast. ✓ **No Lock-In** - Built with WordPress standards. What you build works with or without the plugin. ✓ **Editor = Frontend** - What you see in the editor is exactly what appears on your site. No surprises. = What's Included = **Layouts & Containers (5 blocks)** Build responsive layouts without code: flex, grid, stacks, rows, and full-width sections with content width controls. **Complete Form Builder (13 blocks)** Professional forms with AJAX submission, spam protection, and email notifications. Includes text, email, phone, textarea, number, URL, date, time, select, checkbox, file upload, and hidden fields. No external services required. **Interactive Elements (11 blocks)** Tabs, accordions, modals/popups, flip cards, sliders, scroll effects, counters, progress bars, and revealing content. All with smooth animations and mobile-responsive behavior. **Navigation & Structure (2 blocks)** Breadcrumbs with Schema.org markup and Table of Contents with automatic heading detection, smooth scrolling, and sticky positioning. **Visual Components (8 blocks + child blocks)** Icons (500+), icon buttons, icon lists, pills/badges, dividers, countdown timers, organic blob shapes, and content cards with multiple layout presets. **Location (1 block)** Interactive maps with Google Maps and OpenStreetMap support, custom markers, and privacy-friendly options. **Universal Extensions (14 extensions)** These work with ANY WordPress block—including core blocks and third-party blocks: * **Block Animations** - 24+ effects with scroll/hover/click triggers * **Scroll Parallax** - Elementor-style vertical/horizontal parallax effects with device controls * **Text Reveal** - Scroll-triggered text color animation that simulates reading progression * **Expanding Background** - Scroll-driven background that expands from a circle to fill sections * **Sticky Header** - Advanced sticky controls with offset and hide on scroll * **Clickable Groups** - Turn containers into accessible clickable links * **Background Video** - Add YouTube or self-hosted videos to containers * **Responsive Visibility** - Hide/show blocks by device (desktop, tablet, mobile) * **Max Width** - Constrain content width with auto-centering * **Custom CSS** - Per-block custom styling and advanced controls * **Grid Span** - Column and row spanning for grid layouts * **Reveal Control** - Advanced hover reveal timing and transitions * **Text Alignment Inheritance** - Inherit alignment from parent blocks **Text Style Format** Apply custom inline styles to selected text, just like bold or italic: * Text color (solid + gradient fill) * Background highlight (solid + gradient) * Font size presets (S/M/L/XL) + custom values * Padding and border radius for pill/badge styles = Perfect For = * **Freelancers & Agencies** - Build client sites faster without learning another page builder * **Business Websites** - Professional forms, FAQs, service listings, and call-to-action sections * **Marketing & Landing Pages** - Eye-catching layouts with counters, flip cards, and animations * **Portfolios & Showcases** - Image galleries, sliders, and scroll effects for stunning presentations * **Membership & Community Sites** - Registration forms, organized content, gamification elements * **E-commerce Sites** - Enhanced product pages with sliders, icon lists, and custom layouts == Installation == = Automatic Installation = 1. Log in to your WordPress dashboard 2. Go to **Plugins > Add New** 3. Search for "DesignSetGo" 4. Click **Install Now** 5. Click **Activate** 6. Start using blocks in the block editor! = Manual Installation = 1. Download the plugin ZIP file 2. Log in to your WordPress dashboard 3. Go to **Plugins > Add New > Upload Plugin** 4. Choose the ZIP file and click **Install Now** 5. Click **Activate** 6. Blocks are now available in the editor = After Activation = 1. Edit any post or page 2. Click the **+** button to add a block 3. Find DesignSetGo blocks in the **DesignSetGo** category 4. Insert a block and configure using the inspector controls 5. Check the documentation for detailed guides == Frequently Asked Questions == = Will this work with my theme? = Yes! DesignSetGo is designed to work with any modern WordPress theme. It respects your theme's colors, spacing, and typography settings from theme.json. Tested with Twenty Twenty-Five and FSE themes. = Will this slow down my site? = No! DesignSetGo is built for performance. The entire CSS bundle is under 30 KB, there's no jQuery dependency (saves 150 KB), and blocks only load what you actually use. Your PageSpeed scores stay high. = Do I need to know how to code? = Not at all. If you can use WordPress blocks, you can use DesignSetGo. Everything is controlled through the familiar block inspector—no code required. (But if you want to add custom CSS to any block, you can!) = What happens if I deactivate the plugin? = Your content stays intact. Because DesignSetGo uses WordPress standards, your layouts won't break—they'll just render as standard containers and content. No proprietary markup means no lock-in. = Does the editor match the frontend? = Yes, exactly. DesignSetGo uses the same patterns as WordPress core blocks to guarantee what you see in the editor is what appears on your live site. No surprises. = Do I need Contact Form 7 or another form plugin? = No! DesignSetGo includes a complete form builder with 11 field types, AJAX submission, spam protection, and email notifications. Everything is built-in and works without external services. = Does this work with Full Site Editing (FSE)? = Absolutely. All blocks work seamlessly with FSE, the Site Editor, templates, and template parts. The Sticky Header extension is specifically designed for FSE header template parts. = Can I use this with WooCommerce? = Yes! Use DesignSetGo blocks on any WooCommerce page to enhance product layouts, create custom sections, and build better shopping experiences. = How do I get support? = Check the [documentation](https://designsetgoblocks.com/docs/), visit the [support forum](https://wordpress.org/support/plugin/designsetgo/), or report bugs on [GitHub](https://github.com/designsetgo/designsetgo). == Screenshots == 1. Container block with responsive grid layout and video background support 2. Tabs block with horizontal orientation, icons, and multiple style options 3. Accordion block with collapsible panels and smooth animations 4. Counter Group block with animated statistics and number formatting 5. Icon block with 500+ icons, shape styles, and customization options 6. Progress Bar block with animated fills and multiple display styles 7. Block animation controls showing entrance effects and timing options 10. Mobile responsive preview in the editor == Changelog == = 1.3.2 - 2025-01-30 = **Bug Fixes:** * Fix: Icon Button no longer displays double background layer when using rounded corners * Fix: Stop overriding theme.json color palette, spacing presets, and font families - better theme compatibility * Fix: Temporarily disable post content alignfull padding fix pending comprehensive solution **Developer Experience:** * Enhancement: Migrate commands to modern Claude Code skills format for improved automation * Enhancement: Add Claude Code GitHub Workflow for CI/CD improvements = 1.3.1 - 2025-01-09 = **Bug Fixes:** * Fix: Slider initialization timing - fixed first-load issues where sliders showed gaps or incorrect positioning before reload * Fix: Scroll Gallery (Marquee) initialization timing - fixed first-load issues where gallery wouldn't scroll until page reload * Fix: Both blocks now properly wait for images to load and CSS to apply before calculating dimensions = 1.3.0 - 2025-12-06 = **New Features:** * New: WordPress 6.9 Abilities API support - 50 AI abilities for block insertion, configuration, and section generation * New: Text Style inline format - apply colors, gradients, font sizes, and highlights to selected text like bold/italic * New: Scroll Parallax extension - Elementor-style vertical and horizontal parallax effects with per-device controls * New: Text Reveal extension - scroll-triggered text color animation that simulates natural reading progression * New: Expanding Background extension - scroll-driven background that expands from a small circle to fill sections * New: Cloudflare Turnstile integration for form spam protection - modern, privacy-friendly alternative to reCAPTCHA **WordPress 6.9 Compatibility:** * Enhancement: Conditionally load Abilities API polyfill only for WordPress < 6.9 (6.9+ includes it natively) * Enhancement: 26 new abilities added including inserters, configurators, and section generators * Enhancement: Updated "Tested up to" to WordPress 6.9 **Improvements:** * Enhancement: Icon Button now respects WordPress width constraints and inherits theme.json button styles * Enhancement: Icon Button properly integrates with FSE button settings (colors, padding, border-radius) * Enhancement: Admin settings page now properly displays translations for all supported languages **Bug Fixes:** * Fix: Icon Button display and width issues in constrained layouts * Fix: Admin settings page translation loading with proper JSON translation file generation * Fix: Added missing wp_set_script_translations() call for admin JavaScript bundle **Documentation:** * Docs: Added comprehensive documentation for all new extensions and formats * Docs: Updated Abilities API documentation with complete reference for all 50 abilities = 1.2.1 - 2025-11-24 = **New Features:** * New: Form submissions admin now displays email delivery status (sent/failed) with visual indicators * New: Detailed email delivery information in submission sidebar (recipient, date, status) * New: Data retention enforcement and configurable anti-abuse settings for form submissions * New: Missing blocks and extensions now properly display in admin Dashboard **Security Fixes:** * Security: Added CSRF protection for form submissions to prevent cross-site request forgery attacks * Security: Restricted form submissions to admin-only access for better data protection * Security: Implemented trusted proxy IP resolution to prevent IP spoofing in rate limiting **Performance:** * Performance: Implemented lazy loading for icon library - critical optimization reducing initial bundle size **Bug Fixes:** * Fix: Form email deliverability - changed From address default from admin email to wordpress@{sitedomain} to match WordPress core and prevent SPF/DKIM/DMARC failures * Fix: Form validation, rate limiting, and email tracking issues resolved * Fix: Email status display bug in admin dashboard * Fix: Admin dashboard capability check error preventing proper access control * Fix: Admin dashboard handling of blocks data preventing crashes **Enhancements:** * Enhancement: Added debug logging to track email notification flow and diagnose sending issues * Enhancement: Updated From Email helper text to reflect new domain-matched email default = 1.2.0 - 2025-11-21 = **New Features:** * New: Breadcrumbs block with Schema.org markup for improved SEO and navigation * New: Table of Contents block with automatic heading detection, smooth scrolling, and sticky positioning * New: Modal/Popup block with accessible triggers, animations, and gallery support * Enhancement: Modal close triggers and improved icon-button UX with better accessibility **Bug Fixes:** * Fix: Table of Contents critical production readiness fixes for stable performance * Fix: Table of Contents sticky positioning and scroll spy highlighting functionality * Fix: Table of Contents error handling for better reliability * Fix: Prevent sticky header from affecting footer template parts **Security:** * Security: Fixed 3 critical vulnerabilities in Modal block + performance optimizations **Internationalization:** * i18n: Added modal block translations to all language files * i18n: Updated translation strings for modal close functionality **Maintenance:** * Maintenance: Optimized screenshot-1.gif (24MB → 5.7MB) * Maintenance: Updated WordPress.org assets and screenshots = 1.1.4 - 2025-11-19 = **Bug Fixes:** * Fix: Slider initialization on uncached first load - sliders now display correctly on first page visit * Fix: Critical race condition in image loading detection that could cause 3-second initialization delays * Fix: Memory leak from uncleaned setTimeout timers in slider initialization * Fix: Double-counting bug in slider image load detection that could prevent initialization **Performance:** * Performance: Eliminated redundant DOM queries in slider initialization * Performance: Optimized Array.from conversions for better memory efficiency = 1.1.3 - 2025-11-16 = **Performance:** * Performance: Major CSS loading strategy optimization - improved enqueue logic and selective loading * Performance: Fixed forced reflows in JavaScript and optimized asset loading strategy * Performance: Eliminated layout thrashing by batching DOM reads/writes and deferring non-critical operations **Bug Fixes:** * Fix: Flip card back panel now correctly displays background color and text in editor * Fix: Added alignment options to countdown timer block for better layout control = 1.1.2 - 2025-11-15 = **New Features:** * New: Added developer filter hooks for advanced Custom CSS customization **Bug Fixes:** * Fix: Section hover background now correctly renders behind content instead of over text * Fix: Resolved z-index stacking issue where hover overlay appeared above section content **Enhancements:** * Enhancement: Improved Custom CSS textarea UX with better styling and increased height = 1.1.1 - 2025-11-15 = **Security Fixes:** * Security: Fixed HIGH severity string escaping vulnerability in counter number formatting * Security: Added escapeReplacement() function to prevent injection via replacement string special sequences **Bug Fixes:** * Fix: Escape special characters in separator strings used by Counter and Counter Group blocks = 1.1.0 - 2025-11-14 = **New Blocks:** * New: Card block with multiple layout presets (horizontal, vertical, overlay, compact, featured) * New: Map block with Google Maps and OpenStreetMap support, privacy mode, and customizable markers **Admin Interface Overhaul:** * New: Completely redesigned admin dashboard with stat cards showing blocks, extensions, and form submissions * New: Enhanced dashboard displays blocks organized by category and extension status pills * New: Tabbed settings interface organized into Features, Optimization, and Integrations tabs * New: Google Maps API key management in Settings > Integrations with security guidance * Enhancement: Two-column grid layouts for improved settings panel space efficiency * Enhancement: Gradient icon stat cards with hover effects for better visual hierarchy * Enhancement: Collapsible sections for advanced settings to reduce vertical scroll **Translations:** * Enhancement: Added translation support for 9 languages (Spanish, French, German, Italian, Portuguese, Dutch, Russian, Chinese, Japanese) * Enhancement: Updated POT file with 100% translation coverage for all admin strings **Security & Bug Fixes:** * Security: Fixed js-yaml prototype pollution vulnerability (CVE-2023-2251) * Fix: Added missing ToggleControl import to Card block editor component * Fix: Google Maps API key now persists correctly after save/reload * Fix: API key properly exposed to frontend via data attributes with secure referrer-based protection = 1.0.1 - 2025-11-14 = * Docs: Streamlined readme.txt with JTBD-focused messaging for better scannability * Docs: Condensed description from 516 to 339 lines while keeping essential information * Docs: Reordered FAQ to address user anxiety barriers first = 1.0.0 - 2025-11-12 = 🚀 **Initial Release** **43 Professional Blocks:** * 5 Container blocks (Row, Section, Flex, Grid, Stack) * 13 Form Builder blocks (complete system with AJAX, spam protection, email notifications) * 10 Interactive blocks (Tabs, Accordion, Flip Card, Slider, Counters, Progress Bar, Scroll effects) * 8 Visual blocks (Icons, Icon Button, Icon List, Card, Pill, Divider, Countdown Timer, Blobs) * 9 Child blocks (Tab, Accordion Item, Slide, Flip Card Front/Back, Icon List Item, Image Accordion Item, Scroll Accordion Item, Counter) **11 Universal Extensions** (work with ANY block): * Block Animations (24+ effects with scroll triggers) * Sticky Header (FSE-optimized with offset controls) * Clickable Groups (accessible card/container links) * Background Video (YouTube and self-hosted) * Responsive Visibility (hide by device) * Max Width (content width constraints) * Custom CSS (per-block styling) * Grid Span (column/row control) * Reveal Control (advanced hover effects) * Text Alignment Inheritance (parent-child context) **Performance & Quality:** * Built with WordPress core patterns for guaranteed editor/frontend parity * Optimized bundles, no jQuery, code-splitting * WCAG 2.1 AA accessible with full keyboard navigation * FSE compatible with theme.json integration * Comprehensive documentation and developer guides == Upgrade Notice == = 1.3.1 = Bug fix release: Fixes slider and scroll gallery initialization timing issues on first page load. = 1.3.0 = Major update with WordPress 6.9 Abilities API support (50 AI abilities), 3 new scroll-driven extensions (Scroll Parallax, Text Reveal, Expanding Background), new Text Style inline format for custom text styling, Cloudflare Turnstile spam protection, and Icon Button theme.json integration. = 1.1.0 = Major update with new Map and Card blocks, completely redesigned admin dashboard, 11 universal extensions, and 9 language translations. Enhanced security and bug fixes. = 1.0.0 = Initial release with 43 professional blocks + 11 universal extensions. Build stunning WordPress sites without page builders—native blocks with the power you need. == Privacy & Security == DesignSetGo respects your privacy: * No tracking or analytics * No data collection * No external server connections * No cookies or localStorage for tracking * 100% GDPR compliant Form submissions are processed on your server and sent via your WordPress email system. No third-party services required.