Roster of Design Tools Per Block  🔗 **Source:** [Roster of Design Tools Per Block](https://make.wordpress.org/core/2026/04/22/roster-of-design-tools-per-block-wordpress-6-8-edition-2/) > [!note]+ Document Notes > tags: #wordpress #blocks #editor #design-tools #gutenberg > author: Birgit Pauli-Haack > source: Make WordPress Core > reference: https://make.wordpress.org/core/2026/04/22/roster-of-design-tools-per-block-wordpress-6-8-edition-2/ > date created: 2024-12-19 09:45 > > # 🏷️ Title: Roster of design tools per block (WordPress 7.0 edition) > <!-- deep-read:sections start --> ## 🧰 Action Inbox - [H1] Review new Accordion block implementation — design tools coverage complete #blocks - [H2] Evaluate Pattern Overrides changes — Block Bindings filter approach #patterns - [H3] Update block documentation for renamed Poetry block — was formerly Verse #documentation ## 🧭 Table of Contents - [[#📝 Summary]] - [[#📖 Main Content]] - [[#🗒️ Notes]] - [[#📚 References]] - [[#🗣️ Paraphrase]] - [[#📰 Newsletter]] - [[#✅ Action Items]] - [[#🧪 Hypotheses]] - [[#📊 Methodology]] - [[#❓ Questions]] - [[#🔮 Future Research]] - [[#💡 Implications]] - [[#🧠 Learning Styles Assessment]] - [[#📊 Accessibility Assessment]] - [[#🌍 DEIB Assessment]] - [[#✅ Logical Validity]] - [[#🛡️ DARVO Analysis]] - [[#🎯 Conclusion]] ### 🔗 References - [WordPress 7.0 Dev Notes](https://make.wordpress.org/core/) - [Block Bindings Documentation](https://developer.wordpress.org/) ## 📝 Summary - WordPress 7.0 introduces comprehensive design tool support across new and existing blocks - New blocks include Accordion suite, Breadcrumbs, Icon, Math, Post Time to Read, and Term Query collection - Pattern Overrides and Block Bindings now use server-communicated opt-in approach via filters - Verse block renamed to Poetry block for better semantic clarity - Design features covered: Align, Typography, Color, Dimension, Border, Layout, Gradient, Duotone, Shadow, Background image - Bottom line: WordPress 7.0 significantly expands block design capabilities with more granular control ## 📖 Main Content This comprehensive reference document tracks design tool support across all WordPress core blocks as of version 7.0. The roster serves as a developer lookup table, showing which blocks support specific design features like typography, color controls, dimensions, and layout options. The most significant architectural change involves Pattern Overrides and Block Bindings moving from a hardcoded whitelist to a flexible, server-communicated system using the `block_bindings_supported_attributes` filter. This allows custom blocks and third-party developers to opt into these features on a per-attribute basis. WordPress 7.0 adds eight new blocks, with the Accordion suite being the most substantial addition, providing three interconnected components (Accordion, Accordion Heading, Accordion Item, Accordion Panel) with full design tool support. Other notable additions include Icon and Math blocks, expanding content creation possibilities. The renaming of the Verse block to Poetry block reflects ongoing efforts to use more semantically accurate terminology that better describes block functionality to end users. ## 🗒️ Notes #### 📝 [New Blocks] — [H1] WordPress 7.0 adds 8 new core blocks - Key idea: Significant expansion of block library with specialized content types - Evidence: "Accordion with Accordion Heading, Accordion Item, Accordion Panel; Breadcrumbs; Icon; Math; Post Time to Read; Term Query with Term Template, Term Count, Term Name" #### 📝 [Pattern Overrides] — [H2] Architecture change moves from hardcoded to filter-based approach - Key idea: More flexible and extensible system for Pattern Overrides and Block Bindings - Evidence: "WordPress 6.9 moved Block Bindings to a server-communicated list of supported attributes via the block_bindings_supported_attributes filter, and WordPress 7.0 extended that same mechanism to Pattern Overrides" #### 📝 [Block Renaming] — [H3] Verse block renamed to Poetry for semantic accuracy - Key idea: Ongoing refinement of block naming for better user understanding - Evidence: "The Verse block was renamed to Poetry block in WordPress 7.0" #### 📝 [Design Features] — [H3] Ten design tool categories tracked across all blocks - Key idea: Comprehensive design control system covering major visual aspects - Evidence: "Align, Typography, Color, Dimension, Border, Layout, Gradient, Duotone, Shadow, Background image" #### 📝 [Accordion Suite] — [H2] New Accordion blocks support full design tool range - Key idea: Complex interactive component with comprehensive styling options - Evidence: All Accordion blocks show "☑️ new" across Align, Typography, Color, Dimension, Border, Layout, Gradient, Duotone, Shadow categories #### 📝 [Developer Impact] — [H3] Custom blocks can now opt into Pattern Overrides - Key idea: Extended functionality available to third-party developers - Evidence: "any block attribute that opts into Block Bindings now also supports Pattern Overrides — including custom blocks" #### 📝 [Navigation Enhancements] — [H3] Navigation block gains new alignment and typography support - Key idea: Core navigation becomes more customizable - Evidence: Navigation block shows "☑️ new" for Align support, Navigation Submenu shows new Typography support #### 📝 [Comment System Updates] — [H3] Comments Template and Pagination gain new design options - Key idea: Enhanced styling control for discussion features - Evidence: Comments Template shows "☑️ new" for Border, Comments Pagination Numbers shows new Color support ## 📚 References - [WordPress 7.0 Release Notes](https://make.wordpress.org/core/) - [Pattern Overrides Documentation](https://developer.wordpress.org/) - [Block Bindings API Reference](https://developer.wordpress.org/) ## 🗣️ Paraphrase - WordPress 7.0 dramatically expands the block editor with eight new blocks and comprehensive design tool support, making it easier for users to create visually rich content without custom CSS - The move from hardcoded Pattern Overrides to a filter-based system opens up advanced features to custom blocks and third-party developers, creating a more extensible ecosystem - Design tools now cover ten major categories across most blocks, giving users granular control over typography, spacing, colors, and visual effects while maintaining consistency ## 📰 Newsletter WordPress 7.0 brings exciting news for developers and site builders! The latest release introduces eight powerful new blocks, including a complete Accordion suite for interactive content and specialized blocks like Math and Icon for enhanced content creation. **What's Changed:** The big architectural shift involves Pattern Overrides and Block Bindings now using a server-communicated approach via filters instead of hardcoded lists. This means your custom blocks can opt into these advanced features on a per-attribute basis. **Practical Benefits:** - Full design tool support across new blocks (typography, colors, spacing, borders) - More semantic block naming (Verse → Poetry) - Enhanced Navigation and Comments styling options - Better extensibility for custom block development **Get Started:** Review the comprehensive block roster table to see which design features your blocks support, and explore the new `block_bindings_supported_attributes` filter for custom implementations. Resources: [Learn WordPress](https://learn.wordpress.org/), [Developer Docs](https://developer.wordpress.org/), [Block Editor Handbook](https://developer.wordpress.org/block-editor/) ## ✅ Action Items #### WordPress - Core: Integrate new block design patterns into core performance budget considerations - Design: Conduct UX audit of Accordion block accessibility across screen readers - Documentation: Update Block Editor Handbook with Pattern Overrides filter examples - Community: Create tutorial content for new Math and Icon blocks - Accessibility: Review new blocks against WCAG 2.2 AA compliance - Training: Develop lesson plans covering new design tool capabilities #### DevRel - Developer advocacy: Create demo showcasing custom block Pattern Override integration - Education: Host workshop on block_bindings_supported_attributes filter usage - Developer experience: Update block scaffolding tools to include new design supports - Developer marketing: Promote extensibility improvements to plugin developers ## 🧪 Hypotheses - New Accordion blocks will increase user engagement on content-heavy sites by improving information organization - Filter-based Pattern Overrides will lead to increased adoption of Block Bindings in custom blocks - Comprehensive design tool support will reduce reliance on custom CSS for block styling - Math block addition will attract educational and scientific content creators to WordPress ### 📊 Methodology - Usage analytics comparing Accordion block adoption vs previous content organization methods - Developer survey measuring Block Bindings implementation before and after filter introduction - Site performance analysis of design-tool-styled blocks vs custom CSS approaches ### ❓ Questions - How will the new filter architecture affect block loading performance with many custom blocks? - What training resources do users need to effectively utilize the expanded design tools? - Will the Poetry block rename cause confusion for existing Verse block users during migration? ### 🔮 Future Research - Performance impact analysis of comprehensive design tool support across block types - User experience study on discoverability of new design options in the block editor - Developer adoption patterns for the new Pattern Overrides filter system ### 💡 Implications - Practice: Developers need to update custom blocks to leverage new filter-based architecture - Education: Training materials require updates to cover new blocks and renamed Poetry block - Performance: Sites using many design-heavy blocks may need optimization review - Accessibility: New interactive blocks require thorough testing with assistive technologies ### 🧠 Learning Styles Assessment Reading level estimate: 12th grade (technical documentation) #### 👀 Visual learners - Present: Comprehensive table showing design support matrix across all blocks - Improve: Add visual examples of each design tool applied to new blocks #### 🔊 Aural learners - Present: None identified in current format - Improve: Audio walkthrough of new block capabilities and design tool usage #### 🗣️ Verbal learners - Present: Clear definitions of design tool categories and technical terms - Improve: Add analogies comparing old hardcoded vs new filter-based approach #### 🧩 Kinesthetic learners - Present: Reference table allows hands-on lookup of specific block capabilities - Improve: Interactive demo environment showing design tools in action #### 🧠 Logical learners - Present: Systematic tabular organization of features across blocks - Improve: Decision tree for choosing appropriate design tools per use case #### 🧑‍🤝‍🧑 Social learners - Present: Attribution to review contributors shows collaborative development - Improve: Discussion prompts for community feedback on new block implementations #### 🧘‍♀️ Solitary learners - Present: Comprehensive reference format suitable for individual research - Improve: Self-assessment checklist for implementing design tools in custom blocks #### 🌿 Naturalistic learners - Present: Systematic categorization reflects natural organizational patterns - Improve: Connect design tool evolution to broader web development ecosystem trends ### 📊 Accessibility Assessment #### Screen reader semantics - Present: Table structure with clear headers for design tool categories - Improve: Add ARIA labels for complex table relationships and sorting #### Keyboard navigation - Present: Standard HTML table allows keyboard navigation - Improve: Implement skip navigation for large table sections #### Contrast and readability - Present: Clear distinction between supported (✅) and unsupported (–) features - Improve: Ensure ☑️ new indicators meet contrast requirements #### Text resizing and reflow - Present: Table structure may challenge responsive display - Improve: Consider mobile-friendly table alternatives or horizontal scroll indicators #### Media and captions - Present: Text-based table format is inherently accessible - Improve: Add alternative text for checkmark symbols #### Forms and interactions - Present: Read-only reference table requires no form interaction - Improve: If filtering added, ensure accessible form controls ### 🌍 DEIB Assessment #### Cultural breadth - Present: Technical documentation focuses on universal block features - Improve: Include examples showing blocks used in diverse cultural contexts #### Inclusive language - Present: Technical terminology clearly defined with consistent usage - Improve: Verify "Poetry" block name is culturally neutral and internationally understood #### Neurodiversity support - Present: Well-structured table with consistent visual patterns - Improve: Consider alternative data visualization for users who struggle with large tables #### Representation - Present: Technical focus limits representation opportunities - Improve: Include diverse use cases in future block examples and documentation #### Psychological safety - Present: Neutral technical documentation with collaborative attribution - Improve: Add community contribution guidelines for feedback and suggestions ### ✅ Logical Validity #### Strong reasoning - Deductive strength: Filter-based architecture logically extends to Pattern Overrides from Block Bindings precedent - Inductive strength: Design tool support patterns consistently applied across new blocks - Causal reasoning: Technical architecture changes enable expanded third-party developer capabilities #### Fallacies - No significant fallacies identified in technical documentation #### Tone of voice - Overall tone: Professional, technical, informative with collaborative acknowledgments ### 🛡️ DARVO Analysis - Deny: No denials present in technical documentation - Attack: No attacks on any parties - Reverse victim/offender: Not applicable to technical documentation - Emotional cues and rhetoric: Neutral technical language with positive framing of improvements ## 🎯 Conclusion WordPress 7.0 represents a significant milestone in block editor evolution, introducing eight new blocks with comprehensive design tool support and a more extensible architecture for Pattern Overrides and Block Bindings. The move from hardcoded implementations to filter-based systems opens new possibilities for custom block development while maintaining consistent user experiences. Developers should prioritize updating custom blocks to leverage the new `block_bindings_supported_attributes` filter and review existing implementations for compatibility with the enhanced architecture. The comprehensive design tool coverage across new blocks sets a high standard for future block development and user expectations. This release strengthens WordPress's position as a flexible, developer-friendly platform while expanding creative possibilities for content creators through improved design controls and new content types. ## 🧱 Refactor Appendix ### 📚 Literature Split Pad ### [H1] WordPress 7.0 introduces comprehensive block design tool matrix > [!quote] [Roster of design tools per block (WordPress 7.0 edition)](https://make.wordpress.org/core/2026/04/22/roster-of-design-tools-per-block-wordpress-6-8-edition-2/) by [[Birgit Pauli-Haack]] via [[Make WordPress Core]]. Published 2026-04-22. Accessed 2024-12-19. > "Below you find a table that lists all core blocks available in the inserter marks in the grid the feature they support" Essential developer reference for understanding block capabilities and planning custom implementations. [view highlight](https://make.wordpress.org/core/2026/04/22/roster-of-design-tools-per-block-wordpress-6-8-edition-2/#H1) #xref #articleseed ID:rw_wp70_blocks ### [H2] Filter-based architecture replaces hardcoded Pattern Override support > [!quote] [Roster of design tools per block (WordPress 7.0 edition)](https://make.wordpress.org/core/2026/04/22/roster-of-design-tools-per-block-wordpress-6-8-edition-2/) > "WordPress 7.0 extended that same mechanism to Pattern Overrides, so any block attribute that opts into Block Bindings now also supports Pattern Overrides" Architectural shift enables custom block developers to integrate advanced features through standardized filter approach. [view highlight](https://make.wordpress.org/core/2026/04/22/roster-of-design-tools-per-block-wordpress-6-8-edition-2/#H2) #xref ID:rw_wp70_filters --- ### 🔖 Atomic Split Pad (Zettel Candidates) #### [Z1] Block design tools provide systematic visual control framework - Applies to: All WordPress core blocks as of 7.0 release - Reference: Design tool matrix table showing 10 categories - Links: [[WordPress-Blocks]] [[Design-Systems]] [[User-Interface]] #### [Z2] Server-communicated attributes enable extensible block features - Applies to: Custom blocks using block_bindings_supported_attributes filter - Reference: Pattern Overrides and Block Bindings architecture change - Links: [[WordPress-Architecture]] [[Plugin-Development]] [[API-Design]] --- ### ✏️ Fleeting Queue - [F1] Test Accordion block accessibility — screen reader navigation #fleeting #inbox - [F2] Document Math block syntax examples — educational use cases #fleeting #inbox - [F3] Review Poetry block migration path — existing Verse content #fleeting #inbox <!-- deep-read:sections end --> 📄 **Full text:** ![[Full Document Contents/Articles/Roster of Design Tools Per Block.md|Roster of Design Tools Per Block by make.wordpress.org]] ## Highlights - While this post is released as part of 6.8, the content summarizes changes between 6.1 and 7.0. This is an [updated of the 6.8 edition](https://make.wordpress.org/core/2025/03/12/roster-of-design-tools-per-block-wordpress-6-8-edition/) and provides a cumulative list of design supports added with the last ten WordPress releases. The icon ☑️ indicates new in 6.9 or 7.0. ([View Highlight](https://read.readwise.io/read/01kpv1zsdcwpbc5y060c149vd4)) - Tags: 👻 ai highlighted