メインレイアウトのカスタマイズ

サポート
1

こんにちは。メインアウトレットの左右に、バナーとして使用する2つのカラムを追加したいと考えています。

私の理解では、プラグインアウトレットスペースには新しいHTMLコードを簡単に追加できるようです。
しかし、これは私が求めているものではありません。なぜなら、これらのバナーのためのスペースがまだ存在しないからです。

どのようなアプローチをとるべきでしょうか？

2

こちらをご覧ください:

3

ふむ…つまり、バナーごとにウィジェットを作成して、それをロードするということですね？

4

既存の HTML ウィジェットですべての要件を満たしているかもしれません。GitHub - paviliondev/layouts-custom-html: A widget for the Layouts plugin that allows for Custom HTML to be inserted · GitHub

5

おそらくそれが解決策なのでしょう。ただし、まだうまく動作させることができていません。

あなたの言っている意味や、既存の HTML ウィジェットをどのように使うのか、理解できません。:confused:
そのため、2 つのバナーを作成し、それを両側に追加する独自のウィジェットを作ることにしました。

作成したウィジェット：https://github.com/teakap/banner-theme-component

banners_import
banners_import2016×472 50 KB

ウィジェットは読み込まれており、レイアウト設定にウィジェットとして追加したのですが、それでもページ上にウィジェットの HTML が表示されません。

6

深入りしてくださって素晴らしいです！

JavaScript のデバッグ時は、常にブラウザのコンソールを開いておいてください。

私が得た結果は以下の通りです：

image

import 文が不足しています：

import { h } from 'virtual-dom';

これにより修正されます：

image
image359×132 2.15 KB

ただし、以下のように記述する必要があります。そうしないとクラス名が表示されてしまいます（上記の例のように）：

h ("span.some-banner-class", "my text"):

image
image441×125 2.62 KB

image

続けてください！ :slight_smile: