Logoleiste und Banner gestalten

Mit der Logoleiste stellst du eine Sammlung von Logos dar – etwa von Partnern, Kunden oder Zertifizierungen. Du kannst die Logos anordnen, verlinken und ihr Aussehen einstellen.

Voraussetzungen

Du brauchst Schreibrecht für die Website und ein bestehendes Seitenelement vom Typ Logoleiste, das du bearbeiten möchtest. Wie du ein neues Seitenelement hinzufügst, erfährst du unter Block auf einer Seite einrichten (Blockkatalog).

So gehst du vor

Überschrift eintragen

1. Trage eine Überschrift ein, die über der Logoleiste angezeigt wird. Das Feld heißt Überschrift und nutzt Markdown-Formatierung – du kannst also Text fett oder kursiv gestalten. Lasse das Feld leer, wenn die Logoleiste ohne Überschrift beginnen soll.

Logos hinzufügen und bearbeiten

2. Klicke auf Logo hinzufügen, um das erste Logo anzulegen.

3. Für jedes Logo trage folgende Angaben ein:

   • Bild: Klicke auf das Bildfeld und wähle ein Bild aus deinem Bestand. Das Bild wird später in der Höhe skaliert, die du unter „Aufbau" festlegst – das Seitenverhältnis bleibt erhalten.
   • Name: Eine Bezeichnung für das Logo, etwa der Name des Partners. Dieser Name wird angezeigt, falls das Bild nicht geladen wird, und hilft dir, die Logos in der Liste zu unterscheiden.
   • Ziel: Wenn das Logo anklickbar sein soll, wähle hier eine Seite oder einen Link aus. Leere das Feld, wenn das Logo nicht verlinkt sein soll.

4. Um die Reihenfolge der Logos zu ändern, nutze die Pfeile-Schaltflächen neben jedem Logo:

   • Der Pfeil nach oben rückt das Logo nach oben (deaktiviert beim ersten Logo).
   • Der Pfeil nach unten rückt das Logo nach unten (deaktiviert beim letzten Logo).

5. Um ein Logo zu vervielfältigen, klicke auf die Kopieren-Schaltfläche. Das neue Logo hat dieselbe Bild, denselben Namen und denselben Link wie das Original.

6. Um ein Logo zu löschen, klicke auf die Entfernen-Schaltfläche.

Aufbau einstellen

7. Unter Aufbau legst du fest, wie die Logos angezeigt werden:

   • Bauform: Wähle zwischen verschiedenen Layouts. Das Laufband bewegt die Logos kontinuierlich – es hält an, wenn der Benutzer die Maus darüber bewegt, und bietet einen Knopf zum Pausieren. Nutzer mit einer Einstellung für weniger Bewegung sehen die Logos still.
   • Höhe der Logos: Wähle eine vorgegebene Größe (Klein, Mittel, Groß) oder Automatisch, um jedem Logo seine eigene Höhe zu bewahren. Alle Logos werden auf diese Höhe skaliert; das Seitenverhältnis bleibt gleich.
   • Logos abgedunkelt: Schalte diese Option ein, um die Logos grau darzustellen. Das ist sinnvoll, wenn sie zunächst unauffällig sein sollen und erst bei Hover farbig werden.
   • Bezeichnung (für Verlinkung): Ein Name für diesen Abschnitt, falls andere Seiten oder Links direkt auf diese Logoleiste zeigen sollen. Du brauchst dieses Feld nur auszufüllen, wenn du plant, den Abschnitt zu verlinken.

Für Fortgeschrittene (optional)

8. Öffne den Bereich Für Fortgeschrittene, wenn du eine ganz eigene Höhe vorgeben möchtest:

   • Logo-Höhe: Trage eine Höhe in Pixeln ein, zum Beispiel 120. Dies überschreibt die Stufe aus „Aufbau". Lasse das Feld leer, um die Stufe zu nutzen und jedes Logo seine eigene Höhe bewahren zu lassen.

9. Speichere deine Änderungen – sie werden sofort übernommen.

Aufbau der Logoleiste

Überschrift: Ein Überschriftentext mit optionaler Markdown-Formatierung, der vor den Logos angezeigt wird.

Logos: Eine sortierbare Liste mit jeweils einem Bild, einem Namen und einem optionalen Link. Du kannst beliebig viele Logos hinzufügen und anordnen.

Bauform: Das Layout bestimmt, ob die Logos statisch in Reihen oder in einem Laufband angezeigt werden.

Höhe der Logos: Eine Einstellung, die alle Logos auf die gleiche Größe skaliert. Eine eigene Pixelangabe unter „Für Fortgeschrittene" überschreibt die vorgegebenen Stufen.

Was danach passiert

Die Logoleiste wird auf deiner Website angezeigt und ist sofort nach dem Speichern live. Alle Änderungen an den Logos, ihrer Reihenfolge und ihren Links sind unmittelbar wirksam. Benutzer sehen die Logoleiste in der gewählten Bauform und Höhe; verlinkte Logos führen zu den hinterlegten Zielen.

Wenn du die Logoleiste später entfernen möchtest, lösche das komplette Seitenelement – das erfährst du unter Block auf einer Seite einrichten (Blockkatalog).

Tipps und Hinweise

• Bilder vorbereiten: Nutze Bilder mit einem guten Seitenverhältnis (z. B. 2:1 oder 3:1 für Logos). weboffice skaliert sie proportional – zu breite oder zu hohe Bilder führen zu leeren Flächen.
• Laufband und Bewegung: Das Laufband-Layout beachtet Benutzereinstellungen für reduzierte Bewegung. Auf Geräten mit dieser Einstellung sehen Nutzer die Logos still.
• Reihenfolge ändern: Die Pfeile-Schaltflächen funktionieren nur mit bereits hinzugefügten Logos. Neue Logos landen am Ende der Liste.
• Leere Logo-Einträge: Ein Logo ohne Bild wird nur mit seinem Namen angezeigt – nutze das für Text-Einträge, wenn nötig.