WPConsent-Dokumentation

Dokumentation, Referenzmaterialien und Tutorials für WPConsent

Banner-Layout-Optionen

Möchten Sie steuern, wo Ihr Einwilligungsbanner angezeigt wird und wie es strukturiert ist? WPConsent bietet Ihnen 3 Layout-Typen mit flexibler Positionierung. Diese Anleitung behandelt die Registerkarte „Layout“ auf der Seite „Bannerdesign“.

Inhaltsverzeichnis

Voraussetzungen

  • WPConsent ist auf Ihrer WordPress-Website installiert und aktiviert.
  • Sie haben Administratorzugriff auf das WordPress-Dashboard.

Um zu beginnen, gehen Sie zu WPConsent >> Banner-Design. Die Registerkarte „Layout“ ist die erste Ansicht und standardmäßig ausgewählt.

Die Seite „Bannerdesign“ mit aktivierter Registerkarte „Layout“

Auswahl eines Layouttyps

Unter der Überschrift „Layout“ sehen Sie drei visuelle Optionen. Wählen Sie diejenige aus, die am besten zu Ihrer Website passt.

LayoutBeschreibung
Langes BannerEine Leiste in voller Breite, die sich über den oberen oder unteren Rand des Ansichtsfensters erstreckt. Dies ist das Standardlayout.
Schwebendes BannerEine kompakte Karte, die in einer der vier Ecken des Bildschirms platziert ist.
Modal-BannerEine zentrierte Überlagerung, die den Rest der Seite abdunkelt und Besucher dazu auffordert, eine Auswahl zu treffen, bevor sie fortfahren können.

Pro-Funktion: Für das Layout „Modal Banner“ ist die kostenpflichtige Version von WPConsent erforderlich.

Die drei Optionen für das Banner-Layout

Einstellung der Bannerposition

Die verfügbaren Positionsoptionen ändern sich je nach dem von Ihnen ausgewählten Layout.

Lange Bannerpositionen:

  • Oben: Das Banner wird oben im Ansichtsfenster angezeigt.
  • Unten: Das Banner wird am unteren Rand des Ansichtsfensters angezeigt. Dies ist die Standardeinstellung.

Positionen für Floating Banner:

  • Links oben
  • Rechts oben
  • Links Unten
  • Rechts Unten

Das Layout „Modal Banner“ verfügt über keine Positionseinstellung, da es immer zentriert auf dem Bildschirm angezeigt wird.

Positionsoptionen für das Layout „Langes Banner“

Speichern und mit dem nächsten Tab fortfahren

Nachdem Sie Ihr Layout und Ihre Position ausgewählt haben, klicken Sie auf „Speichern und fortfahren“, um Ihre Auswahl zu speichern und zur Registerkarte „Stil“ zu wechseln. Sie können auch auf die Schaltfläche „Speichern“ in der oberen rechten Ecke klicken, um zu speichern, ohne die Seite zu verlassen.

Vorschau des Banners

Sie müssen den Admin-Bereich nicht verlassen, um zu sehen, wie Ihr Banner aussieht. Klicken Sie auf einer beliebigen Registerkarte der Seite „Bannerdesign“ oben rechts auf die Schaltfläche „Vorschau “. Daraufhin wird eine ganzseitige Überlagerung geöffnet, die Ihr Banner mit den aktuellen Layout-, Stil- und Inhaltseinstellungen anzeigt.

Die Vorschau zeigt nicht gespeicherte Änderungen an, sodass Sie mit verschiedenen Layouts experimentieren und das Ergebnis sofort sehen können. Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Vorschau schließen“ in der oberen rechten Ecke der Überlagerung, um zu den Einstellungen zurückzukehren.

Hier ist ein Beispiel für das Layout des Modal-Banners in der Admin-Vorschau:

Das in der Admin-Vorschau-Überlagerung angezeigte modale Banner-Layout

Überprüfen Ihrer Einrichtung

  1. Öffnen Sie Ihre Website in einem neuen Inkognito- oder privaten Browserfenster.
  2. Überprüfen Sie, ob das Banner in dem von Ihnen gewählten Layout und an der von Ihnen gewählten Position angezeigt wird.

Häufig gestellte Fragen

Warum ist die Option „Modal Banner“ ausgegraut?

Das Modal-Banner-Layout erfordert die kostenpflichtige Version von WPConsent.

Verliere ich meine Stil- und Inhaltseinstellungen, wenn ich das Layout ändere?

Nein. Beim Wechseln zwischen Layouts bleiben alle anderen Einstellungen erhalten, einschließlich Farben, Schriftarten, Schaltflächentext und Nachrichteninhalt. Nur die Werte für Layout und Position ändern sich.

Wie sieht das Banner auf Mobilgeräten aus?

Alle drei Layouts sind responsiv. Das Long Banner passt sich an schmalere Bildschirme an, indem es die Nachricht und die Schaltflächen vertikal stapelt. Das Floating Banner wird verkleinert, um sich an kleinere Bildschirmansichten anzupassen. Das Modal Banner bleibt zentriert und passt seine Breite an den Bildschirm an.

Kann ich für verschiedene Seiten unterschiedliche Layouts verwenden?

Nein. Das Banner-Layout gilt für Ihre gesamte Website. Es gibt keine Möglichkeit, auf bestimmten Seiten ein anderes Layout anzuzeigen.

Warum überlagert mein schwebendes Banner wichtige Inhalte?

Versuchen Sie, zu einer anderen Eckposition zu wechseln. Wenn Ihre Website beispielsweise über ein Chat-Widget in der unteren rechten Ecke verfügt, verschieben Sie das schwebende Banner in die untere linke Ecke. Sie können auch zum Layout „Langes Banner“ wechseln, das den Seiteninhalt nicht überlagert.

Schlussfolgerung

Sie haben nun das Layout und die Position Ihres Banners konfiguriert. Um die Farben, Schriftarten und Schaltflächenstile des Banners anzupassen, fahren Sie mit der Anpassung Ihres Bannerstils fort. Informationen zum Konfigurieren der Banner-Nachricht, der Schaltflächen und anderer Inhalte finden Sie im Leitfaden zu Banner-Inhalten und -Texten.

War dieser Artikel hilfreich?

Verwandte Artikel