Ihre App ändern
Vorschau
Die App, die neben dem Chat läuft: die Leiste darüber, ein Wort direkt ändern, das Theme, der Wechsel zwischen Seiten und Abschnitten und die Ansicht in Smartphone-, Tablet- oder Desktop-Größe.
Die Vorschau ist Ihre laufende App, rechts neben dem Chat. Alles in ihr funktioniert so, wie es nach dem Veröffentlichen funktionieren wird: die Schaltflächen, die Formulare, die Seiten.
Die Leiste darüber
Von links nach rechts:
| Was es tut | |
|---|---|
| Preview, das Code-Symbol, das Stapel-Symbol | Die App, ihr Code und die Übersicht. |
| Edit | Klicken Sie in der Vorschau auf ein Wort und schreiben Sie es um, oder auf ein Element, um sein Aussehen zu ändern. Das (i) daneben sagt, wie. Siehe unten. |
| Theme | Die Farben und Schriften der ganzen App an einem Ort. |
| Das Feld in der Mitte | Die Seite oder der Abschnitt, die Sie gerade ansehen. Öffnen Sie es, um zu jedem anderen zu gehen. Der Pfeil links davon lädt die Vorschau neu. |
| Das Quadrat mit einem Pfeil | Öffnet die veröffentlichte App, sobald sie veröffentlicht ist. |
| Die Pfeile hin und her | Rückgängig und Wiederholen. Sie erscheinen nach der ersten Änderung, und jeder Klick ist ein Schritt, so weit zurück, wie diese Sitzung reicht. |
| Das Größenmenü | No frame, Desktop, Tablet oder Mobile. Siehe unten. |
| Die vier Ecken | Vollbild und zurück. |
| × | Schließt die Vorschau, damit der Chat die ganze Breite hat. |
Auf einem Smartphone
Ein Smartphone hat Platz für jeweils einen Bereich. Zwei Schaltflächen unten, Chat und Preview, wechseln zwischen dem Gespräch und Ihrer App. Das ×, das die Vorschau schließt, gibt es nur auf einem größeren Bildschirm, und Split view (siehe Code) gibt es nur auf einem Computer.
In jeder Größe
Das Größenmenü zeigt die App so, wie sie auf jedem Bildschirm aussehen wird.
- No frame füllt das Feld aus, wie im Bild oben.
- Desktop setzt sie in ein Browserfenster, mit ihrer veröffentlichten Adresse oben.
- Tablet und Mobile setzen sie in ein Tablet oder ein Smartphone, in ihrer echten Breite.
Jede App wird für alle drei erstellt und nach jedem Erstellen und jeder Änderung in der Breite eines Smartphones vermessen. Sie hier anzusehen ist trotzdem der schnellste Weg, um zu sehen, was ein Besucher auf einem Smartphone sehen wird.
Direkt ändern
Ist Edit an, steht auf der Schaltfläche Editing, und die Vorschau ist keine Seite mehr zum Benutzen, sondern eine Seite zum Ändern. Zeigen Sie auf einen Text, und Edit text erscheint darüber: Klicken Sie und tippen Sie. Klicken Sie auf ein beliebiges Element, und es wird umrandet, mit einer Werkzeugleiste am unteren Rand der Vorschau.
| Werkzeug | Was es tut |
|---|---|
| Edit Element | Beschreiben Sie in einem Satz eine Änderung für dieses eine Element, und die KI schreibt es um. |
| Text | Den Text umschreiben. |
| Background, Text color, Text style | Seine Farben sowie Größe, Stärke, Ausrichtung und Aussehen seines Textes. |
| Opacity, Spacing | Wie durchsichtig es ist und der Platz um es herum und in ihm. |
| Image, Video | Das Bild oder das Video, das es enthält, ändern oder entfernen. Bei einem Bild legt Adjust size & fit fest, wie es seinen Platz ausfüllt. |
| Das Code-Symbol | Edit code: der eigene Code dieses Elements in einem Feld, den Sie von Hand ändern können. |
| Duplicate, Delete | Eine Kopie direkt danach oder weg damit. |
| Cancel, Save | Die Änderungen verwerfen oder in den Code schreiben. |
Der Pfeil am Ende klappt die Leiste ein, und mit × lassen Sie das Element los. Doppelklicken Sie auf eine Schaltfläche, um zu der Seite zu gehen, die sie öffnet.
Änderungen mit den Werkzeugen kosten keine Credits. Edit Element wird von der KI geschrieben und verbraucht deshalb ein paar, wie eine Antwort im Chat. Für alles, was größer ist als ein Element, einen neuen Abschnitt, ein Formular, eine Seite, fragen Sie im Chat.
Theme
Theme fasst die Farben und Schriften zusammen, die die ganze App verwendet, in einem Feld rechts. Ändern Sie eine, und jede Stelle, die sie verwendet, folgt, auf jeder Seite.
- Colors listet jede Farbe auf, wofür sie da ist und wie oft die App sie verwendet. Klicken Sie auf ein Farbfeld, um eine andere zu wählen.
- Fonts listet jede Schrift auf, mit der Zahl, wie oft sie verwendet wird. Wählen Sie eine andere aus der Liste.
Die Vorschau zeigt jede Änderung, während Sie sie machen. Save & Apply schreibt sie in den Code, und Cancel stellt alles wieder her. Ein Theme kostet keine Credits, und die Version davor bleibt im Verlauf erhalten.
Rückgängig und der Verlauf
Rückgängig und Wiederholen gehen durch die Änderungen dieser Sitzung, einen Schritt pro Klick. Für alles Ältere wird jede Änderung in History aufbewahrt, oben im Editor, benannt nach dem, was sie getan hat, und Sie können zu jeder Version zurückgehen. Auch das Zurückgehen wird als Version aufbewahrt, sodass Sie wieder nach vorn kommen können.
War diese Seite hilfreich?