Olá, quero adicionar duas colunas (esquerda e direita) ao main-outlet para usá-las como banners.
Pelo que já entendi, consigo adicionar facilmente novo código HTML no espaço plugin-outlets.
Mas não é isso que quero fazer, pois já existe um espaço para esses banners.
Qual deve ser minha abordagem?
Dê uma olhada em:
Hmm… então eu criaria um widget para cada banner e, em seguida, o carregaria, certo?
Você pode descobrir que o widget HTML existente atende a todas as suas necessidades. GitHub - paviliondev/layouts-custom-html: A widget for the Layouts plugin that allows for Custom HTML to be inserted · GitHub
Provavelmente é a solução. Embora eu ainda não tenha conseguido fazê-la funcionar.
Não consigo entender o que você quer dizer ou como eu usaria o widget HTML existente. 
Então, decidi criar meu próprio widget que criaria os dois banners e os adicionaria nas laterais.
Criei um widget: https://github.com/teakap/banner-theme-component
Ele foi carregado e eu o adicionei como um widget nas configurações de layout, mas ainda não estou vendo o HTML do widget na página.
Ótimo que você se aprofundou!
Sempre, sempre tenha o console do navegador aberto ao depurar JavaScript.
É isso que eu obtenho:
Você está esquecendo uma instrução de importação:
import { h } from 'virtual-dom';
Isso corrige o problema:
Observe que você deve codificar assim, caso contrário o nome da classe será exibido (como acontece acima):
h("span.some-banner-class", "meu texto"):
Continue assim! 
