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

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 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 mithilfe von Modulen oder Spalten.

    Prozedur

    1. Navigieren Sie zum Canvas, indem Sie auswählen Öffnen Sie den Editor Schaltfläche von Design Registerkarte von Neuer Inhalt Formular.
      Öffnen Sie den Rich-Content-Editor auf der Registerkarte Design
    2. Von Rich-Content-Editor Canvas können Sie eine Schaltfläche per Drag-and-Drop hinzufügen.
    3. Navigieren Sie zu Einstellungen Registerkarte.
      Die Registerkarte „Einstellungen“ auf der Seite der Canvas weist Stilkonfigurationen auf
    4. Optionen für vollständige Konfigurationseinstellungen anzeigen.
      Konfigurationsoptionen auf der Registerkarte „Einstellungen“
    5. Verwenden Sie eine der folgenden Stileinstellungen:
      Hinweis:
      Durch das Ändern des Schaltflächentyps oder der Größe werden alle anderen Einstellungseigenschaften und -Werte gelöscht. Die Hintergrundfarbebene wird entfernt, wenn der Schaltflächentyp geändert wird, und einige Werte können von der Auswahl der Schaltflächengröße beeinflusst werden, z. B. Schriftgröße, Zeilenhöhe, Abstand und Rahmenradius.
      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
        Hinweis:
        Alle Eigenschaften und Hintergrundfarbebenen werden gelöscht, wenn der Schaltflächentyp geändert wird.
      Schaltflächengröße Definiert die Größe Ihrer Schaltfläche. Ihre Auswahlmöglichkeiten sind:
      • X-Small
      • Klein
      • Mittel (Standard)
      • Groß
        Hinweis:
        Alle Eigenschaften der Schaltflächengröße werden gelöscht, wenn die Schaltflächengrößen geändert werden.
      Bildschirm Konfigurieren Sie die Darstellung mehrerer Komponenten innerhalb derselben Spalte, z. B. ein Bild und eine Textkomponente. Wählen Sie unter den folgenden Optionen aus:
      • Oben und unten (Standard): Bild wird über der anderen Komponente angezeigt.
      • Nebeneinander : Bild wird mit der anderen Komponente daneben angezeigt.
      Hinweis:
      Um die besten Ergebnisse zu erzielen, legen Sie für die Komponenten dieselbe Anzeige fest. Wenn Sie beispielsweise ein Bild und eine Textkomponente in einer Spalte haben und das Bild links und der Text rechts angezeigt werden sollen, ändern Sie die Anzeige Einstellungen für beide Komponenten bis Nebeneinander .
      Erweiterte Stile
      Schaltflächenfarbe Ändern Sie die Farbe Ihrer Schaltfläche.
      1. Geben Sie den Farbcode ein, der die Hintergrundfarbe darstellt, die Sie anzeigen möchten.
        Hinweis:
        Alle HTML-Farben werden unterstützt. Weitere Informationen finden Sie unter HTML-Farbnamen .
      2. Oder Sie können die Farbauswahl (graues Quadrat) rechts neben auswählen Hintergrundfarbe Feld.
      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 Ihre Farbe zu optimieren.
      5. Schieben Sie die Leiste nach oben und unten.
      6. Verwenden Sie den unteren Schieberegler, um Ihre Farbe aufzuhellen oder zu dunkeln.
      Breite

      Höhe

      Passen Sie die Breite und Höhe einer Schaltfläche an, indem Sie sie auswählen und verwenden Breite Und Höhe Dropdown-Listen, um eine Zahl einzugeben, oder verwenden Sie die Pfeile nach oben und unten.
      Sie können auch die gewünschte Maßeinheit auswählen, indem Sie die einzelne nach-unten-Pfeiltaste links neben den nach-oben- und nach-unten-Pfeilen wählen. Die Auswahlmöglichkeiten sind:
      • automatisch: Die Größe basiert auf dem Inhalt auf der Registerkarte. Wenn Sie auf der Registerkarte zusätzlichen Text eingeben, wird die Breite automatisch erhöht.
      • px: Verwenden Sie Pixel als Messung.
      • %: Verwenden Sie einen Prozentsatz als Messung.
      Marge Passen Sie die Ränder oder den Abstand außerhalb und um die Schaltfläche an.

      Verwenden Sie die Dropdowns unter Marge Abschnitt zum Anpassen der Ränder oben, unten, rechts und links. Genau wie die Breite und Höhe können Sie die gewünschte Maßeinheit auswählen, indem Sie die einzelne nach-unten-Pfeiltaste links neben den nach-oben- und nach-unten-Pfeilen wählen.

      Rahmen Bearbeiten Sie den Rahmen um die Außenseite 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 die Breite und Höhe können Sie die gewünschte Maßeinheit auswählen, indem Sie die einzelne nach-unten-Pfeiltaste links neben den nach-oben- und nach-unten-Pfeilen wählen.

      Stil: Das Format des Rahmens um die Schaltfläche. Wählen Sie die Dropdown-Liste aus, um den Typ des Rahmens auszuwählen, den Sie um die Schaltfläche herum haben möchten.

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

      Rahmenradius Verwenden Sie die Pfeile nach oben und unten, um den Radius des Rahmens anzupassen. Genau wie die Breite und Höhe können Sie die gewünschte Maßeinheit auswählen, indem Sie die einzelne nach-unten-Pfeiltaste links neben den nach-oben- und nach-unten-Pfeilen 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 Ihres Portaldesigns.

      Um eine Farbe auszuwählen, geben Sie den Hex-Code 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, die Sie anvisieren, wenn ein Anwender die Schaltfläche auswählt.
      Zielvorgabe Gibt an, wohin die Schaltfläche den Anwender leitet. Ihre Auswahlmöglichkeiten sind:
      • Dieses Fenster: Wenn Sie die Schaltfläche wählen, wird der Inhalt im selben Fenster geöffnet, das Sie angezeigt haben.
      • Neues Fenster: Durch Auswahl der Schaltfläche wird der Inhalt in einem neuen Fenster geöffnet.
    6. Wählen Sie Aus Speichern Oder Speichern und beenden .
      Auswählen Speichern Speichert Ihren Inhalt, und Sie bleiben im Rich-Content-Editor Canvas. Auswählen Speichern und beenden Speichert Ihren Datensatz und gibt Sie zum zurück Neuer Inhalt Formular.

    Nächste Maßnahme

    • (Optional) Übersetzen Sie Ihren Inhalt.

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

      Hinweis:
      Übersetzen Sie Inhalte erst, nachdem Sie mit dem Ändern des Inhalts fertig sind. Um die besten Ergebnisse zu erzielen, empfehlen wir nicht, Komponenten hinzuzufügen oder zu entfernen oder die Formatierung nach der Übersetzung zu ändern.

      Um Rich-Inhalte zu erstellen, die in verschiedenen Sprachen unterschiedlich formatiert sind, duplizieren Sie den Inhalt, und ändern Sie die Formatierung nach Bedarf. Verwenden Sie dann Zielgruppen, um den Inhalt auf Anwender nach Sprache auszurichten. Siehe Zielgruppen

    • Zeigen Sie eine Vorschau Ihres Inhalts aus dem an Veröffentlichen Registerkarte.
      Hinweis:
      Die Inhaltsvorschau dient dazu, eine allgemeine Vorstellung davon zu vermitteln, wie Ihre Inhalte aussehen. Inhalte können nach der Veröffentlichung aufgrund von Variationen bei der Geräteauflösung, dem Designunterschied oder der Konfiguration des mobilen App-Stils anders aussehen.
    • Konfigurieren Sie einen Veröffentlichungsplan, um zu steuern, wo der Inhalt bereitgestellt wird, die Zielgruppe und den Zeitraum, in dem er verfügbar ist: Erstellen Sie einen Veröffentlichungsplan für Ihren Inhalt.