Möchten Sie steuern, wo Ihr Zustimmungsbanner erscheint und wie es strukturiert ist? WPConsent bietet Ihnen 3 Layout-Typen mit flexibler Positionierung. Diese Anleitung behandelt den Reiter Layout auf der Seite Banner-Design.
Inhaltsverzeichnis
- Voraussetzungen
- Navigieren zu den Layout-Einstellungen
- Auswahl eines Layout-Typs
- Festlegen der Bannerposition
- Speichern und Fortfahren zum nächsten Reiter
- Vorschau des Banners
- Einrichtung überprüfen
- FAQ
- Schlussfolgerung
Voraussetzungen
- WPConsent ist auf Ihrer WordPress-Website installiert und aktiviert.
- Sie haben Administratorzugriff auf das WordPress-Dashboard.
Navigieren zu den Layout-Einstellungen
Um zu beginnen, gehen Sie zu WPConsent >> Banner-Design. Der Reiter Layout ist die erste Ansicht und ist standardmäßig ausgewählt.
Auswahl eines Layout-Typs
Unter der Überschrift Layout sehen Sie 3 visuelle Optionen. Wählen Sie diejenige aus, die am besten zu Ihrer Website passt.
| Layout | Beschreibung |
|---|---|
| Langes Banner | Eine Vollbildleiste, die sich über die Ober- oder Unterseite des Viewports erstreckt. Dies ist das Standardlayout. |
| Schwebendes Banner | Eine kompakte Karte, die in einer der 4 Ecken des Bildschirms platziert wird. |
| Modal-Banner | Ein zentrierter Overlay, der den Rest der Seite abdunkelt und die Besucher auffordert, eine Auswahl zu treffen, bevor sie fortfahren. |
Pro-Funktion: Das Modal-Banner-Layout erfordert die kostenpflichtige Version von WPConsent.
Festlegen der Bannerposition
Die verfügbaren Positionsoptionen ändern sich je nach gewähltem Layout.
Positionen für langes Banner:
- Oben: Das Banner erscheint am oberen Rand des Viewports.
- Unten: Das Banner erscheint am unteren Rand des Viewports. Dies ist die Standardeinstellung.
Positionen für schwebendes Banner:
- Oben links
- Oben rechts
- Unten links
- Unten rechts
Das Modal-Banner-Layout hat keine Positionseinstellung, da es immer zentriert auf dem Bildschirm erscheint.
Speichern und Fortfahren zum nächsten Reiter
Nachdem Sie Ihr Layout und Ihre Position ausgewählt haben, klicken Sie auf Speichern & Fortfahren, um Ihre Auswahl zu speichern und zum Tab 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 einem beliebigen Tab der Seite Banner-Design auf die Schaltfläche Vorschau in der oberen rechten Ecke. Dies öffnet ein Overlay im Vollbildmodus, das Ihr Banner mit seinen aktuellen Layout-, Stil- und Inhaltseinstellungen rendert.
Die Vorschau spiegelt ungespeicherte Änderungen wider, 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 des Overlays, um zu den Einstellungen zurückzukehren.
Hier ist ein Beispiel für das Modal-Banner-Layout in der Admin-Vorschau:
Einrichtung überprüfen
- Öffnen Sie Ihre Website in einem neuen Inkognito- oder privaten Browserfenster.
- Bestätigen Sie, dass das Banner im von Ihnen gewählten Layout und an der gewählten Position angezeigt wird.
FAQ
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. Das Wechseln zwischen Layouts behält alle Ihre anderen Einstellungen bei, einschließlich Farben, Schriftarten, Schaltflächentext und Nachrichteninhalt. Nur die Layout- und Positionsangaben werden geändert.
Wie sieht das Banner auf Mobilgeräten aus?
Alle 3 Layouts sind responsiv. Das lange Banner passt sich schmaleren Bildschirmen an, indem es die Nachricht und die Schaltflächen vertikal stapelt. Das schwebende Banner skaliert nach unten, um in kleinere Ansichtsfenster zu passen. Das Modal-Banner bleibt zentriert und passt seine Breite an den Bildschirm an.
Kann ich verschiedene Layouts für verschiedene Seiten verwenden?
Nein. Das Banner-Layout gilt für Ihre gesamte Website. Es gibt keine Möglichkeit, ein anderes Layout auf bestimmten Seiten anzuzeigen.
Warum überlappt mein schwebendes Banner wichtige Inhalte?
Versuchen Sie, zu einer anderen Eckposition zu wechseln. Wenn Ihr Website beispielsweise ein Chat-Widget in der unteren rechten Ecke hat, verschieben Sie das schwebende Banner in die untere linke Ecke. Sie können auch zum Layout „Langes Banner“ wechseln, das Seiteninhalte nicht überlappt.
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 zur Konfiguration der Banner-Nachricht, der Schaltflächen und anderer Inhalte finden Sie im Leitfaden für Bannerinhalt und -text.