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

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

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

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

こちらをご覧ください:

「いいね!」 1

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

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

「いいね!」 1

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

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

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

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

「いいね!」 1

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

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

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

image

import 文が不足しています:

import { h } from 'virtual-dom';

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

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

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

image

続けてください! :slight_smile:

「いいね!」 3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.