Backend

Damit die Personen auf der Website möglichst einfach verwaltet werden können, erstellen wir ein explizietes Formular im Backend.

Blueprint erstellen

Als erstes erstellen wir das gewünschte Plugin in dem wir den dazugehörigen Blueprint erstellen.

• Gehe in den Editor vom October CMS

• Erstelle unter Tailor > Blueprints einen Blueprint mit dem Typ: Struktur

Das October CMS erstellt nun für dich automatisch eine Vorlagendatei. Diese kannst du wie folgt anpassen:

• Benenne die erstelle Datei um in person.yaml

• Ändere den handle auf Person

• Ändere den name auf Person

• Setzte den Wert drafts auf false

• Setzte den Wert maxDepth auf 1

• Ändere das label der primaryNavigation auf Team

• Ändere den parent bei der navigation auf Team

• Ergänze die fields mit einem Feld name für den Namen

Dein Blueprint sollte nun folgendermassen aussehen:

person.yaml

handle: Person
type: structure
name: Person
drafts: false

structure:
    maxDepth: 1

primaryNavigation:
    label: Team
    icon: icon-user
    order: 140

navigation:
    icon: icon-user
    parent: Team
    order: 10

fields:
    name:
        label: Vor- und Nachname
        type: text

• Ergänze nun alle Felder, welche du für die Erfassung der Personen-Informationen benötigst

• Klicke nun auf «Speichern & Migrieren»

• Besuche nun den neuen Bereich «Team» im Backend und erstelle eine neue Person

Da October für jeden Eintrag bereits einen Titel erstellt, ist dieses Feld nun doppelspurig mit unserem name-Feld.

• Löschen wir darum unser Name-Feld wieder und nutzen dafür das vorbereitet Feld vom October CMS.

uuid: e82f1946-5ced-43a2-9af7-71a9701a760b
handle: Person
type: structure
name: Person
drafts: false

structure:
    maxDepth: 1

primaryNavigation:
    label: Team
    icon: icon-user
    order: 140

navigation:
    icon: icon-user
    parent: Team
    order: 10

fields:
    function:
        label: Funktionsbezeichnung
        type: text
    email:
        label: Email
        type: text
    phone:
        label: Telefon
        type: text
    description:
        label: Beschreibung
        type: textarea