Q: Gutenberg integration: Block styles vs Microthemer styles
This looks like a very interesting plugin. I like the idea to just touch the CSS side of things and do that with a full-blown graphical CSS editor and some nice CSS inspection tools. Which brings me to my question.
I am creating all WP sites now with the Gutenberg site editor as sole page builder. How does the integration of Microthemer with Gutenberg work? Or in other words, will Microthemer create a parallel CSS structure to the one that WordPress produces?
For example: I can change the color of a heading in the block editor, which adds some css like "has-whatever-color" to the header block. And I may also change it in Microthemer. If I change it in Microthemer, will Microthemer produce the same "has-custom-color" Wordpress generated CSS or do its own thing?
Sebastian_Microthemer
Nov 4, 2024A: Hey, thanks for your question. Microthemer does create a parallel structure for the CSS. It doesn't have any awareness of Gutenberg generated CSS styles. It just generates styles based on the visual CSS options you apply or the custom CSS you add via its code editor.
One workflow could be using the global style options in Gutenberg, but use Microthemer for all other CSS changes. Another option is to only use Microthemer to fill in any gaps with Gutenberg styling options. There's no right way - my users implement both approaches.
I've written a blog post which explains why you might use Microthemer with Gutenberg (as opposed to using a desktop CSS editor or just sticking with the native CSS options):
https://themeover.com/microthemer-7-3-released/
And there's a video walk-through covering the deep integration with Gutenberg (meaning you can style elements with the editor active).
https://themeover.com/gutenberg-responsive-css-using-microthemer/
I hope that helps. Let me know if you have any more questions.
Cheers,
Sebastian