Anpassen des Hauptlayouts

Hallo, ich möchte zwei Spalten (links und rechts) des main-outlet hinzufügen, um sie als Banner zu nutzen.

Soweit ich das verstanden habe, kann ich im plugin-outlet-Bereich problemlos neuen HTML-Code einfügen. Das ist jedoch nicht das, was ich erreichen möchte, da es dort keinen Platz für diese Banner gibt.

Wie sollte ich vorgehen?

Schauen Sie sich Folgendes an:

1 „Gefällt mir“

Hm… also würde ich für jedes Banner ein Widget erstellen und es dann laden, richtig?

Vielleicht erfüllt das vorhandene HTML-Widget bereits alle Ihre Anforderungen. GitHub - paviliondev/layouts-custom-html: A widget for the Layouts plugin that allows for Custom HTML to be inserted · GitHub

1 „Gefällt mir“

Das ist wahrscheinlich die Lösung. Allerdings habe ich es noch nicht zum Laufen gebracht.

Ich verstehe nicht, was du meinst, oder wie ich das vorhandene HTML-Widget verwenden soll. :confused:
Also habe ich beschlossen, mein eigenes Widget zu erstellen, das die beiden Banner erstellt und an den Seiten hinzufügt.

Ich habe ein Widget erstellt: https://github.com/teakap/banner-theme-component

Es wird geladen, und ich habe es als Widget in den Layout-Einstellungen hinzugefügt, aber ich sehe das HTML des Widgets immer noch nicht auf der Seite.

1 „Gefällt mir“

Toll, dass du dich eingearbeitet hast!

Halte beim Debuggen von JavaScript immer, immer die Browserkonsole offen.

Das ist das, was ich erhalte:

image

Dir fehlt eine Import-Anweisung:

import { h } from 'virtual-dom';

Damit ist es dann behoben:

Beachte jedoch, dass du es so coden solltest, sonst wird dein Klassenname angezeigt (wie oben):

h("span.some-banner-class", "mein Text"):

image

Mach weiter so! :slight_smile:

3 „Gefällt mir“

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