Fügen Sie eine Schaltfläche mit dem Rich-Content-Editor hinzu

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 5 Minuten Lesedauer
  • Fügen Sie eine Schaltfläche hinzu, um Aktionen auszulösen oder Anwender zu anderen Inhalten umzuleiten.

    Vorbereitungen

    Erforderliche Rolle: sn_cd.content_manager

    Füllen Sie die Formularfelder „Neuer Inhalt“ aus. Siehe Erstellen Sie Rich Content

    Erstellen Sie das Seitenlayout mit Modulen oder Spalten.

    Prozedur

    1. Navigieren Sie zum Canvas, indem Sie auf der Registerkarte Design des Formulars „ Neuer Inhalt“ die Schaltfläche Editor öffnen wählen.
      Öffnen Sie den Rich-Content-Editor über die Registerkarte Design
    2. In der Canvas des Rich-Content-Editors können Sie eine Drag-and-Drop-Methode verwenden, um eine Schaltfläche hinzuzufügen.
    3. Navigieren Sie zur Registerkarte Einstellungen.
      Die Registerkarte „Einstellungen“ an der Seite des Canvas enthält Formatierungskonfigurationen
    4. Verwenden Sie eine der folgenden Stileinstellungen:
      Tabelle : 1. Stileinstellungen
      Einstellungsfeld Beschreibung
      Styling
      Schaltflächentyp Definiert, welche Art von Schaltfläche Sie hinzufügen. Ihre Auswahlmöglichkeiten sind:
      • Primär (Standard)
      • Sekundär
      • Nur Link
      Schaltflächengröße Definiert die Größe Ihrer Schaltfläche. Ihre Auswahlmöglichkeiten sind:
      • X-Small
      • Klein
      • Mittel (Standard)
      • Groß
      Bildschirm Konfigurieren Sie die Darstellung mehrerer Komponenten innerhalb derselben Spalte, z. B. einer Bild- und einer Textkomponente. Wählen Sie unter den folgenden Optionen aus:
      • Oben und unten (Standard): Das Bild wird über der anderen Komponente angezeigt.
      • Nebeneinander: Das Bild wird mit der anderen Komponente daneben angezeigt.
      Hinweis:
      Um beste Ergebnisse zu erzielen, legen Sie dieselbe Anzeige für die Komponenten fest. Wenn Sie beispielsweise ein Bild und Textkomponenten in einer Spalte haben und möchten, dass das Bild links und der Text rechts angezeigt wird, ändern Sie die Anzeigeeinstellungen für beide Komponenten in Nebeneinander.
      Horizontal ausrichten Legt die Ausrichtung der Schaltflächen fest. Wählen Sie links, zentriert oder rechts aus.
      Erweiterte Stile
      Schaltflächenfarbe Ändern Sie die Farbe Ihrer Schaltfläche.
      1. Geben Sie den Farbcode ein, der die Hintergrundfarbe darstellt, die angezeigt werden soll.
        Hinweis:
        Alle HTML-Farben werden unterstützt. Weitere Informationen finden Sie unter HTML-Farbnamen.
      2. Oder Sie wählen die Farbauswahl (graues Quadrat) rechts neben dem Feld Hintergrundfarbe.
      3. Klicken Sie in die Farbpalette, die angezeigt wird.
      4. Nachdem Sie eine Farbe aus der Farbpalette ausgewählt haben, verwenden Sie den Schieberegler auf der rechten Seite, um die Farbe zu optimieren.
      5. Schieben Sie den Balken nach oben und unten.
      6. Verwenden Sie den unteren Schieberegler, um Ihre Farbe aufzuhellen oder abzuschwächen.
      Breite

      Höhe

      Passen Sie die Breite und Höhe einer Schaltfläche an, indem Sie sie auswählen und mithilfe der Dropdown-Listen für Breite und Höhe eine Zahl eingeben oder die Pfeiltasten nach oben und unten verwenden.
      Sie können auch die gewünschte Maßeinheit auswählen, indem Sie die einzelne Abwärtspfeiltaste links neben dem Aufwärts- und Abwärtspfeil wählen. Die Auswahlmöglichkeiten sind:
      • auto: Größe basiert auf dem Inhalt auf der Registerkarte. Wenn Sie zusätzlichen Text auf der Registerkarte eingeben, wird die Breite automatisch vergrößert.
      • px: Verwenden Sie Pixel als Ihre Messung.
      • %: Verwenden Sie einen Prozentsatz als Messung.
      Marge Passen Sie die Ränder oder den Platz außerhalb und um die Schaltfläche an.

      Verwenden Sie die Dropdown-Listen unter dem Abschnitt „Rand“, um die Ränder oben, unten, rechts und links anzupassen. Genau wie bei der Breite und Höhe können Sie die gewünschte Maßeinheit auswählen, indem Sie die einzelne Abwärtspfeiltaste links neben dem Aufwärts- und Abwärtspfeil wählen.

      Rahmen Bearbeiten Sie den Rahmen um die Außenwand der Schaltfläche.
      Hinweis:
      Der Rahmen ist der Umriss um die Schaltfläche.

      Breite: Verwenden Sie die Pfeiltasten nach oben und unten, um die Breite des Rahmens anzupassen. Genau wie bei der Breite und Höhe können Sie die gewünschte Maßeinheit auswählen, indem Sie die einzelne Abwärtspfeiltaste links neben dem Aufwärts- und Abwärtspfeil wählen.

      Stil: Das Format des Rahmens um die Schaltfläche. Wählen Sie die Dropdown-Liste aus, um die Art des gewünschten Rahmens um die Schaltfläche auszuwählen.

      Farbe: Die Farbe des Rahmens um Ihre Schaltfläche. Wählen Sie die Farbe Ihrer Schaltfläche mithilfe der Farbpalette und der Schieberegler ähnlich wie Sie Ihre Hintergrundfarbe auswählen.

      Rahmenradius Verwenden Sie die Pfeiltasten nach oben und unten, um den Radius des Rahmens anzupassen. Genau wie bei der Breite und Höhe können Sie die gewünschte Maßeinheit auswählen, indem Sie die einzelne Abwärtspfeiltaste links neben dem Aufwärts- und Abwärtspfeil wählen.
      Name der Schriftart Definiert die Schriftart, die zum Rendern von Zeichen verwendet wird.

      Klicken Sie auf den Dropdown-Pfeil, um eine andere Schriftart auszuwählen.

      Schriftgröße Legt die Größe der Schriftart fest.
      Schriftbreite Bestimmt, wie fett oder hell Ihr Text angezeigt wird.

      Klicken Sie auf den Dropdown-Pfeil, um eine andere Gewichtung auszuwählen.

      Zeilenhöhe Legt den vertikalen Abstand zwischen zwei Textzeilen fest.
      Schriftfarbe Überschreibt die Schriftfarbe aus Ihrem Portaldesign.

      Um eine Farbe auszuwählen, geben Sie den Hexadezimalcode ein, oder klicken Sie auf die Farbauswahl (graues Quadrat rechts neben der Schriftfarbe), und wählen Sie eine Farbe aus der Farbpalette aus.

      Eigenschaften
      Schaltflächen-Bezeichnung Text, der auf der Schaltfläche angezeigt wird.
      Titel Text, der angezeigt wird, wenn ein Anwender den Mauszeiger über die Schaltfläche bewegt.
      URL Speicherort einer Webseite oder eines Inhalts. Geben Sie die vollständige URL-Adresse ein, auf die Sie abzielen, wenn ein Anwender die Schaltfläche auswählt.
      Ziel Gibt an, wohin die Schaltfläche den Anwender leitet. Ihre Auswahlmöglichkeiten sind:
      • Dieses Fenster: Wenn Sie auf die Schaltfläche klicken, wird der Inhalt in demselben Fenster geöffnet, das Sie angezeigt haben.
      • Neues Fenster: Durch Auswahl der Schaltfläche wird der Inhalt in einem neuen Fenster geöffnet.
    5. Wählen Sie Speichern oder Speichern und beenden aus.
      Wenn Sie Speichern wählen, wird Ihr Inhalt gespeichert, und Sie bleiben in der Canvas des Rich-Content-Editors. Wenn Sie Speichern und beenden wählen, wird Ihr Datensatz gespeichert, und Sie kehren zum Formular „Neuer Inhalt“ zurück.

    Nächste Maßnahme

    • (Optional) Übersetzen Sie Ihre Inhalte.

      Fordern Sie eine Sprachübersetzung für Ihre Inhalte an. Weitere Informationen finden Sie unter Mehrsprachige Unterstützung in der Inhaltsbibliothek.

      Hinweis:
      Übersetzen Sie Inhalte nur, nachdem Sie sie geändert haben. Um optimale Ergebnisse zu erzielen, empfehlen wir nicht, nach der Übersetzung Komponenten hinzuzufügen oder zu entfernen oder die Formatierung zu ändern.

      Um Rich Content zu erstellen, der in verschiedenen Sprachen unterschiedlich formatiert ist, duplizieren Sie den Inhalt, und ändern Sie die Formatierung nach Bedarf. Verwenden Sie dann Zielgruppen, um den Inhalt anhand der Sprache an Benutzer auszurichten. Siehe Zielgruppen

    • Zeigen Sie eine Vorschau Ihrer Inhalte auf der Registerkarte Veröffentlichen an.
      Hinweis:
      Die Inhaltsvorschau soll eine allgemeine Vorstellung davon vermitteln, wie Ihr Inhalt aussieht. Inhalte können nach der Veröffentlichung aufgrund von Variationen in der Geräteauflösung, unterschiedlichen Designs oder der Konfiguration des Stils mobiler Apps anders aussehen.
    • Konfigurieren Sie einen Veröffentlichungsplan, um zu steuern, wohin der Inhalt geliefert wird, die Zielgruppe und den Zeitraum, in dem er verfügbar ist: Erstellen Sie einen Veröffentlichungsplan für Ihre Inhalte.