How can we mimic the columns block in Gutenberg to instead be list elements? I wish I can provide an example, but I have 0 clue on a starting point for this one.
Here's my best explanation...Instead of the columns generating div elements that depend on custom class logic like so...
<div class="wp-block-column block-editor-block-list__block wp-block block-core-columns block-editor-block-list__layout">
I just want the wrapping element to be an <li>
for each inner block, with a single parent <ul>
to wrap the entire custom block.
Where do I start my journey in building something like this?
Is it possible to duplicate the core functionality that is powered by wp/wp-includes/columns/block.json
and some how store that in a plugin as a custom block that does what I am describing above.
My Reasoning
For my client projects we use bullet lists to provide instructions to various students. Many of these bullet lists repeat the same sections (i.e. a warning section, an info section, a guide section, over and over again). So instead of writing the same thing over and over again and posting these "alerts" into lists, we are taking advantage of "Reusable Blocks" and "Block Patterns" to simply grab these alerts in post them into our lists. But the existing list block does not allow users to add inner blocks into their list items. If there was a way for us developers to have the ability to generate a list with inner blocks, that will help solve this issue.
The question is how.