Roster of design tools per block

For WordPress 6.1, there was a concerted effort to add design tools consistently to blocks, via blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. support and make them available via Inspector Controls and for themes in theme.jsonJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. file.

In this post, you will find a roster for quick reference showing which block has which controls.

If you need a list of blocks for each control displayed separately, visit the post Core Editor Improvement: Catalyst for creativity and control.

Block	Typography	Color	Dimension	Border	Layout	Duotone
Archives	✅	–	✅	–	–	–
Audio	–	–	✅	–	–	–
AvatarAvatar An avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name.	–	–	✅	✅	–	✅
Button	✅	✅	✅	✅	–	–
Buttons	✅	–	✅	–	✅	–
Calendar	✅	✅	–	–	–	–
Categories	✅	–	✅	–	–	–
Code	✅	✅	✅	✅	–	–
Column	✅	✅	✅	✅	✅	–
Columns	✅	✅	✅	✅	✅	–
Comment Author Avatar	–	✅	✅	✅	–	–
Comment Author Name	✅	✅	✅	–	–	–
Comment Content	✅	✅	✅	–	–	–
Comment Date	✅	✅	✅	–	–	–
Comment Edit Link	✅	✅	✅	–	–	–
Comment Reply Link	✅	✅	✅	–	–	–
Comment Template	✅	–	–	–	–	–
Comments	✅	✅	–	–		–
Comments Pagination	✅	✅	–	–	✅	–
Comments Pagination Next	✅	✅	–	–	–	–
Comments Pagination Numbers	✅	✅	–	–	–	–
Comments Pagination Previous	✅	✅	–	–	–	–
Comments Title	✅	✅	✅	✅	–	–
Cover	✅	–	✅	–	–	✅
Embed	⏳	–	–	–	–	–
File	–	–	–	–	–	–
Gallery	⏳	✅	✅		✅	–
Group	✅	✅	✅	✅	✅	–
Heading	✅	✅	✅	✅	–	–
Home Link – Navigation	✅	–	–	–	–	–
HTMLHTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers.	–	–	–	–	–	–
Image	⏳	–	–	✅	–	✅
Latest Comments	#43310	–	–	–	–	–
Latest Posts	✅	–	–	–	–	–
List	✅	✅	✅	–	–	–
List Item	#43312	–	–	–	–	–
Login/logout	–	–	–	–	–	–
Media & Text	✅	✅	✅	–	–	–
More (Read More)	–	–	–	–	–	–
Navigation	✅	–	✅	–	–	–
Navigation Link	✅	–	–	–	–	–
Navigation Submenu	–	–	–	–	–	–
Next Page (Page Break)	–	–	–	–	–	–
Page List	#43316	–	–	–	–	–
Paragraph	✅	✅	✅	–	–	–
Post Author	✅	–	–	–	–	–
Post Author Biography	✅	✅	✅	–	–	–
Post Author Name	✅	✅	✅	–	–	–
Post Comments Count	✅	✅	–	–	–	–
Post Comments Form	✅	✅	–	–	–	–
Post Comments Link	✅	✅	–	–	–	–
Post Content	✅	–	–	–	✅	–
Post Date	✅	✅	✅	–	–	–
Post ExcerptExcerpt An excerpt is the description of the blog post or page that will by default show on the blog archive page, in search results (SERPs), and on social media. With an SEO plugin, the excerpt may also be in that plugin’s metabox.	✅	✅	✅	–	–	–
Post Featured ImageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts.	–		✅	✅	–	✅
Post Navigation Link	✅	✅	–	–	–	–
Post Template	✅	–	–	–	–	–
Post Terms	✅	✅	✅	–	–	–
Post Title	✅	✅	✅	–	–	–
Preformatted	✅	✅ no link	–	–	–	–
Pullquote	✅	✅	–	✅	–	–
Query	–	✅	–	–	✅	–
Query No Results	✅	✅	–	–	–	–
Query Pagination	✅	✅	–	–	✅	–
Query Pagination Next	✅	✅	–	–	–	–
Query Pagination Numbers	✅	✅	–	–	–	–
Query Pagination Previous	✅	✅	–	–	–	–
Query Title	✅	✅	✅	–	–	–
Quote	✅	✅	–	–	–	–
Read More	✅	✅	✅	✅	–	–
RSS	–	–	–	–	–	–
Search	✅	✅		✅	–	–
Separator	–	✅	✅	–	–	–
Site Logo	–	✅	✅	–	–	–
Site Tagline	✅	✅	✅	–	–	–
Site Title	✅	✅	✅	–	–	–
Social Link	–	–	–	–	–	–
Social Links	–	✅	✅	–	✅	–
Spacer	–	–	–	–	–	–
Table	✅	✅	✅	✅	–	–
Tag Cloud	#43452 ✅	–	✅	–	–	–
Term Description	✅	✅	✅	–	–	–
Verse	✅	✅	✅	–	–	–
Video	⏳	–	–	–	–	–

Legend: ⏳ Adoption of block supports is pending block refactoring e.g. Caption inner blocks

Props to @aaronrobertshaw for prep work on a similar table in #43242 , @annezazu and @webcommsat for review.

#6-1, #dev-notes, #dev-notes-6-1, #editor

Marc 5:31 pm on October 11, 2022

thanks for this recap table.
Border radius is not effective on columns (child of column). Since it is an every project need
>>> please please flag border as partial on colum/columns (when inserting a column, it creates at leaset 1 column, those 2 are linked). See https://make.wordpress.org/core/2022/09/26/core-editor-improvement-catalyst-for-creativity/#comment-43860
Because world is better rounded 🙂 Sorry to insist
- Birgit Pauli-Haack 7:17 pm on October 11, 2022
  
  Thank you, Marc for your note and the heads-up on Aaron’s PR, working on the border radius support for single columns.

Comments are closed.

Welcome!

Communication

Roster of design tools per block

Welcome!

Communication

Share this:

Site resources