Ein Logo ist ein Bild, das dich oder deine Marke repräsentiert und normalerweise an einer prominenten Position oben auf einer Website platziert wird. In diesem Ratgeber wird dir gezeigt, wie du deiner Website ein Logo hinzufügen kannst.
Wenn du gerade erst mit deiner Website, deinem Projekt oder deinem Unternehmen anfängst, hast du möglicherweise noch kein Logo. Beachte beim Erstellen eines Logo-Bildes die folgenden Ratschläge:
- Verwende eine .png-Datei mit einem transparenten Hintergrund, damit das Logo nicht mit einem weißen Rand angezeigt wird, wenn du es auf deiner Website platzierst.
- Halte das Design schlicht, damit es auf allen Bildschirmen gut aussieht, ob groß oder klein.
- Die empfohlene Größe deines Logos hängt von deinem Theme ab, aber eine Breite von 200 px ist ein guter Ausgangspunkt.
- Erstelle eine kleinere Version deines Logos, die du als Website-Icon verwenden kannst.
Verwende den Jetpack AI-Logo-Generator, um ein Logo zu erstellen, das auf dem Untertitel deiner Website basiert. Du kannst die Schreibanregung anpassen und verschiedene Stile auswählen, um den gewünschten Look zu erhalten.
Erfahre, wie du mit Jetpack AI ein Logo erstellst.
So erstellst du mit Fiverr ein Logo für deine Website:
- Besuche die Logoerstellungs-Website von Fiverr.
- Gib den Namen deines Unternehmens oder Blogs und einen Slogan ein, falls vorhanden, und klicke auf Erstellen.
- Fiverr erstellt automatisch Logos für dich. Du kannst dein bevorzugtes Design auswählen und Farbe, Schriftart, Schriftgröße, Abstände, Positionierung und mehr anpassen.
- Nachdem du dein Logo gekauft hast, kannst du die Bilddatei herunterladen.
- Lade das Logo-Bild auf WordPress.com hoch, indem du die Schritte im nächsten Abschnitt befolgst.
In den meisten Fällen fügst du dein Logo mit dem Website-Editor hinzu. Wenn deine Website jedoch ein klassisches Theme oder ein Drittanbieter-Theme verwendet, musst du zum Hinzufügen oder Bearbeiten des Logos deiner Website möglicherweise den Customizer verwenden.
Um schnell festzustellen, ob deine Website den Website-Editor verwendet, sieh in deinem Dashboard unter Design nach. Wenn dir dort Editor angezeigt wird, verwendest du ein Website-Editor-Theme.
Wähle den entsprechenden Tab für deine Benutzeroberfläche aus:
So fügst du mit dem Website-Editor ein Logo zu deiner Website hinzu:
- Navigiere im Dashboard deiner Website zu Design → Editor.
- Klicke rechts auf die Vorschau der Startseite oder wähle den Tab Vorlagen aus, um ein bestimmtes Template-Teil anzupassen.
- Wähle in der linken oberen Ecke des Editors die Option Listenansicht aus. Das Icon besteht aus drei horizontalen Linien übereinander.
- Durchsuche die Abschnitte deines Headers:
- Die meisten Header-Template-Teile verfügen bereits über einen Website-Logo-Block.
- Wenn du keinen Website-Logo-Block siehst, füge mit dem + Block-Inserter einen hinzu.
- Wähle in der angezeigten Block-Werkzeugleiste eine der folgenden Optionen aus:
- Logo wählen: Diese Option wird angezeigt, wenn du noch kein Website-Logo hinzugefügt hast.
- Mit KI generieren: Klicke auf die drei Sterne, um mithilfe von KI ein Logo zu generieren.
- Ersetzen: Mit dieser Option kannst du das Logo deiner Website ersetzen oder zurücksetzen.
- Passe in der Seitenleiste mit den Blockeinstellungen die folgenden Einstellungen an:
- Bildbreite: Verwende den Schieberegler oder gib eine Zahl ein, um die Breite des Logos festzulegen.
- Bild auf die Startseite verlinken: Verlinke dein Website-Logo mit der Startseite deiner Website. Wähle optional die Option aus, um den Link in einem neuen Tab zu öffnen.
- Als Website-Icon verwenden: Lege dein Website-Logo als Website-Icon fest (was in Browser-Tabs angezeigt wird).
- Passe in der Seitenleiste für Blockstile die folgenden Stile an:
- Bildstil: Du hast die Wahl zwischen „Standard“ oder „Abgerundet“. Wenn du „Abgerundet“ auswählst, wird ein quadratisches Bild zum perfekten Kreis, während ein rechteckiges Bild eine längliche Form annimmt.
- Filter: Füge mit der Duotone-Filtereinstellung einen Zweiton-Farbeffekt hinzu.
- Bildabmessungen: Füge mithilfe der Abmessungseinstellungen Abstände um das Bild hinzu.
- Klicke auf den Button Speichern, um deine Änderungen zu veröffentlichen.
Support 