Здравствуйте! Я хочу добавить две колонки (левую и правую) в main-outlet, чтобы использовать их в качестве баннеров.
Насколько я понял, я могу легко добавить новый HTML-код в пространство plugin-outlets. Однако это не то, что мне нужно, поскольку для таких баннеров там уже нет места.
Как мне лучше поступить?
Посмотрите:
Хм… значит, я бы создал виджет для каждого баннера и затем загрузил его, верно?
Возможно, существующий HTML-виджет полностью отвечает вашим требованиям. GitHub - paviliondev/layouts-custom-html: A widget for the Layouts plugin that allows for Custom HTML to be inserted · GitHub
Скорее всего, это решение. Хотя я пока не смог заставить его работать.
Не понимаю, что вы имеете в виду, или как использовать существующий HTML-виджет. 
Поэтому я решил создать свой собственный виджет, который будет создавать два баннера и добавлять их по бокам.
Я создал виджет: https://github.com/teakap/banner-theme-component
Он загружен, и я добавил его как виджет в настройки макета, но всё равно не вижу HTML-код виджета на странице.
Отлично, что вы углубились в тему!
Всегда, всегда открывайте консоль браузера при отладке JavaScript.
Вот что я получаю:
Вам не хватает оператора импорта:
import { h } from 'virtual-dom';
Это исправляет проблему:
Обратите внимание, что код должен выглядеть так, иначе будет отображаться имя класса (как в примере выше):
h ("span.some-banner-class", "my text"):
Продолжайте в том же духе! 
