> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dc.ag/llms.txt
> Use this file to discover all available pages before exploring further.

# dynamic content - Inhalte erstellen und bearbeiten

> Inhalte wie Texte, Bilder, Scrollbars oder Kollektionen auf Seiten anlegen und bearbeiten.

In Folgendem zeigen wir Ihnen wie Sie Inhalte in unserem CMS erstellen.

Dies ist eine der wichtigsten Funktionen. Mit dieser können Sie Inhalte, wie zum Beispiel Texte, Bilder, Scrollbars oder sogar Kollektionen pflegen.

Dazu erklären wir Ihnen anfangs, wie Sie einen Inhalt erstellen oder diesen bearbeiten.

<Note>
  Welche einzelnen Inhaltstypen Sie erstellen können und wie dies jeweils funktioniert, zeigen wir Ihnen unter [Inhaltsarten](/docs/de/dynamic-content/user-guide/inhaltsarten).
</Note>

<Note>
  Außerdem müssen Sie zuvor eine Seite erstellt haben, auf der Sie die Inhalte pflegen können. Weitere Informationen zum Erstellen einer Seite finden Sie unter [Seiten erstellen](/docs/de/dynamic-content/user-guide/seiten-erstellen).
</Note>

<Steps>
  <Step>
    ## Schritt 1: Zum Seiten-Menü navigieren

    Navigieren Sie zuerst zum Seiten-Menü, indem Sie auf den Struktur-Tab klicken. Dort wählen Sie dann aus der Liste, welche sich auf der linken Seite befindet, den Punkt "Seiten" aus.

    Schon sollten Sie im Seiten-Menü angekommen sein.

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/navigation-struktur-tab.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=35be3f5392e51595213d5660520c88de" alt="Navigation zum Struktur-Tab" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/navigation-struktur-tab.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/navigation-seiten-menue.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=ba39ad845d1c36f153a2c2dab50335cd" alt="Navigation zum Seiten-Menü" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/navigation-seiten-menue.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Schritt 2: Seite auswählen und bearbeiten

    Im Seiten-Menü angekommen haben Sie die Option Seiten zu erstellen und zu bearbeiten.

    <Note>
      Wie das genau funktioniert, zeigen wir Ihnen unter [Seiten erstellen](/docs/de/dynamic-content/user-guide/seiten-erstellen).
    </Note>

    Da wir jetzt jedoch einen Inhalt erstellen wollen, müssen wir nun eine Seite dazu auswählen.

    In unserem Beispiel benutzen wir dafür die bereits erstellte Content-Seite für Golfschläger. Durch Doppelklick auf diese öffnet sich direkt das Fenster zum Bearbeiten von Seiten-Inhalten.

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/seite-waehlen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=dcc39b4b346a56485107a86c4871f164" alt="Seite auswählen" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/seite-waehlen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhaltsfenster.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=9647534a787f0dbe00077214b008a8d1" alt="Inhaltsfenster öffnet sich" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhaltsfenster.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Schritt 3: Neuen Inhalt erstellen

    Sollten Sie nun einen neuen Inhalt erstellen wollen, dann klicken Sie dort auf das "Plus" mit dem darunterliegenden Schriftzug "Inhalt erstellen".

    Dadurch öffnet sich darunter eine Liste mit allen Inhaltsarten bzw. -Modulen.

    <Note>
      Eine ausführliche Erklärung zu jedem der Module finden Sie unter [Inhaltsarten](/docs/de/dynamic-content/user-guide/inhaltsarten).
    </Note>

    Durch einen Klick auf das jeweilige Modul öffnet sich ein Fenster, in dem Sie dieses erstellen können.

    In unserem Beispiel erstellen wir der Einfachheit halber einen Text-Inhalt. Dafür klicken wir auf das Modul "Texte" und geben dort die Beschreibung und einen Text ein. Da es sich bei dem ersten Inhalt um eine Überschrift handeln soll, beschreiben wir diese als "header" und geben sie ein.

    <Check>
      Nun haben wir die Überschrift erstellt.
    </Check>

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalt-erstellen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=51cda287395aad4b75038e36926d8eea" alt="Neuen Inhalt erstellen" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalt-erstellen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhaltsart-waehlen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=2be8c1190400cc6cae70c33806c95da6" alt="Inhaltsart auswählen" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhaltsart-waehlen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/erstellter-inhalt.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=a4a9ef8fbaf5c8885222512a2a7f7aeb" alt="Erstellter Inhalt in der Übersicht" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/erstellter-inhalt.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Schritt 4: Layout bearbeiten

    Nun haben Sie noch die Möglichkeit Einfluss auf das Layout des jeweiligen Inhalts zu nehmen.

    Wählen Sie dafür durch einen einfachen Klick den Inhalt aus, dessen Layout Sie anpassen wollen. Danach klicken Sie in dem Menü am oberen Rand des Fensters auf "Inhalts-Einstellungen".

    Dort haben Sie die Option anfangs den Layout-Bereich aus dem gleichnamigen Drop-Down zu wählen. Unsere Überschrift soll jedoch in dem voreingestellten Layout-Bereich "Inhalt" sein, weswegen wir dies ausgewählt lassen.

    Durch den "Durchsuchen" Button können Sie den Hintergrund des Inhalts wählen.

    <Note>
      Wenn Sie auf den Button klicken, öffnet sich unser File-Browser, welchen wir Ihnen unter [Dateien hochladen und verwalten](/docs/de/dynamic-content/user-guide/dateien-verwalten) erklären.
    </Note>

    Weiter unten haben Sie noch die Möglichkeit Layout-Klassen für den Inhalt zu vergeben. Dies funktioniert durch Klicken auf "Neu". Daraufhin sollte sich ein Fenster öffnen, aus dem Sie die Layout-Klasse durch Doppelklick auswählen können.

    Bei der Überschrift wählen wir für das Layout "Inhalt 1/1" aus.

    <Note>
      Weitere Informationen zu den Layout-Klassen finden Sie unter [Layouts](/docs/de/dynamic-content/user-guide/layouts). Beachten Sie dabei, dass Sie auf Ihren Webseiten andere Layout-Klassen gepflegt haben können.
    </Note>

    Dadurch wurde die Layout-Klasse dem Seiteninhalt zugeordnet. Vergessen Sie nicht das Ganze zu speichern.

    Schon wurde dem Inhalt ein Layout zugeordnet. Dieses Layout können Sie Löschen, indem Sie dieses durch einen Klick auswählen und danach auf "Löschen" klicken, was sich neben "Neu" befindet.

    Zuletzt gehen Sie wieder zurück zu der Übersicht durch Klick auf den Pfeil, welcher nach links zeigt, mit dem darunterliegenden Schriftzug "Übersicht".

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalt-anwaehlen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=c843854ab2da5071c7248444352b9cf8" alt="Inhalt anwählen" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalt-anwaehlen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalts-einstellungen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=6152552c73a5689071d2412cb63589df" alt="Inhalts-Einstellungen öffnen" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalts-einstellungen.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/layout-bereich.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=740440fb01924b96639de55bc0856862" alt="Layout-Bereich auswählen" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/layout-bereich.png" />
        </Frame>
      </Column>
    </Columns>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/neue-layout-klasse.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=173798f930a2f37156afd5b007fc24eb" alt="Neue Layout-Klasse hinzufügen" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/neue-layout-klasse.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalt-1-1-waehlen.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=889470f01aad8d02ce77cf4f1840631d" alt="Layout-Klasse Inhalt 1/1 wählen" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalt-1-1-waehlen.png" />
        </Frame>
      </Column>
    </Columns>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/layout-klasse-erstellt.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=78e2a2d2be265423c17aad2c2ea7659e" alt="Layout-Klasse erstellt" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/layout-klasse-erstellt.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/zurueck-zur-uebersicht.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=0619938df146db210fc680ac9dfc08b4" alt="Zurück zur Übersicht" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/zurueck-zur-uebersicht.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Schritt 5: Vorhandenen Inhalt bearbeiten

    Sie können außerdem einen bereits vorhandenen Inhalt jederzeit bearbeiten. Dies funktioniert durch Doppelklick auf den jeweiligen Inhalt.

    Dadurch öffnet sich ein Fenster, um den Inhalt zu bearbeiten.

    <Note>
      Wie Sie die einzelnen Inhalts-Module im Detail bearbeiten und was die Einstellungen in diesem Fenster für Auswirkung auf das Aussehen auf der Seite haben, können Sie unter [Inhaltsarten](/docs/de/dynamic-content/user-guide/inhaltsarten) nachlesen.
    </Note>

    <Columns cols={2}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalt-bearbeiten-1.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=3297bb47cdadc09e03fbcce3db0f8959" alt="Vorhandenen Inhalt durch Doppelklick bearbeiten" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalt-bearbeiten-1.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/NHJ2s69sWhUfX2Ig/images/dynamic-content/inhalte-erstellen/inhalt-bearbeiten-2.png?fit=max&auto=format&n=NHJ2s69sWhUfX2Ig&q=85&s=281dbc730ac3ef9601c10159c79097f7" alt="Bearbeitungsfenster für Inhalte" width="1080" height="643" data-path="images/dynamic-content/inhalte-erstellen/inhalt-bearbeiten-2.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>
</Steps>

## Verwandte Themen

<CardGroup cols={2}>
  <Card title="Inhaltsarten" icon="shapes" href="/docs/de/dynamic-content/user-guide/inhaltsarten">
    Übersicht aller verfügbaren Inhalts-Module.
  </Card>

  <Card title="Seiten erstellen" icon="file-circle-plus" href="/docs/de/dynamic-content/user-guide/seiten-erstellen">
    Neue Seiten anlegen, bevor Inhalte gepflegt werden.
  </Card>

  <Card title="Layouts" icon="table-columns" href="/docs/de/dynamic-content/user-guide/layouts">
    Layout-Klassen für Inhalte gestalten.
  </Card>

  <Card title="Dateien hochladen und verwalten" icon="folder-open" href="/docs/de/dynamic-content/user-guide/dateien-verwalten">
    Dateien und Bilder für Inhalte bereitstellen.
  </Card>
</CardGroup>
