Wrapping Gutenberg Blocks with a div/section/article

Use ‘Groups’: If you do not see the ‘Group’ option, like me, you’ll have to update WP.

After that, simply create a group, then add new blocks or drag existing blocks into it. Select the group and add HTML Anchors and classes via the ‘Advanced’ tab of the block’s menu.

Related Posts:

  1. Deactivate Gutenberg tips forever – not Gutenberg
  2. How do I register multiple blocks with block.json and register_block_type_from_metadata?
  3. Disable Gutenberg text-Settings in all blocks
  4. gutenberg block – how to force update after attribute changed?
  5. How can I add a custom attribute to Gutenberg core blocks?
  6. How to use the WordPress < LinkControl /> Component
  7. Remove border radius setting from the Gutenberg button block?
  8. Add PHP block template to content using wp_insert_post
  9. Gutenberg reusable blocks – is it possible to customise an instance?
  10. Dynamic gutenberg block with react instead of php
  11. File structure and react setup when creating multiple Gutenberg blocks
  12. Gutenberg block get categories in SelectControl
  13. How to access “default” property of attribute in Gutenberg
  14. How to use “getEntityRecords” for user data?
  15. How to Disable Gutenberg & Return to the Classic WordPress Editor Without any Plugins
  16. Gutenberg default value not saved in json
  17. Gutenberg default initial values for FocalPointPicker
  18. Pre-set CSS class into custom block/template
  19. How to check whether Gutenberg editor is installed or not [duplicate]
  20. How to align a single Gutenberg block button in WP 5.5.3?
  21. Is it possible to print the output of a Gunteberg block with no classes?
  22. How can you reset InnerBlock content to base template?
  23. Gutenberg Multiple InnerBlocks
  24. How can we mimic the columns block in Gutenberg to instead be a list?
  25. How to set Gutenberg preferences programmatically with wp.data.dispatch?
  26. Dynamic Gutenburg block output echoes in WP Dashboard
  27. Are gutenberg blocks ideally supposed to look the same in both back-end and front-end?
  28. How to output child block attributes on a parent block
  29. Is there a better way to to make async API calls using the @wordpress/data module?
  30. How can I center Gutenberg buttons on mobile?
  31. Extend the “core/link” Block Format
  32. Passing settings from Reusable Block to it’s children
  33. Gutenberg element: How to usw Rangecontrol with two values to imitate a rangeslider?
  34. Is there any simple way to remove Gutenberg editor H1 H5 H6 and change the label for the rest H2 H3 H4?
  35. Deprecated for blocks.getSaveElement
  36. WordPress filter post content with PHP before editing it in Gutenberg
  37. Pass PHP vars to gutenberg sidebar
  38. Suggested image dimensions Gutenberg Hook
  39. How Add New Button to Gutenberg Editing Toolbar
  40. How to force gutenberg to reload blocks after saving
  41. How can I programaticly open Gutenberg
  42. Update a block template and apply those changes to an existing post/page
  43. How do you manage the Gutenberg block previews in the admin area?
  44. Custom block save does not match due to stripped slashes from br tag and added figure tag around images
  45. How to disable align-wide for specified blocks in Gutenberg
  46. Deprecated function not working in Gutenberg
  47. Gutenberg Block checkbox check-unckeck does not work
  48. WordPress npm run build and start only outputs wp-scripts start but does nothing
  49. Gutenberg get index of gutenberg innerblock
  50. Custom Endpoint API based on attribute gutenberg block
  51. Gutenberg : how can I get the title of the current block within its ‘edit’ function?
  52. Gutenberg – Remove add block button
  53. how can default_content filter tell if content will load in block editor or classic editor?
  54. Gutenberg programmatically move block to position
  55. Gutenberg somehow not loading in WP 5
  56. Gutenberg block – remove setting for core/file
  57. Gutenberg JavaScript error
  58. Gutenberg selecting child blocks directly from appender
  59. Image not aligning with text
  60. Custom validation on publish/ update in Block Editor
  61. WordPress Gutenberg – Open the “Block Pattern Explorer” programmatically
  62. Modify src attribute on image block
  63. Two text color palettes are appearing in Gutenberg
  64. WordPress Gutenberg – Sidebar get posts list based on selected category
  65. Gutenberg button removed on save if its empty
  66. Gutenberg build error: You may need an appropriate loader to handle this file type SCSS
  67. Gutenberg: How to constrict floated table blocks to 1000px width in the front-end, when align wide & full are being used?
  68. Quasy – modal component does not hide itself
  69. Table block – Wrap table
  70. ResizableBox component is not selectable in block editor
  71. Whitelist a single SVG for use in post_content
  72. Gutenberg block previews suddenly not working
  73. WordPress Gutenberg Signal on Block Alignment Change
  74. When to use block patterns over nested blocks?
  75. How to convert block to a list block in WordPress gutenberg editor?
  76. How to do store, retrieve and write attributes in the registerFormatType method in Guttenberg?
  77. How to replace the Gutenberg default block with a custom block?
  78. how to disable a button added by a plugin in gutenberg toolbar?
  79. Images are not shown in the post editor
  80. Updating failed message when a wp_insert_post function is hooked to save_post hook
  81. Prevent FormTokenField component to accept random entries
  82. How to move the customizations done in the Editor to my child theme?
  83. Unable to see the attributes for the custom block created
  84. How to register multiple blocks
  85. How to edit post meta by post ID in Gutenberg
  86. How do I change bullet on categories block?
  87. Add a class to img of core/cover block
  88. Hide title block on edit screen in Gutenberg
  89. How can I disable fontSizes of the Paragraph block inside the Quote block with theme.json?
  90. Categories, tags and thumbnails panels are not visible in the Block editor’s post menu
  91. How to translate multiple blocks within one plugin
  92. How to disable the Code Editor in Gutenberg?
  93. Enable Gutenberg Editor when editing tags
  94. How to position more than one item over an image in a Gutenberg WordPress block theme
  95. Some CSS classes missing when rendering the page with get_the_content()
  96. Error with RichText Component
  97. Rem font size is different in the frontend and block editor
  98. Add to Media Inserter Categories
  99. Get attributes from last block created
  100. How do I make the block editor use https by default?