Logos und Banner einrichten
Mit dieser Logoleiste kannst du Partner-Logos, Zertifikate oder andere grafische Elemente auf deiner Website anzeigen. Du bestimmst Anzahl, Reihenfolge und Größe der Bilder sowie optionale Links dahinter.
Voraussetzungen
Du bearbeitest einen Block auf einer Website-Seite. Siehe Block auf einer Seite einrichten, um einen neuen Block hinzuzufügen.
So gehst du vor
Allgemeine Einstellungen
Gib unter Bezeichnung (für Verlinkung) einen Namen für die Logoleiste ein – dieser ist nach außen unsichtbar und hilft dir nur bei der Verwaltung der Seite.
Aktiviere Logos abgedunkelt, wenn die Bilder in Graustufen angezeigt werden sollen. Das ist sinnvoll, wenn Logos farblich sehr unterschiedlich sind.
Trage unter Überschrift einen Titel ein, den deine Besucher über der Logoleiste sehen. Das Feld akzeptiert Formatierungen wie Fettdruck oder Links (siehe Formatierungsmöglichkeiten mit Markdown).
Stelle unter Logo-Höhe fest, wie groß die Bilder sein sollen. Gib hier einen Wert in Pixeln ein (z. B. 80).
Logos hinzufügen und bearbeiten
Klicke auf Logo hinzufügen, um ein erstes Logo zur Liste hinzuzufügen. Das System erzeugt einen neuen Eintrag mit der Bezeichnung "Neues Logo".
Für jedes Logo:
- Bild hochladen: Klicke links auf das Bildfeld und lade eine Grafik hoch (PNG oder JPG). Das Bild wird auf die unter Punkt 4 festgelegte Höhe skaliert.
- Name: Gib rechts einen Namen oder eine Bezeichnung ein (z. B. "Partner A"). Dieser wird als Alternativtext für das Bild verwendet, falls es nicht geladen wird.
- URL: Trage hier die Adresse ein, auf die deine Besucher klicken, um mehr über den Partner zu erfahren. Das kann eine externe Website oder eine Seite auf deiner Website sein. Das Feld ist optional – ohne URL ist das Logo nicht anklickbar.
Um mehrere Logos zu verwalten:
- Nach oben/unten verschieben: Nutze die Pfeile, um die Reihenfolge zu ändern (oben: nach oben, unten: nach unten).
- Kopieren: Die Schaltfläche mit dem Symbol dupliziert das Logo mit allen seinen Einstellungen – sinnvoll, wenn mehrere Logos ähnlich konfiguriert sind.
- Entfernen: Löscht das Logo aus der Leiste.
Speichere deine Änderungen. Der Block wird sofort auf der Website-Vorschau aktualisiert.
Aufbau der Einstellungen
Allgemein: Hier legst du den Namen fest, bestimmst die Größe und Darstellung (Farbe oder Graustufen) und fügst eine Überschrift hinzu.
Logos: In diesem Bereich verwaltest du alle Logos einzeln. Jedes Logo besteht aus Bild, Name und optionaler Link. Die Schaltflächen ermöglichen Umsortieren, Kopieren und Löschen.
Was danach passiert
Sobald du speicherst, werden die Logos auf der Website sichtbar – in der Reihenfolge, die du festgelegt hast, und in der Größe, die du angegeben hast. Klicks auf verlinkte Logos führen deine Besucher zur angegebenen Adresse. Du kannst jederzeit zurückkommen und Logos hinzufügen, entfernen oder neu anordnen.
Tipps und Hinweise
- Bildformat: Verwende Bilder mit transparentem Hintergrund (PNG), damit sie optisch besser auf deiner Website aussehen.
- Größe testen: Probiere verschiedene Werte für die Logo-Höhe aus. Bei 60–100 Pixeln wirken die meisten Logos deutlich.
- Graustufen für Konsistenz: Wenn Partner-Logos sehr unterschiedliche Farben haben, macht Graustufen das Gesamtbild harmonischer.
- Links auf verschiedene Ziele: Du kannst jedes Logo auf eine andere Seite verlinken – oder auch nur einzelne Logos verlinken und andere rein dekorativ lassen.