5. November 2025
Stile. Ein einheitliches Styling-System für Ihre Website
Legen Sie Typografie, Schaltflächen und Farbpalette für Ihr Projekt an einem Ort fest. Wenden Sie Stile mit nur wenigen Klicks auf Website-Elemente an. Wenn Sie das Design aktualisieren müssen, bearbeiten Sie einfach die Formatvorlage - alle Änderungen werden automatisch für die gesamte Website übernommen.
Wo Sie es finden: Website-Einstellungen → Farben und Stile → Stile verwalten
Wo Sie es finden: Website-Einstellungen → Farben und Stile → Stile verwalten
Wie Stile Ihren Arbeitsablauf verbessern
- Schnellere Erstellung von Websites. Sie müssen nicht mehr jede neue Schaltfläche oder Überschrift von Grund auf anpassen. Wählen Sie einfach einen Stil aus und alle Einstellungen für Typografie und Aussehen werden automatisch übernommen.
- Zeitersparnis beim Aktualisieren des Designs. Stellen Sie sich vor, Sie haben eine Website erstellt und möchten später die Größe, Farbe oder Schriftart Ihrer Überschriften ändern. Früher konnte das Stunden dauern - mit Styles können Sie sie jetzt mit ein paar Klicks direkt in den Website-Einstellungen aktualisieren.
- Konsistente visuelle Identität. Die Verwendung von Formatvorlagen macht es einfacher, ein einheitliches Erscheinungsbild auf allen Seiten beizubehalten. Wenn Überschriften, Text und Schaltflächen einheitlich gestaltet sind, wirkt die Website ausgefeilt und professionell.
Was Sie mit Stilen anpassen können
Typografie
Legen Sie das Aussehen von Überschriften, Zwischenüberschriften, Textkörper und anderen Textelementen fest. Sie können zum Beispiel die Schriftart Tilda Sans, eine Schriftgröße von 36px und die Schriftstärke Bold für alle Überschriften auf der Website festlegen. Für den Fließtext können Sie eine kleinere Schriftgröße von 24 px und die Schriftstärke Normal anstelle von Fett wählen.
So wenden Sie einen Typografiestil an: Öffnen Sie in den Blockeinstellungen die Registerkarte Typografie → Stile → wählen Sie einen Stil. Er wird automatisch auf den Block angewendet. Oder klicken Sie mit Befehl/Strg + auf ein beliebiges Textelement und wählen Sie einen Stil im Schnellzugriffswidget aus.
Buttons
Sie können die Farbe, den Rahmen, den Radius, die Auffüllung und den Schatten der Schaltfläche festlegen und ein Symbol hinzufügen. Sie können auch einen Hover-Effekt konfigurieren, z. B. die Vergrößerung der Schaltfläche bei Hover oder die Änderung ihrer Hintergrundfarbe.
So wenden Sie einen Schaltflächenstil an: Öffnen Sie in den Blockeinstellungen die Registerkarte Schaltfläche → Stile → wählen Sie einen Stil für die Schaltfläche. Oder klicken Sie auf die Schaltfläche auf der Seite und wählen Sie einen Stil im angezeigten Widget.
Sowohl Typografie- als auch Schaltflächenstile unterstützen responsive Einstellungen, sodass Sie unterschiedliche Werte für Desktop-, Tablet- und mobile Haltepunkte definieren können (z. B. eine kleinere Überschriftengröße auf Mobilgeräten).
Farben
Erstellen Sie eine Farbpalette, um Ihre visuelle Sprache auf Ihrer gesamten Website konsistent zu halten. Zum Beispiel können Grau und Beige als Grundfarben dienen, während Rosa als Akzent verwendet werden kann. Auf diese Weise können Sie die gewünschten Farben schneller anwenden, z. B. für Registerkarten oder Seitendeckel.
So wenden Sie eine Farbe aus der Palette an. Wenn Sie im Block Einstellungen die Farbe eines Elements auswählen, wird ein Widget geöffnet. Wählen Sie im Dropdown-Menü Projektstile und wählen Sie die gewünschte Farbe.
Exportieren und Importieren von Stilen
Sie können die Stile Ihres Projekts herunterladen und sie in einem anderen Tilda-Projekt wiederverwenden.
Um einen Stil zu exportieren, klicken Sie in Website-Einstellungen → Farben und Stile auf Stile verwalten und wählen Sie Stile herunterladen - Sie erhalten eine .tildastyles-Datei mit Ihrem Projektnamen.
Um einen Stil zu importieren, klicken Sie im gleichen Menü auf Stile hochladen und wählen Sie eine .tildastyles-Datei aus (andere Dateierweiterungen werden nicht hochgeladen). Neu hinzugefügte Stile werden neben den bereits vorhandenen angezeigt.
Wir würden uns freuen, Ihre Eindrücke von der neuen Funktion zu hören - teilen Sie sie gerne in den sozialen Medien. Wenn Sie Verbesserungsvorschläge haben, kontaktieren Sie unser Support-Team in Ihrem Konto oder per E-Mail an team@tilda.cc.
Siehe auch
Passen Sie das Aussehen Ihres Quiz an, fügen Sie eine Begrüßungsnachricht und virtuelle Berater-Hilfeaufforderungen hinzu und konfigurieren Sie die Ergebnisse auf der Grundlage der Benutzerantworten.
Gruppierte Elemente in ein einziges umwandeln und dessen Einstellungen anpassen
