Nat TaylorBlog, AI, Product Management & Tinkering

TIL: Block Editor Outlines

Published on .

I can never find the correct click regions for blocks in Gutenberg, so here’s a simple way to implement outlines

function block_editor_outlines() {
  echo "<style>
    .is-root-container > *[data-block] {
    outline: 1px dashed lightgray
}</style>
  ";
}
add_action( 'enqueue_block_editor_assets', 'block_editor_outlines' );
Example of outlines in the block editor

Post Navigation

«
»