Yesterday I finally decided to dive into the new and much awaited WP editor called Gutenberg. As with every new things in life I expected it to be difficult and hard to get the hang on but to my pleasant surprise it wasn’t complex at all, in fact you would think why so late?
The only thing that I had to search for on the internet was the process to add HTML code – as text – to the code. Lets try adding some code:
<div style="display:flex;background-color:lightblue;height:200px"> <div style="width:20%;background-color:rgba(0,0,0,0.2);">2</div> <div style="width:20%;background-color:rgba(0,0,0,0.4);">3</div> </div>
My wish list:
- I wish it had some sort of easy indentation such as tab button. Result: There is actually a solution, we can first insert HTML through a custom HTML widget and then copy and paste it into the <> code box.
- I wish it had some sort of autocomplete CSS attributes.
- How about converting multiple lines to list?
- Having a title specifically for the list – perhaps it is somewhere I haven’t found yet. –
Lets check the results of my code