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

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 3 Minuten Lesedauer

    • Verwenden Sie Rich-Content-Editor Canvas zum Erstellen von Spalten, um Ihr Layout für Ihre Seite zu definieren und zu organisieren.

    Vorbereitungen

    Erforderliche Rolle: sn_cd.content_manager

    Nachdem Sie abgeschlossen haben Neuer Inhalt Formular (siehe Erstellen Sie Rich Content) Und zur Rich-Content-Canvas navigiert, 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 den Einstellungen aktualisiert werden.
    Hinweis:
    Die Mindesthöhe für eine Zelle in einer Spalte beträgt 75 px. Wenn Sie die Zellenhöhe kleiner festlegen, überläuft die Zelle die Zeile.

    Prozedur

    1. Navigieren Sie zum Canvas, indem Sie auswählen Öffnen Sie den Editor Schaltfläche von Design Registerkarte von Neuer Inhalt Formular.
    2. Von Rich-Content-Editor Canvas können Sie eine Drag-and-Drop-Methode verwenden, um Spalten hinzuzufügen.
      Spalten fungieren als Container für den Inhalt, den Sie erstellen.
      Abbildung : 1. Rich-Content-Editor
      Rich Content-Editor: Canvas und Spalten

      Nachdem Sie einen abgelegt haben 1 Spalte , 2 Spalte , Oder 3 Spalten In Rich-Content-Editor Canvas, es werden zwei Trennzeichen angezeigt. Das äußere Trennzeichen ist beschriftet Zeile . Das Innentrennzeichen ist beschriftet Zelle .

    Fügen Sie der Zeile oder den Zellen Stile hinzu, z. B. Hintergrundfarbe, maximale Breite oder Abstand. Wenn Sie keinen Stil hinzufügen möchten, können Sie zu den Links unten auf dieser Seite wechseln.
    1. Wählen Sie eine Zeile oder Zelle zum Bearbeiten aus.
    2. Navigieren Sie zu Einstellungen Registerkarte.
    3. Verwenden Sie eine der folgenden Stileinstellungen:
      Hinweis:
      Inhaltsmanager und Administratoren haben die Möglichkeit, Hintergrundfarben auf ausgewählte Canvas-Elemente, einschließlich Bilder, anzuwenden. Verfügbare Funktionen umfassen die Verwendung von einfarbigen Farben und Farbverläufen sowie Anpassungen der Farbdeckkraft. Auf diese Einstellungen kann im rechten Bereich auf der Registerkarte „Einstellungen – Stil“ zugegriffen werden, wenn einem Canvas-Element Rich Content hinzugefügt wird.
      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 Hintergrundfarbe darstellt, die Sie anzeigen möchten.
      Alle HTML-Farben werden unterstützt. Weitere Informationen finden Sie unter HTML-Farbnamen .
      Hinweis:
      Das Element „Hintergrundfarbe für Canvas“ zeigt die Hintergrundoptionen für Farbverlauf, Farbe und Bild an. Aktivieren Sie diese Option, und wählen Sie dann Hintergrundoptionen aus.
      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 Der Abstand zwischen Inhalt und Rahmen eines Elements ist. Geben Sie den Wert für den oberen, unteren, rechten oder linken Abstand 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 den oberen, unteren, rechten oder linken Abstand 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 Rahmenecke.
      Eigenschaften
      ID Eine eindeutige ID, die das HTML-Element identifiziert.
      Titel Ein Tooltip oder Informationen, die angezeigt werden, wenn ein Anwender 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 alle Inhalte auf der Seite zu erstellen.

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