Wie fügt man einen eigenen Seitenbanner hinzu?
Im CONREGO-System kannst du ein Banner auf der Seite auf verschiedene Arten hinzufügen - je nachdem, wie es aussehen soll. Hier sind die drei am häufigsten verwendeten Optionen:
1. Banner direkt im System erstellt
Diese Methode ist ideal, wenn du kein fertiges Banner von einem Grafiker hast.
So fügst du das Banner hinzu: Gehe im Administrationspanel zu WEBSITE > WEBSITE-BRANDING.
- Ändere die Hintergrundfarbe oder füge ein Hintergrundbild hinzu
Wähle eine Grafik ohne Text, die als Hintergrund dient. So sieht die gesamte Komposition auf verschiedenen Geräten (Smartphone, Tablet) gut aus.
- Ersetze das Event-Logo
- Gib den Namen und das Datum der Veranstaltung ein
Dieses Banner wird sich automatisch an verschiedene Bildschirmauflösungen anpassen.
2. Fertiges Banner vom Grafiker (mit Text und Grafik als Hintergrund)
Wenn Sie ein einzelnes Banner als Grafikdatei, zum Beispiel im JPG- oder PNG-Format, vorbereitet haben und es die gesamte Breite und Höhe des Bildschirms einnehmen soll, verwenden Sie diese Methode.
Gehe zu WEBSITE > LISTE DER SEITEN und folge diesen Schritten:
- Lade die Grafik als Event-Logo hoch
- Setze die maximale Breite auf 1920 px
- Blende die restlichen Bannerelemente aus (z. B. den Eventtitel)
- Füge den folgenden Code unter EINSTELLUNGEN > FÜR ENTWICKLER > custom.css:
.bnr, .bnr img {
padding: 0px;
margin: 0px;
}Damit wird das Banner auf allen Geräten korrekt angezeigt - sowohl auf Computern als auch auf Mobilgeräten.
3. Inhaltsblock „Grafisches Banner“
Wenn Sie drei vorbereitete Versionen des Banners für Desktop, Tablet und Mobilgeräte haben, können Sie den Inhaltsblock Grafisches Banner verwenden.
So fügen Sie ihn hinzu:
- Gehen Sie zum Bereich SEITE > SEITENLISTE.
- Klicken Sie auf das Bearbeitungssymbol der Seite, auf der Sie das Banner platzieren möchten.
- Fügen Sie im Editor für Seiteninhalte einen neuen Block GRAFISCHES BANNER hinzu.
-
Fügen Sie die Grafiken hinzu und speichern Sie die Änderungen.
Mit dieser Lösung bleiben die Texte gut lesbar, die Proportionen korrekt und Sie behalten auf jedem Gerät die vollständige Kontrolle über das Erscheinungsbild des Banners, ohne eigenen CSS-Code hinzufügen zu müssen.