TSPM PDFZum Studio →

Inhalte bearbeiten. Eine kurze Anleitung.

Alle Texte und Bilder der TSPM-Website ändern Sie selbst — im Sanity Studio, ohne Programmierkenntnisse. In zehn Minuten gelesen.

  1. 1So funktioniert es
  2. 2Anmelden
  3. 3Einen Text ändern
  4. 4Ein Bild ersetzen
  5. 5Speichern & veröffentlichen
  6. 6Vorschau
  7. 7Rückgängig machen
  8. 8KI-Assistent
  9. 9Abmelden

1

So funktioniert es.

Sanity ist das Redaktionssystem der Website. Die Texte und Bilder liegen nicht mehr im Programmcode, sondern in Sanity. Bearbeitet werden sie im Studio, einer Webseite, die in jedem Browser läuft.

Die Website holt sich die Inhalte bei jedem Aufruf frisch aus Sanity. Es muss also nichts «neu gebaut» werden: Wenn Sie etwas veröffentlichen, ist es nach etwa 10 Sekunden auf der Website sichtbar.

Neu gebaut wird die Website nur, wenn am Design oder an Funktionen etwas ändert. Das übernimmt die Entwicklerin oder der Entwickler; Ihre Inhalte bleiben dabei unberührt.

2

Anmelden.

Sie brauchen ein Sanity-Konto, zu dem Sie eingeladen wurden. Die Einladung kommt per E-Mail; melden Sie sich mit derselben Adresse an.

  1. Öffnen Sie tspm.sanity.studio — am besten als Lesezeichen speichern. Die Adresse leitet auf sanity.io weiter; das ist richtig so.
  2. Wählen Sie, wie Sie sich anmelden: Continue with Google, Continue with GitHub oder Continue with email. Immer dieselbe Methode verwenden.
  3. Das Studio öffnet sich. Links stehen die drei Inhalte der Website: Einstellungen, Geschichte und Startseite.
Das Studio nach der Anmeldung. Links die Inhalte, rechts das geöffnete Dokument.
Das Studio nach der Anmeldung. Links die Inhalte, rechts das geöffnete Dokument.

3

Einen Text ändern.

Die Inhalte sind so aufgebaut wie die Website: Startseite, Geschichte und Einstellungen (Adresse, Telefon, E-Mail). Jede Startseite-Sektion hat einen eigenen Reiter, und jede Textzeile ein eigenes Feld.

  1. Klicken Sie links auf Startseite und in der zweiten Spalte noch einmal auf Startseite.
  2. Wählen Sie oben den Reiter der Sektion, z. B. 1 · Titelbild oder 3 · Leistungen. Die Reiter sind von oben nach unten so nummeriert wie die Seite.
  3. Klicken Sie ins Feld und schreiben Sie. Die graue Beschreibung unter dem Feldnamen sagt, wo der Text auf der Website steht.
  4. Erscheint eine gelbe Warnung, ist der Text länger als empfohlen. Kürzen Sie ihn — sonst kann die Zeile umbrechen.
Startseite, Reiter «1 · Titelbild»: jede Zeile ein eigenes Feld.
Startseite, Reiter «1 · Titelbild»: jede Zeile ein eigenes Feld.
Keine neuen Dokumente anlegen Das Symbol + neben der Liste erstellt ein zweites, leeres Dokument, das die Website nicht verwendet. Bearbeiten Sie immer das bestehende.

4

Ein Bild ersetzen.

Jedes Bildfeld nennt das Format, das die Website braucht (z. B. «Querformat 16:9»). Laden Sie am besten ein Bild in etwa diesem Format hoch. Passt es nicht genau, schneidet die Website es automatisch zu — das Layout kann dabei nicht kaputtgehen.

  1. Ziehen Sie ein neues Bild aus einem Ordner direkt auf das Bild im Studio — oder klicken Sie oben rechts beim Bild auf und laden Sie eines hoch.
  2. Klicken Sie auf das Zuschneide-Symbol gleich daneben. Das Fenster «Edit hotspot and crop» öffnet sich.
  3. Das Rechteck schneidet das Bild zu. Der Kreis (Hotspot) markiert, was immer sichtbar bleiben muss — etwa ein Gesicht. Unten sehen Sie gleich, wie das Bild in verschiedenen Formaten aussieht.
  4. Fenster mit × schliessen; die Einstellung ist gespeichert.
Ein Bildfeld: darüber steht, welches Format die Website braucht.
Ein Bildfeld: darüber steht, welches Format die Website braucht.
Rechteck = Zuschnitt, Kreis = was sichtbar bleiben muss.
Rechteck = Zuschnitt, Kreis = was sichtbar bleiben muss.
Titelbild der Startseite Das Titelbild besteht aus zwei Ebenen aus demselben Foto: dem unscharfen Hintergrund und dem freigestellten Techniker. Ersetzen Sie es nur gemeinsam, am besten mit Unterstützung.

5

Speichern & veröffentlichen.

Einen Speichern-Knopf gibt es nicht: Jede Änderung wird sofort als Entwurf gesichert — oben erscheint dann das gelbe Etikett Draft. Entwürfe sind nur im Studio sichtbar — die Website zeigt weiterhin die letzte veröffentlichte Version.

  1. Machen Sie alle Änderungen in einem Dokument.
  2. Klicken Sie unten rechts auf Publish. Der Knopf ist nur dunkel, wenn es etwas zu veröffentlichen gibt.
  3. Warten Sie etwa 10 Sekunden und laden Sie die Website neu. Fertig.
Unten im Dokument: wer zuletzt geändert hat, und der Knopf «Publish».
Unten im Dokument: wer zuletzt geändert hat, und der Knopf «Publish».

6

Vorschau. Noch nicht eingerichtet.

Eine Vorschau, die Entwürfe auf der Website zeigt, bevor sie veröffentlicht sind, ist im Moment nicht eingerichtet. Sanity kann das (mit einer Vorschau direkt im Studio); es lässt sich bei Bedarf nachrüsten.

Bis dahin: veröffentlichen, die Website nach 10 Sekunden prüfen und — falls etwas nicht passt — die frühere Version wiederherstellen, wie im nächsten Schritt beschrieben. Das dauert keine Minute.

7

Rückgängig machen.

Noch nicht veröffentlicht? Öffnen Sie das Menü neben dem Publish-Knopf und wählen Sie Discard changes. Der Entwurf wird verworfen, die Website bleibt, wie sie war.

Schon veröffentlicht? Sanity bewahrt frühere Versionen auf:

  1. Öffnen Sie oben rechts im Dokument das Menü und wählen Sie History. Rechts erscheint die Liste aller Änderungen mit Person und Zeit.
  2. Klicken Sie auf den Eintrag, zu dem Sie zurückwollen. Das Dokument zeigt diesen Stand an.
  3. Klicken Sie auf Restore und danach auf Publish.
Rechts der Verlauf: jede Änderung mit Person und Zeitpunkt.
Rechts der Verlauf: jede Änderung mit Person und Zeitpunkt.
Wie weit zurück? Das hängt vom Sanity-Abo ab: im kostenlosen Abo 3 Tage, im Growth-Abo 90 Tage. Ältere Versionen werden automatisch gelöscht.

8

KI-Assistent. Content Agent.

Neben dem Studio gibt es einen KI-Assistenten, den Content Agent. Er versteht Deutsch. Sie schreiben ihm in normaler Sprache, was Sie brauchen, zum Beispiel: «Kürze den Text bei Leistung 2 auf einen Satz» oder «Gibt es auf der Startseite Tippfehler?»

  1. Klicken Sie in der schmalen Leiste ganz links auf das Stern-Symbol . Links öffnet sich das Fenster «Content Agent».
  2. Schreiben Sie Ihren Wunsch ins Feld «Find or do anything…». Das Etikett darunter zeigt, welches Dokument gemeint ist — das offene Dokument wird automatisch gewählt.
  3. Prüfen Sie die Vorschläge im Reiter Changes und klicken Sie Confirm, um sie als Entwurf zu übernehmen — oder Discard.
  4. Veröffentlichen Sie den Entwurf wie gewohnt mit Publish. Der Assistent veröffentlicht nie selbst und kann nichts löschen.
Der Content Agent. Unten das Eingabefeld mit dem gewählten Dokument.
Der Content Agent. Unten das Eingabefeld mit dem gewählten Dokument.
Kosten Jede Anfrage verbraucht «AI Credits» des Sanity-Abos. Kleine, konkrete Aufträge sind günstiger als «überarbeite alles».

9

Abmelden.

  1. Klicken Sie ganz unten links auf den runden Knopf mit Ihren Initialen.
  2. Wählen Sie Log out. Auf gemeinsam genutzten Computern immer abmelden.
Ganz unten links: Ihr Konto und «Log out».
Ganz unten links: Ihr Konto und «Log out».