Zum Inhalt springen

Rex, dein KI-Assistent: Routinearbeit erledigt. Die Ideen bleiben deine 👉 Rex kennenlernen

So funktionieren die Element-Einstellungen

Die Tabs Inhalt, Stile, Einstellungen und Effekte, Größen, Formen, Rahmen, Farben und Hintergründe, Änderungen für Mobilgeräte und Add-ons.

Jedes Element auf einer Seite hat dieselbe Art von Einstellungsbereich. Wenn Sie wissen, wie er funktioniert, können Sie jedes Element gestalten.

Die Einstellungen eines Elements öffnen

Klicken Sie auf das Element auf der Seite. Sein Bereich öffnet sich links mit bis zu vier Tabs, die als Icons angezeigt werden:

  • Inhalt: was das Element sagt oder zeigt, etwa das Bild, das Video oder die Aktion des Buttons.
  • Stile: wie es aussieht: Größe, Farben, Rahmen, Form und Ausrichtung.
  • Einstellungen: wie es sich verhält.
  • Effekte: Animationen und visuelle Effekte. Siehe Animationen, Konfetti und andere Effekte.

Ein Element zeigt nur die Tabs, die es nutzt. Texte, Überschriften und Abstandshalter haben keinen Bereich: Sie bearbeiten sie direkt auf der Seite.

Die Werkzeugleiste des Elements

Neben dem ausgewählten Element erscheint eine kleine Werkzeugleiste:

  • Abschnitt auswählen (oder Header auswählen / Footer auswählen) wählt den Abschnitt aus, in dem das Element liegt.
  • Mit Element verschieben ziehen Sie es an eine andere Stelle, oder Sie drücken Shift+↑ und Shift+↓.
  • Element duplizieren erstellt eine Kopie (Ctrl/Cmd+D).
  • Element löschen entfernt es. Bei Spielen, Formularen, Kalendern und interaktiven Grafiken müssen Sie das bestätigen. Halten Sie Alt gedrückt und drücken Sie Entf, um die Rückfrage zu überspringen, wo das erlaubt ist.

Mit Tab und Shift+Tab wählen Sie das nächste oder vorherige Element aus.

Häufige Stileinstellungen

  • Größe: Wählen Sie Klein, Mittel oder Groß, oder klicken Sie auf die drei Punkte, um Breite und Höhe selbst festzulegen. Buttons können sich an Text anpassen, sodass sie mit der Beschriftung wachsen.
  • Form: Quadrat, Abgerundet, Pillenform oder ein eigener Eckenradius.
  • Rahmen: Keine, Einfarbig, Doppelt, Gepunktet, Gestrichelt oder Rille, mit Breite und Farbe.
  • Farbe: Wählen Sie eine Farbe oder geben Sie einen Hex-Code ein. Unter Zuletzt verwendete Farben zeigt die Farbauswahl Ihre zuletzt genutzten Farben.
  • Hintergrund: eine Farbe, ein Bild (mit Platzierung: Oben, Mitte oder Unten) oder, auf Seiten, ein Video von YouTube, Vimeo oder als eigene Datei.
  • Ausrichtung: Links, Mitte oder Rechts, oder ein 3 × 3-Raster für Elemente, die in einer Ecke sitzen können.
  • Abstand: der Raum zwischen den Teilen eines Elements.
  • Schatten: Schalten Sie ihn ein und legen Sie Farbe, Unschärfe, Streuung, die Position (Horizontal und Vertikal) sowie Innen für einen Schatten im Inneren des Elements fest.
  • Schriftart: die Schrift, die Größe und Fett. Textelemente haben außerdem Kursiv und Unterstrichen.

Ziehen Sie die Griffe zwischen den Elementen, um den Abstand zu ändern (Ziehen, um den Abstand zu ändern). Bei Bildern können Sie das Bild mit der Abkürzung Bild ersetzen direkt auf der Seite austauschen.

Das Designkit und Ihre eigenen Stile

Die meisten Elemente nutzen Ihr Designkit, bis Sie sie ändern. Wenn Sie den Stil eines Buttons geändert haben, erscheinen im Tab Stile zwei Buttons:

  • Stile zurücksetzen setzt das Element auf das Designkit zurück.
  • Auf alle anwenden speichert Ihre Änderungen im Designkit, sodass jeder Button ihnen folgt.

Änderungen nur für Mobilgeräte und Tablets

Wechseln Sie über der Seite zu Mobil oder Tablet und ändern Sie eine Einstellung: Die Änderung gilt nur für diese Bildschirmgröße. Neben Einstellungen, die vom Desktop abweichen, erscheint ein kleiner Rückgängig-Pfeil. Klicken Sie darauf, um wieder den Desktop-Wert zu verwenden.

Add-ons

Viele Elemente haben Zusatzfunktionen, sogenannte Add-ons. Klicken Sie im Bereich auf den Add-on-Button (Tooltip Erweiterte Funktionen), um sie zu sehen, zum Beispiel Button-Add-ons oder Formular-Add-ons. Jedes Add-on hat eine kurze Beschreibung und einen Schalter. Manche Add-ons haben eigene Einstellungen: Klicken Sie auf das Zahnrad, um sie zu öffnen. Aktivierte Add-ons werden im Bereich aufgelistet, sodass Sie auf einen Blick sehen, was eingeschaltet ist.

Farbauswahl

Klicken Sie auf eine Farbe, um die Farbauswahl zu öffnen (Farbe auswählen). Wählen Sie eine Farbe oder geben Sie einen Hex-Code ein, und klicken Sie auf Farbe zurücksetzen, um zum Standard zurückzukehren.

Brauchen Sie noch Hilfe?

Echte Menschen helfen Ihnen gern. Wenn Sie Scratcher bereits nutzen, ist der Chat in der Plattform der schnellste Weg.

  • Chatten Sie mit uns

    Melden Sie sich an und klicken Sie unten rechts auf den Chat-Button. Rex antwortet sofort, und unser Team ist nur einen Klick entfernt.

  • Termin buchen

    Ein kostenloser 30-minütiger Videocall mit unserem Team: eine Tour, Kampagnenideen oder Hilfe bei Ihrer Einrichtung.

  • Schreiben Sie uns

    Schreiben Sie an kontakt@scratcher.io, und wir melden uns bei Ihnen.