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

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 2 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 navigiert zum Rich Content-Canvas, 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 innerhalb 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.

      Rich-Content-Editor: Canvas und Spalten

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

    Fügen Sie der Zeile oder den Zellen Stile hinzu, z. B. Hintergrundfarbe, maximale Breite oder Auffüllung. Wenn Sie keinen Stil hinzufügen möchten, können Sie zu den Links unten auf dieser Seite fortfahren.
    1. Wählen Sie eine Zeile oder Zelle zum Bearbeiten aus.
    2. Navigieren Sie zu Einstellungen Registerkarte.
    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 Hintergrundfarbe darstellt, die Sie anzeigen möchten.

      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 Der Abstand zwischen Inhalt und Rahmen eines Elements ist der Abstand. 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 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 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: