[Solved] How can you make a custom Gutenberg block support alignment options like wide and full width? — Ans: Add 'supports: { align: true }' in the block registration settings. | Wordpress

Wordpress - Content Management

How can you make a custom Gutenberg block support alignment options like wide and full width?

AInclude 'alignment: true' in the edit function return JSX.

BSet 'alignWide: true' in the save function.

CUse CSS classes only without block settings.

DAdd 'supports: { align: true }' in the block registration settings.

Step-by-Step Solution

Solution:

Step 1: Recall block registration supports property
To enable alignment options, use the supports object with align set to true.
Step 2: Understand where to add this
This is added in the block registration settings, not inside edit or save functions.
Final Answer:
Add 'supports: { align: true }' in the block registration settings. -> Option D
Quick Check:
Alignment support = supports: { align: true } [OK]

Quick Trick: Use supports: { align: true } to enable alignment [OK]

Common Mistakes:

Master "Content Management" in Wordpress

9 interactive learning modes - each teaches the same concept differently

More Wordpress Quizzes

How can you make a custom Gutenberg block support alignment options like wide and full width?