Hola, quiero añadir dos columnas (izquierda y derecha) al main-outlet para utilizarlas como banners.
Por lo que he entendido hasta ahora, puedo añadir fácilmente nuevo código HTML en el espacio plugin-outlets. Pero eso no es lo que quiero hacer, ya que no existe un espacio predefinido para estos banners.
¿Cuál debería ser mi enfoque?
Echa un vistazo a:
Hm… ¿así que crearía un widget para cada banner y luego lo cargaría, verdad?
Es posible que el widget HTML existente haga todo lo que necesitas. GitHub - paviliondev/layouts-custom-html: A widget for the Layouts plugin that allows for Custom HTML to be inserted · GitHub
Probablemente sea la solución. Aunque, aún no he logrado que funcione.
No entiendo a qué te refieres ni cómo usaría el widget HTML existente. 
Así que decidí crear mi propio widget que generara los dos banners y los agregara a los lados.
Creé un widget: https://github.com/teakap/banner-theme-component
Está cargado y lo agregué como widget en la configuración de diseño, pero aún no veo el HTML del widget en la página.
¡Genial que te hayas adentrado!
Siempre, siempre ten abierta la consola del navegador cuando depures JavaScript.
Esto es lo que obtengo:
Te falta una declaración de importación:
import { h } from 'virtual-dom';
Eso lo soluciona:
Ten en cuenta que deberías codificarlo así, de lo contrario se mostrará el nombre de la clase (como sucede arriba):
h ("span.some-banner-class", "mi texto"):
¡Sigue así! 
