Zum Inhalt springen
Wolke LogoPantheon Open Source Association
DocsTutorials
← Step by step

Erstellen neuer Web-Seite

Wie erstelle ich eine neue Webseite? Welche Schritte sind nötig, welche sind wichtig.

Step 1 of 7

Einloggen auf pantheos.net/admin

  1. https://pantheos.net/admin/ öffnen
  2. mit deinen Credentials einloggen
  3. Du siehst das Dashboard:


Das Dashboard von Payload/CMS
The Payload-CMS Dashboard




Step 2 of 7

Neue Seite erzeugen

  1. Im Bereich "Collections" auf "Pages" klicken.
  2. dann dort auf "Create Page" klicken.
Create a new page in Payload-CMS
Create a new page in Payload-CMS


Step 3 of 7

Metadaten eingeben

  1. "Title" ausfüllen
    (der Titel sind noch Meta-Daten, das erscheint nicht direkt auf der Seite, ist aber trotzdem sehr wichtig)
  2. bei "Slug" (rechts) auf "Unlock" klicken und dann auf "generate", bei Bedarf anpassen
  3. "Keywords" ausfüllen, das ist für die Suche-Funktione extrem wichtig. Ruhig sehr viele Schlüsselwörter kombinieren, dann funktioniert die Suche besser.
Payload-CMS Page MetaData
Enter MetaData in Payload-CMS

Niemals eine Seite ohne oder mit schlechten Metadaten veröffentlichen.

Step 4 of 7

Seiten-Hero (Banner): Überschrift und Einleitung

  1. den Hero-Type auswählen, z.B.
    1. Hero01 (image + rich text + CTA)
    2. Hero02 (rich text + CTA)
    3. Hero03 (rich text)
    4. HeroCTA (image + title + buttons)
  2. (experimentiere mit den Unterschieden in deiesen Hero-Typen)
  3. im Editor-Feld mindestens eine H1-Überschrift für die Seite anlegen.
  4. Bei Bedarf auch noch (wenig) Text oder (wenige) Bullet Points anlegen
  5. Wenige Links (CTA, Call-to-Action), besser nicht mehr als zwei -> Aufmerksamkeits-Ökonomie
Payload-CMS select hero type
Select Hero-Type in Payload-CMS

Step 5 of 7

Seiten Inhalte eingeben

  1. Auf "Content" klicken
  2. Im Editor-Feld alle Inhalte der Seite anlegen
    1. die Reihenfolge der Überschriefen H1-H2-H3 immer strikt einhalten (WCAG (Web Content Accessibility Guidelines))
    2. falls möglich -> für hohen Farb-Kontrast sorgen
    3. alle Bilder und Medien mit "alt"-Beschreibungen versehen

Step 6 of 7

Speichern / Publish

Payload-CMS Publish/Preview Page
Payload-CMS publish/preview page

Speichern

Jede einzelene Änderung wird immer sofort automatisch gespeichert. Es gibt keine weitere Möglichkeit explizit zu speichern, da das einfach nicht notwendig ist.

Oben rechts ist eine Box mit "Versions" dort kann man Änderungen relativ zu früheren Versionen sehen und jederzeit zu diesen zurückkehren.

Preview

Oben rechts gibt es auch einen Preview Knopf, dort kann an dann rechts eingeblendet die Änderungen Live sehen. Jede Änderung wird nach sehr kurzer Zeit dann dort angezeigt.

Wenn man gerade eine Seite verändert, wechseln alle Tabs in der aktuellen Browser-Session in den "preview Modus", d.h. man kann die Seite NACH den Änderungen zur Kontrolle sehen. Wenn man mit einer anderen Session schaut, oder mit dem Ändern fertig ist, verschwindet der Preview-Modus wieder und man sieht die tatsächliche öffentliche Seite.

Publish

Erst wenn man den Publish Knopf drückt wird die Seite generell veröffentlicht. Es gibt auch die Möglichkeit die Seite zu einem späteren Zeitpunkt zu veröffentlichen (Publish later).

Unpublish

Man kann jederzeit eine veröffentlichte Seite auch wieder "unpublishen". Dann ist diese NICHT mehr öffentlich zu sehen.


Step 7 of 7

Seiten Versionen / History

Payload-CMS Page History

  1. Ganz oben rechts gibt es eine Box "Versionen"
  2. Wenn man diese anklickt, öffnet sich folgende Ansicht:
    1. die aktuell veröffentlichte, d.h. sichtbare, Version
    2. die aktuelle Bearbeitung als "Draft"
    3. frühere Versionen