Website · 4 Min. Lesezeit
Ihre Website mit dem Customizer gestalten: Logo, Farben, Schriften und Menü
Sie müssen nicht auf einen Designer warten, um das Aussehen Ihrer Website zu ändern. Der Customizer zeigt jede Änderung in einer Live-Vorschau direkt daneben, und gefällt Ihnen das Ergebnis, bringt ein Button es live.
Kurz gesagt
- Der Customizer öffnet sich im Vollbild in einem neuen Tab über Design › Anpassen; links sind die Einstellungen, rechts eine Live-Vorschau Ihrer Website.
- Logo, Website-Icon, Farben, Schriften, Menü und Startseitenabschnitte bearbeiten Sie alle auf demselben Bildschirm.
- Besucher sehen keine Änderungen, bis Sie auf Veröffentlichen klicken; Sie können also zuerst frei in der Vorschau experimentieren.
- Der Live-Customizer ist auch im kostenlosen Starter-Tarif enthalten.
Eine Website macht ihren ersten Eindruck in ein paar Sekunden: Logo, Farben und eine gut lesbare Schrift sagen Besuchern „Das ist ein seriöses Unternehmen“. Mit dem Customizer im Heyşirket-Unternehmenspanel stellen Sie das alles ohne Code ein und sehen das Ergebnis sofort. Dieser Artikel führt durch den ganzen Ablauf, vom Öffnen des Customizers bis zum Veröffentlichen.
- Öffnen — Design › Anpassen
- Bearbeiten — Logo, Farben, Schriften, Menü
- Vorschau — Änderungen erscheinen sofort
- Veröffentlichen — Besucher sehen das neue Aussehen
Teil 1 Den Customizer öffnen
Melden Sie sich in Ihrem Unternehmenspanel an und wählen Sie im linken Menü Design › Anpassen. Der Customizer öffnet sich im Vollbild in einem neuen Tab, sodass der Rest des Panels im Hintergrund wartet, während Sie in einem großzügigen Raum arbeiten. Links stehen die Einstellungsbereiche, rechts eine Live-Vorschau Ihrer Website.
Teil 2 Logo und Website-Icon
Ihr Logo hochladen
Den Bereich Logo und Website-Icon öffnen
Wählen Sie in der Liste links Logo und Website-Symbol.
Ihr Logo wählen
Wählen Sie Ihre Logo-Datei von Ihrem Computer oder aus der Medienbibliothek. Ein horizontales Logo mit transparentem Hintergrund sieht im oberen Menü am saubersten aus.
Ein Website-Icon hinzufügen
Das Website-Icon ist das kleine quadratische Bild, das auf dem Browser-Tab und beim Hinzufügen Ihrer Website zum Startbildschirm eines Handys erscheint. Es funktioniert gut, nur den Symbolteil Ihres Logos als Quadrat zu verwenden.
Teil 3 Farben und Schriften
In den Farbeinstellungen wählen Sie meist eine Hauptfarbe (für Buttons und Links) und passende Abstufungen dazu. Haben Sie eine Markenfarbe, machen Sie sie zur Hauptfarbe; wenn nicht, sorgt die dominante Farbe Ihres Logos für ein stimmiges Bild. Eine sehr helle Hauptfarbe auf hellem Hintergrund macht Text schwer lesbar; prüfen Sie in der Vorschau deshalb immer, dass der Text auf Buttons gut zu lesen ist.
Bei den Schriften suchen Sie nicht einzeln durch Schriftarten, sondern wählen aus fertigen Schriftpaaren. Jedes Paar besteht aus zwei Schriften, die zusammenpassen, eine für Überschriften und eine für Fließtext:
| Paar | Am besten für |
|---|---|
| Modern | Technik, Start-ups und junge Marken |
| Klassisch | Einen eleganten, redaktionellen Look |
| Warm | Unternehmen mit freundlichem, weichem Ton |
| Schlicht | Eine einzige Schriftfamilie für ein ausgewogenes, ruhiges Bild |
| Kräftig | Starke Überschriften, gut lesbarer Text |
| Lesen | Websites mit Schwerpunkt auf Blog und langen Inhalten |
| Am schnellsten | Die eigene Schrift des Geräts; es werden keine zusätzlichen Dateien geladen, daher öffnen Seiten am schnellsten |
Teil 4 Das Menü bearbeiten
Das Menü ist der Weg, auf dem Besucher sich auf Ihrer Website zurechtfinden. Im Menübereich des Customizers können Sie Seiten zum Menü hinzufügen, ihre Reihenfolge ändern und ihre Namen kürzen. Ein gutes Menü ist kurz: Für die meisten Websites kleiner Unternehmen reichen Startseite, Leistungen, Über uns, Blog und Kontakt.
- Halten Sie Menünamen bei ein bis zwei Wörtern; lange Namen brechen auf Handys in eine zweite Zeile um.
- Setzen Sie Ihre wichtigste Aktion (z. B. Kontakt oder Termin buchen) ans Ende des Menüs; dort suchen Besucher gewohnheitsmäßig.
- Verschieben Sie selten besuchte Seiten aus dem Menü in den Footer.
Teil 5 Vorschau und Veröffentlichung
Im selben Customizer können Sie auch die Abschnitte Ihrer Startseite umsortieren, ein- und ausblenden; Details finden Sie in unserem Artikel Abschnitte der Startseite. Sind Sie mit Ihren Änderungen zufrieden, klicken Sie auf Veröffentlichen. Veröffentlichen ist ein einzelner Button: Alle Änderungen, die Sie bis dahin gemacht haben, gehen gemeinsam auf Ihrer Website live.
Checkliste vor dem Veröffentlichen
- Ist Ihr Logo sowohl auf hellem als auch auf dunklem Hintergrund lesbar?
- Ist der Text auf Buttons in der Hauptfarbe gut zu lesen?
- Führt jeder Link im Menü auf die richtige Seite?
- Haben Sie die Vorschau auch in Handygröße geprüft?
Kostet der Customizer etwas?
Nein. Der Live-Customizer ist auch im kostenlosen Starter-Tarif enthalten. Der Seiteneditor und alle Abschnittstypen gehören zum Professional-Tarif; Details finden Sie auf der Seite Preise.
Gehen meine Änderungen verloren, wenn ich ohne Veröffentlichen gehe?
Änderungen, die Sie nicht veröffentlicht haben, sind für Besucher nicht sichtbar. Machen Sie sich zur Gewohnheit, am Ende der Arbeit auf Veröffentlichen zu klicken.
Was, wenn ich ein ganz anderes Aussehen möchte?
Auf dem Bildschirm Design › Themes können Sie ein anderes Theme wählen. Wenn Sie Header, Footer und Vorlagen von Grund auf gestalten möchten, ist dafür der Theme-Builder im Professional-Tarif gemacht.
Den Customizer öffnen Laden Sie Ihr Logo hoch, wählen Sie Farbe und Schrift und sehen Sie das Ergebnis in der Live-Vorschau. Zu Anpassen
Autor: Heyşirket-Redaktionsteam