Tutorial

So änderst du das Theme im Hostinger Website Builder: Eine Schritt-für-Schritt-Anleitung

Melden

Hier ist ein ausführliches Tutorial, wie du das Design und das Theme im Hostinger Website Builder (ehemals Zyro) anpassen kannst.

Der Hostinger Website Builder unterscheidet sich von Systemen wie WordPress. Es gibt keinen „Theme-Umschalter“, mit dem du per Klick das komplette Design ändern kannst, ohne deine Inhalte zu verlieren. Stattdessen basiert er auf globalen Stilen und Vorlagen.

In diesem Tutorial lernst du die drei Wege kennen, wie du das Aussehen deiner Website verändern kannst.

Methode 1: Das visuelle Design anpassen (Farben & Schriften)

Wenn du mit deinem aktuellen Layout zufrieden bist, aber einen komplett neuen „Look“ möchtest, nutzt du die Website-Stile.

  1. Editor öffnen: Logge dich in dein Hostinger-Panel ein und klicke bei deiner Website auf Bearbeiten.
  2. Website-Stile öffnen: Klicke in der linken Seitenleiste auf das Symbol mit dem A-Buchstaben (Website-Stile).
  3. Farben ändern:
    • Klicke auf Farben. Hier kannst du eine neue Farbpalette wählen oder deine eigenen Markenfarben festlegen. Dies ändert sofort alle Hintergründe und Akzentfarben auf der gesamten Seite.
  4. Textstile anpassen:
    • Gehe zurück und klicke auf Text. Hier kannst du die Schriftarten für Überschriften und Fließtext global ändern.
  5. Buttons stylen:
    • Unter Buttons kannst du die Form (eckig, abgerundet) und den Stil aller Schaltflächen gleichzeitig anpassen.

Methode 2: Abschnitte aus anderen Vorlagen hinzufügen

Du musst nicht die ganze Website ändern, um neue Design-Elemente zu erhalten. Du kannst Sektionen nutzen, die wie kleine Mini-Templates funktionieren.

  1. Bewege die Maus zwischen zwei bestehende Abschnitte auf deiner Seite und klicke auf Abschnitt hinzufügen.
  2. Wähle aus der linken Liste eine Kategorie (z. B. „Über uns“, „Services“ oder „Kontakt“).
  3. Du siehst nun verschiedene Design-Vorschläge. Diese sind professionell vorinstalliert und passen sich automatisch deinen globalen Farbeinstellungen an.
  4. Wähle ein Design aus, um es einzufügen.

Methode 3: Die Vorlage komplett wechseln (Vorsicht!)

Wenn du ein völlig anderes Start-Template möchtest, musst du wissen: Ein direkter Wechsel der Vorlage unter Beibehaltung deiner Texte und Bilder ist derzeit nicht möglich. Wenn du eine neue Vorlage wählst, startest du bei Null.

So gehst du vor, wenn du ganz neu anfangen willst:

  1. Klicke im Editor oben links auf das Hostinger-Logo, um zum Dashboard zurückzukehren.
  2. Klicke bei deiner Website auf die drei Punkte (...) und wähle (falls verfügbar) die Option, eine neue Website zu erstellen oder das Design zurückzusetzen.
  3. Alternativ: Gehe in deinem Hostinger Account auf Websites -> Website hinzufügen.
  4. Wähle den Hostinger Website Builder.
  5. Du wirst nun erneut zur Vorlagengalerie geleitet. Wähle hier dein neues Wunsch-Theme aus.
  6. Wichtig: Kopiere dir Texte oder speichere Bilder deiner alten Version vorher ab, da diese in der neuen Vorlage nicht automatisch erscheinen.

Tipps für ein besseres Design-Ergebnis

  • Nutze die KI-Tools: Wenn dir das Design einer Sektion nicht gefällt, nutze den KI-Heatmap-Checker oder den KI-Writer, um Inhalte schnell an das neue Layout anzupassen.
  • Raster-System: Der Hostinger Builder nutzt ein „Drag-and-Drop“-Raster. Du kannst Elemente frei verschieben, um das Theme individueller zu gestalten, als es die Vorlage vorgibt.
  • Vorschau-Modus: Bevor du deine Änderungen veröffentlichst, klicke oben rechts auf Vorschau, um zu sehen, wie das neue Design auf Mobilgeräten und Desktops wirkt.

Zusammenfassung: Da Hostinger ein „Baukasten-System“ ist, änderst du das „Theme“ am besten durch das Anpassen der globalen Website-Stile (Farben/Schriften). Ein kompletter Vorlagenwechsel ist nur durch den Neustart eines Projekts möglich.

0