Fügen Sie mit dem Rich-Content-Editor Spalten hinzu

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 2 Minuten Lesedauer

    • Verwenden Sie die Canvas des Rich-Content-Editors, um Spalten zu erstellen und so das Layout für Ihre Seite zu definieren und zu organisieren.

    Vorbereitungen

    Erforderliche Rolle: sn_cd.content_manager

    Nachdem Sie das Formular „ Neuer Inhalt“ (siehe Erstellen Sie Rich Content) ausgefüllt und zum Canvas für Rich-Inhalt navigiert sind, können Sie Rich-Inhalt erstellen.

    Sie können 1, 2 oder 3 Spalten hinzufügen. Jede Spalte fungiert als Container für andere Komponenten. Jede Spaltenkomponente kann auch bearbeitet werden, indem die Komponente ausgewählt und die Eigenschaften unter „Einstellungen“ aktualisiert werden.
    Hinweis:
    Die Mindesthöhe für eine Zelle innerhalb einer Spalte beträgt 75 px. Wenn Sie die Zellenhöhe kleiner einstellen, läuft die Zelle über die Zeile.

    Prozedur

    1. Navigieren Sie zum Canvas, indem Sie auf der Registerkarte Design des Formulars „ Neuer Inhalt“ die Schaltfläche Editor öffnen wählen.
    2. In der Canvas des Rich-Content-Editors können Sie mithilfe der Drag-and-Drop-Methode Spalten hinzufügen.
      Spalten fungieren als Container für die von Ihnen erstellten Inhalte.

      Rich-Content-Editor: Canvas und Spalten

      Nachdem Sie eine 1-Spalte, 2-Spalteoder 3-Spalte in die Canvas des Rich-Content-Editors verschoben haben, werden zwei Trennzeichen angezeigt. Das äußere Trennzeichen trägt die Bezeichnung Zeile. Das innere Trennzeichen trägt die Bezeichnung Zelle.

    Fügen Sie der Zeile oder den Zellen Stile hinzu, z. B. Hintergrundfarbe, maximale Breite oder Abstand. Wenn Sie keine Stile hinzufügen möchten, können Sie mit den Links unten auf dieser Seite fortfahren.
    1. Wählen Sie eine zu bearbeitende Zeile oder Zelle aus.
    2. Navigieren Sie zur Registerkarte Einstellungen.
    3. Verwenden Sie eine der folgenden Stileinstellungen:
      Tabelle : 1. Stileinstellungen
      Einstellungsfeld Beschreibung
      Styling
      Hintergrundfarbe Verwenden Sie die Farbauswahl (graues Quadrat), um eine Farbe auszuwählen, oder geben Sie den Farbcode ein, der die gewünschte Hintergrundfarbe darstellt.

      Alle HTML-Farben werden unterstützt. Weitere Informationen finden Sie unter HTML-Farbnamen.
      Erweiterte Stile
      Breite Geben Sie den Wert an, indem Sie eine Zahl eingeben oder die rechte Seite der Zelle ziehen.
      Wählen Sie die Maßeinheit aus:
      • px: Pixel
      • %: Prozentsatz
      Höhe Geben Sie den Wert an, indem Sie eine Zahl eingeben oder den unteren Rand der Zeile ziehen.
      Wählen Sie die Maßeinheit aus:
      • px: Pixel
      • %: Prozentsatz
      Auffüllung Die Auffüllung ist der Abstand zwischen Inhalt und Rahmen eines Elements. Geben Sie den Wert für den Abstand oben, unten, rechts oder links durch Eingabe einer Zahl an.
      Rand (nur für Zeilen) Der Rand ist der Bereich zwischen einer Zeile und einem anderen Element/der Canvas-Grenze. Geben Sie den Wert für den Abstand oben, unten, rechts oder links durch Eingabe einer Zahl an.
      Rahmen (nur für Zellen) Definieren Sie die Breite, den Rahmenstil und die Farbe.
      Rahmenradius (nur für Zellen) Die Radiuseinstellung rundet die Rahmengrenze ab.
      Eigenschaften
      ID Eine eindeutige ID, die das HTML-Element identifiziert
      Titel Ein Tooltip oder Informationen, die angezeigt werden, wenn ein Anwender den Mauszeiger über eine Komponente bewegt.
    4. Wählen Sie Speichern.

    Nächste Maßnahme

    Fügen Sie weitere Spalten hinzu, und formatieren Sie sie, um ein Layout für den gesamten Inhalt auf der Seite zu erstellen.

    Fügen Sie dann Komponenten wie Bilder, Videos, Textfelder und Schaltflächen hinzu: