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

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 2 Minuten Lesedauer

    • Verwenden Sie die Rich Content Editor -Canvas, um Spalten zu erstellen, die Sie beim Definieren und Organisieren Ihres Seitenlayouts unterstützen.

    Vorbereitungen

    Erforderliche Rolle: sn_cd.content_manager

    Nachdem Sie das Formular „ Neuer Inhalt “ (siehe Erstellen Sie Rich Content) ausgefüllt und zum Rich-Content-Canvas navigiert haben, können Sie Rich Content 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 festlegen, läuft die Zelle über die Zeile.

    Prozedur

    1. Navigieren Sie zur Canvas, indem Sie auf der Registerkarte Design des Formulars „ Neuer Inhalt “ auf die Schaltfläche Editor öffnen klicken.
    2. Aus der Rich Content Editor -Canvas können Sie per Drag-and-Drop Spalten hinzufügen.
      Spalten fungieren als Container für den Inhalt, den Sie erstellen.

      Rich Content-Editor – Canvas und Spalten

      Nachdem Sie eine 1-Spalte, 2-Spalteoder 3-Spalte in der Rich Content Editor- Canvas abgelegt haben, werden zwei Trennzeichen angezeigt. Das äußere Trennzeichen wird mit Zeilebezeichnet. 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 am Ende 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:
      Feld Einstellungen Beschreibung
      Styling
      Hintergrundfarbe Verwenden Sie die Farbauswahl (graues Quadrat), um eine Farbe auszuwählen, oder geben Sie den Farbcode ein, der die Hintergrundfarbe darstellt, die angezeigt werden soll.

      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 das Ende der Zeile ziehen.
      Wählen Sie die Maßeinheit aus:
      • px: Pixel
      • %: Prozentsatz
      Auffüllung Abstand ist der Abstand zwischen Inhalt und Rahmen eines Elements. Geben Sie den Wert für die Auffüllung oben, unten, rechts oder links an, indem Sie eine Zahl eingeben.
      Rand (nur für Zeilen) Der Rand ist der Abstand zwischen einer Zeile und einem anderen Element/der Canvas-Grenze. Geben Sie den Wert für die Auffüllung oben, unten, rechts oder links an, indem Sie eine Zahl eingeben.
      Rahmen (nur für Zellen) Definieren Sie die Breite, den Rahmenstil und die Farbe.
      Rahmenradius (nur für Zellen) Die Radiuseinstellung rundet die Rahmenecken ab.
      Eigenschaften
      ID Eindeutige ID, die das HTML-Element identifiziert.
      Titel Ein Tooltip oder Informationen, die angezeigt werden, wenn ein Benutzer den Mauszeiger über die 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: