Zum Inhalt springen

Leitfaden

Logo, Favicon und Social-Sharing-Bild anpassen

Branding & Einstellungen · 4 Min. Lesezeit

Gib deiner Community das Aussehen deiner Marke. Auf der Seite Branding lädst du Logo, Favicon und App-Icons hoch, legst das Bild fest, das beim Teilen deiner Community angezeigt wird, und fügst den Anmeldeseiten einen Hintergrund hinzu. Markenfarben und Schriften legst du in den Designs fest.

Wer kann das tun: Community-Inhaber und -Administratoren. · Wo: Web (Admin-Konsole). · Tarif: Logos und Icons sind an keinen Tarif gebunden. Ob du das Mateflow-Branding entfernen kannst (White-Label), hängt von deinem Plattform-Tarif ab.

Branding-Seite öffnen

Gehe zu Admin → Darstellung → Branding. Auf einem breiten Bildschirm zeigt die Live-Vorschau rechts deine Bilder in Seitenleiste & Feed, in einem Browser-Tab, als App-Icon, auf einer Karte Social Share und auf der Auth-Seite, jeweils im Hell- und Dunkelmodus.

Mitglieder sehen keine Änderung, bis du auf Save Changes klickst. Reset Changes verwirft ungespeicherte Änderungen, und Mateflow fragt nach, bevor du die Seite mit ungespeicherten Änderungen verlässt.

Festlegen, wie dein Logo in der Navigation erscheint

Wähle unter Navigations-Header einen Anzeigestil:

  • Wortmarke: dein horizontales Logo. Lege seine Höhe mit Anzeiggröße in der Navigation fest: Klein, Mittel oder Groß.
  • Icon + Name: dein quadratisches Logo neben dem Namen deiner Community.
  • Nur Icon: nur dein quadratisches Logo.

Fehlt das Logo, das ein Stil braucht, weicht Mateflow auf eine Alternative aus. Zum Beispiel zeigt Wortmarke ohne primäres Logo dein quadratisches Logo und den Namen deiner Community.

Primäres Logo hochladen

Lade unter Primäre Logos ein Hellmodus-Logo (dunkler Text oder dunkle Icons für helle Hintergründe) und ein Dunkelmodus-Logo (heller Text oder helle Icons für dunkle Hintergründe) hoch. Sie erscheinen in der Navigation und auf den Anmeldeseiten.

Verwende eine einfache Wortmarke auf transparentem Hintergrund, etwa 3:1 bis 5:1 breit (zum Beispiel 400×100px). Sie wird klein dargestellt, also vermeide Fotos und feine Details. Du kannst JPG-, PNG-, GIF- oder WebP-Dateien bis 10 MB hochladen. SVG-Dateien werden nicht unterstützt.

Noch kein Logo? Klicke auf Aus Text generieren, um aus dem Namen deiner Community ein Logo zu machen. Wähle Schriftart, Schriftstärke, Schreibweise, Buchstabenabstand und Textfarbe im Hell-Modus, und hake Auch quadratisches Symbol generieren und Auch Favicon generieren an, wenn du diese ebenfalls möchtest. Klicke auf Generieren & anwenden und dann auf Save Changes.

Favicon und quadratische App-Icons hinzufügen

Unter App-Icons & Favicon:

  • Quadratisches Logo (Hell) und Quadratisches Logo (Dunkel): Bilder im Format 1:1, 256×256px. Sie werden in mobilen Headern verwendet, wenn jemand deine Community auf seinem Startbildschirm installiert, und in der Seitenleiste, wenn du kein horizontales Logo hast.
  • Favicon: das kleine Symbol im Browser-Tab. Verwende eine ICO-, PNG- oder WebP-Datei mit 32×32px.

Bild für Social Sharing festlegen

Lade unter Social Sharing ein Open-Graph-Bild (OG-Bild) hoch, idealerweise 1200×630px. Es ist das Standard-Vorschaubild, wenn jemand einen Link zu deiner Community auf Facebook, X, LinkedIn oder ähnlichen Seiten teilt.

Hintergrundbild für die Anmeldeseiten hinzufügen

Lade unter Hintergrundbild der Auth-Seiten ein Auth-Hintergrundbild hoch. Es erscheint im Seitenbereich der Seiten für Anmeldung, Registrierung, vergessenes Passwort und Zwei-Faktor-Authentifizierung. Verwende ein Bild im Hochformat mit mindestens 1080px an der kurzen Seite, als JPG, PNG oder WebP und höchstens 2 MB groß. Lass das Feld leer, um den standardmäßigen dunklen Hintergrund zu verwenden.

Branding-Bild ersetzen oder entfernen

Bewege den Mauszeiger über ein hochgeladenes Bild, um zwei Schaltflächen einzublenden: Die Upload-Schaltfläche ersetzt das Bild, die Papierkorb-Schaltfläche entfernt es. Klicke dann auf Save Changes. Ein entferntes Bild bleibt für Mitglieder sichtbar, bis du speicherst.

Markenfarben und Schriften ändern

Markenfarben und Schriften gehören zu deinem Design, nicht zur Branding-Seite. Klicke oben auf der Branding-Seite auf Farben & Schriften in Themes verwalten → oder gehe zu Admin → Darstellung → Designs. Du kannst die Farben für den Hell- und den Dunkelmodus getrennt festlegen. Siehe Design und Dunkelmodus auswählen.

Mobile App in einer White-Label-Community anzeigen

Wenn dein Plattform-Tarif das Mateflow-Branding entfernt (White-Label), sind die Download-Seite der mobilen App, der Menülink und die Installationshinweise für Mitglieder ausgeblendet, weil die App den Namen Mateflow trägt. Um sie anzuzeigen, schalte auf der Branding-Seite in der Karte Mobile App den Schalter Mobile App für Mitglieder anzeigen ein. Dieser Schalter speichert sofort, ohne Save Changes. Mitglieder finden die App im App Store und bei Google Play unter dem Namen Mateflow.

Verwandte Artikel

War dieser Leitfaden hilfreich?

Zurück zu den Leitfäden

Sie finden nicht, was Sie brauchen?

Wenn Sie Mitglied einer Community sind, helfen Ihnen deren Admins weiter. Wenn Sie eine Community auf Mateflow aufbauen oder betreiben, hilft Ihnen unser Team.

Kostenlos testen