Logoleiste und Banner gestalten

Mit einer Logoleiste zeigst du Partnerlogos oder Kundennamen auf deiner Website. Du kannst mehrere Logos hinzufügen, ihre Reihenfolge ändern und sie auf Webseiten verlinken.

Voraussetzungen

Es gibt keine besonderen Voraussetzungen. Du brauchst nur die Bilder der Logos bereit, die du anzeigen möchtest.

So gehst du vor

1. Trage unter Bezeichnung (für Verlinkung) einen Namen ein, unter dem du diesen Block später wiederfindest – zum Beispiel für interne Notizen oder zum Verlinken innerhalb deiner Website.

2. Schalte Logos abgedunkelt ein, wenn die Logobilder grauer und weniger leuchtend wirken sollen.

3. Trage unter Überschrift einen Titel ein, der über der Logoleiste angezeigt wird – etwa „Unsere Partner" oder „Das vertrauen uns".

4. Stelle unter Logo-Höhe fest, wie hoch jedes Logobild angezeigt wird. Gib hier einen Zahlenwert ein (ohne Einheit).

5. Klicke auf Logo hinzufügen, um das erste Logo einzufügen. Ein neuer Eintrag erscheint unter der Überschrift Logos.

6. Für jedes Logo:

   • Lade das Logobild hoch oder wähle es aus: Klicke auf den Bildbereich auf der linken Seite.
   • Trage unter Name den Namen des Partners oder der Marke ein.
   • Gib unter URL die Webadresse ein, zu der das Logo verlinken soll, wenn ein Besucher darauf klickt. Du kannst eine externe Webseite verlinken oder eine Seite aus deiner eigenen Website wählen.

7. Wiederhole Schritt 5 und 6 für jedes weitere Logo.

8. Du kannst die Reihenfolge der Logos ändern oder sie duplizieren:

   • Nach oben verschieben: Klicke auf den Pfeil nach oben neben einem Logo, um es in der Liste nach oben zu rücken.
   • Nach unten verschieben: Klicke auf den Pfeil nach unten, um es nach unten zu verschieben.
   • Kopieren: Klicke auf das Kopiersymbol, um ein Logo zu duplizieren – praktisch, wenn ein Logo mehrfach mit derselben oder einer ähnlichen Einstellung vorkommen soll.
   • Entfernen: Klicke auf den Papierkorb, um ein Logo zu löschen.

Aufbau des Fensters

Das Fenster ist in zwei Abschnitte unterteilt:

Allgemein – Hier legst du die grundsätzliche Gestaltung fest:

• Bezeichnung (für Verlinkung): Ein eindeutiger Name für diesen Block, den nur du siehst.
• Logos abgedunkelt: Schalter, der die Logobilder in Graustufen oder reduzierter Farbbrillianz zeigt.
• Überschrift: Der Titel, der über der Logoleiste angezeigt wird.
• Logo-Höhe: Die Höhe in Pixeln, auf die alle Logobilder skaliert werden.

Logos – Hier verwaltst du die einzelnen Partnerlogos:

• Für jedes Logo siehst du einen Eintrag mit Bildbereich (links), Name und URL (rechts).
• Neben jedem Eintrag stehen vier Schaltflächen: Nach oben verschieben, Nach unten verschieben, Kopieren und Entfernen.
• Unter der Liste findest du die Schaltfläche Logo hinzufügen.

Was danach passiert

Die Logoleiste wird sofort auf deiner Website angezeigt, wenn du den Block auf einer Seite platziert hast. Alle Einstellungen werden automatisch gespeichert.

Um den Block auf einer Seite zu platzieren, siehe Block auf einer Seite einrichten (Blockkatalog).

Tipps und Hinweise

• Verwende Logobilder, deren Proportionen ähnlich sind – so sieht die Leiste gleichmäßiger aus.
• Wenn du Logos abgedunkelt eingeschaltet hast, wirken die Logos in deinem Vorschaumodus möglicherweise heller, als sie später auf der Website angezeigt werden. Das ist normal.
• Die Höhe der Logos wirkt sich auf alle aus – passe sie so an, dass die kleinsten Logos noch gut erkennbar sind.