Logo-Leiste

Mit diesem Bereich erstellst du eine horizontale Leiste mit Kunden-, Partner- oder Sponsorenlogos. Das zeigt Vertrauen und Kooperationen auf und macht einen professionellen Eindruck bei deinen Besuchern.

Voraussetzungen

• Logo-Dateien deiner Partner, Kunden oder Sponsoren
• Optional: Links zu den Websites der Partner
• Optional: Namen der Unternehmen für bessere Barrierefreiheit

Aufbau der Seite

Der Bereich besteht aus:

• Titel: Optionale Überschrift über den Logos
• Logo-Sammlung: Horizontal angeordnete Logos
• Verknüpfungen: Logos können zu Partner-Websites verlinken
• Responsive Layout: Automatische Anpassung an verschiedene Bildschirmgrößen

So arbeitest du mit dieser Seite

Titel hinzufügen

1. Gib im Feld "Title" eine Überschrift für deine Logo-Leiste ein
   • Beispiel: "Unsere Partner"
   • Beispiel: "Vertrauen Sie uns – das tun auch:"
   • Beispiel: "Kunden, die uns vertrauen"
2. Lasse das Feld leer, wenn du keinen Titel möchtest

Logos hinzufügen

1. Klicke auf "Logo hinzufügen" oder das Plus-Symbol
2. Name: Gib den Namen des Unternehmens ein
   • Wird als Bildunterschrift und für Screenreader verwendet
   • Beispiel: "Microsoft", "Google", "Muster GmbH"
3. Bild: Lade das Logo hoch
   • Unterstützte Formate: PNG, JPG, SVG
   • Empfohlen: PNG mit transparentem Hintergrund
4. URL: Füge optional einen Link zur Partner-Website hinzu
   • Beispiel: "https://www.partner-website.de"
   • Lasse leer, wenn das Logo nicht verlinkt sein soll

Darstellung anpassen

1. Logo-Höhe (LogoHeight): Stelle die Höhe aller Logos ein

   • Standard: "60px"
   • Empfohlen: 40px - 100px
   • Alle Logos werden auf diese Höhe skaliert

2. Dunkler Hintergrund (IsDark): Aktiviere diese Option für dunkle Hintergründe

   • Ändert die Textfarbe zu hell
   • Passt die Darstellung an dunkle Designs an

3. Graustufen (IsGrayscale): Aktiviere diese Option für einheitliches Aussehen

   • Alle Logos werden in Graustufen und mit reduzierter Deckkraft angezeigt
   • Sorgt für ein ruhigeres, professionelleres Erscheinungsbild

4. Animation: Wähle eine Einblendungsanimation

   • Die gesamte Logo-Leiste wird animiert eingeblendet

Tipps und Hinweise

• Logo-Qualität: Verwende hochauflösende Logos für scharfe Darstellung
• Einheitlichkeit: Alle Logos sollten ähnliche Qualität und Stil haben
• Anzahl: 3-8 Logos sind optimal – zu viele können überwältigend wirken
• Berechtigung: Stelle sicher, dass du die Erlaubnis hast, die Logos zu verwenden
• Aktualität: Halte die Partner-Links aktuell

Logo-Formate optimieren

• PNG: Ideal für Logos mit transparentem Hintergrund
• SVG: Beste Qualität bei allen Größen, kleinste Dateigröße
• JPG: Nur wenn PNG/SVG nicht verfügbar

Verwendungsbeispiele

Kundenlogos:

• Titel: "Kunden, die uns vertrauen"
• Graustufen: Aktiviert
• Links: Zu Kunden-Websites oder Fallstudien

Partnerlogos:

• Titel: "Unsere Partner"
• Graustufen: Deaktiviert (Originalfarben)
• Links: Zu Partner-Websites

Technologie-Partner:

• Titel: "Technologien, die wir nutzen"
• Graustufen: Aktiviert
• Links: Zu Technologie-Websites

Zertifizierungen:

• Titel: "Zertifiziert von"
• Graustufen: Deaktiviert
• Links: Zu Zertifizierungsdetails

Häufige Probleme lösen

Logos unterschiedlich groß:

• Alle Logos werden automatisch auf die gleiche Höhe skaliert
• Passe die "LogoHeight"-Einstellung an

Logos unscharf:

• Verwende höher auflösende Logo-Dateien
• SVG-Dateien bleiben bei jeder Größe scharf

Zu viele Logos:

• Beschränke dich auf die wichtigsten Partner
• Erstelle mehrere Logo-Leisten für verschiedene Kategorien

Verwandte Seiten

• Einzelbild - Für einzelne Logos
• Bild mit Text - Für Logos mit Beschreibung
• Markdown - Für Texte mit Partner-Erwähnungen