Erstellen Sie formatierte Inhalte für Banner, Blöcke/Ankündigungen oder Videos

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

    • Erstellen Sie Banner, Blöcke/Ankündigungen oder Videos mit dem formatierten Inhaltstyp, um Einstellungen wie Textfarbe, Textausrichtung, Links, Hintergrundfarben und Bilder anzupassen.

    Vorbereitungen

    Erforderliche Rolle: sn_cd.content_manager

    Warum und wann dieser Vorgang ausgeführt wird

    Dieser Inhaltstyp bietet drei Optionen:
    • Banner: wird oben auf der Seite angezeigt
    • Block: wird in einem Widget auf der Seite angezeigt
    • Video: kann überall auf einer Seite angezeigt werden, auch oben anstelle eines Banners
    Die Inhaltsbibliothek unterstützt die folgenden Videotypen:
    • HTML5
      Hinweis:
      Text oder Tooltips, auf die der Mauszeiger gezeigt wird, werden für HTML5 derzeit nicht unterstützt.
    • Youtube
    • Vimeo

    Wenn Sie ein Banner mit formatierten Inhalten erstellen oder bearbeiten, können Sie das Hintergrundbild aufrufen und bearbeiten, anstatt Ihr Bild extern zu bearbeiten und dann zu importieren.

    Das Formularkontext-Menü ( Formularkontext-Menü) oben links im Formular bietet die Möglichkeit, Aufgaben beim Erstellen von Inhalten schnell auszuführen. Wählen Sie das Symbol aus und die folgenden Auswahlmöglichkeiten werden angezeigt:
    • Klonen: Duplizieren Sie den Inhaltsdatensatz.
    • Löschen: Entfernen Sie den Inhaltsdatensatz und die zugehörigen geplanten Inhaltsdatensätze.
    • Inhaltsdatensatz anzeigen: Greifen Sie auf den Inhaltsdatensatz zu und zeigen Sie ihn an.
    Hinweis:
    Sie müssen den zugrunde liegenden Inhaltsdatensatz speichern, bevor die Auswahlmöglichkeiten im Formularkontext-Menü aktiviert werden.

    Prozedur

    1. Navigieren zu Content Publishing > Inhaltsbibliothek > Neu erstellen.
    2. Wählen Sie Portal in der Spalte Plattform auswählen aus.
    3. Wählen Sie Formatierter Inhalt im Abschnitt Inhaltsformat wählen aus.
    4. Wählen Sie Fortsetzen aus.
    5. Füllen Sie die Felder im Formular Neuer Inhalt aus.
      Tabelle : 1. Design
      Feld Beschreibung
      Inhaltsname Name, der den Inhalt beschreibt, den Sie erstellen oder bearbeiten.
      Reihenfolge Die Zahl, die die Reihenfolge angibt, in der das Portal und der formatierte Inhalt in der Inhaltsliste angezeigt werden.
      Aktiv Gibt an, dass der Inhalt aktiv und zur Verwendung verfügbar ist.
      Inhaltsstil Gibt den Stil Ihres Inhalts an:
      • Banner
      • Blockieren
      • Video
      INHALT
      Benutzerreferenztabelle Bestimmt die Variablen, die Sie nutzen können, um Text für den Blockinhalt zu personalisieren.
      Wählen Sie HR-Profil aus, um Variablen aus der Tabelle „sn_hr_core_profile“ auszuwählen.
      Hinweis:
      Wenn das Plugin „Human Resources Scoped App: Core“ (com.sn_hr_core) aktiviert ist, wird nur HR-Profil angezeigt.

      Wählen Sie Benutzer aus, um Variablen aus der Tabelle „sys_user“ auszuwählen.
      Überschrift Ein Titel, der für Ihren Inhalt angezeigt werden soll.
      Dieses Feld ist nicht erforderlich, wenn Ihr Banner nur eine Grafik anzeigen soll.
      Hinweis:
      Dieses Feld wird nur angezeigt, wenn das Widget „Content Experience“ verwendet wird.
      Überschrift Text, der Ihrer Überschrift zusätzliche Informationen oder Klarheit bietet.
      Haupttext Die detaillierte Meldung, die über dem Banner angezeigt werden soll.
      Benutzerspalte Zusammen mit der HR-Profiltabelle [sn_hr_core_profile] werden Benutzer beim Auswerten einer Bedingung gefiltert.

      Dieses Feld wird nur angezeigt, wenn Sie HR-Profil im Feld Benutzerreferenztabelle auswählen.
      Textfarbe Gibt an, ob der Haupttext dunkel oder hell angezeigt werden soll.
      Hinweis:
      Für den Inhaltsstil „Banner“ werden sowohl dunkele als auch helle Darstellung unterstützt. Für den Inhaltsstil Block wird nur helle Darstellung unterstützt, wenn das Feld Text über Hintergrund aktiv (grün) ist.
      Textausrichtung Gibt an, wie Ihr Text angezeigt werden soll. Sie können linksbündig, zentriert oder rechtsbündig auswählen.
      Symbol Bestimmt, ob ein Symbol angezeigt werden soll. Wischen Sie nach rechts, um ein Symbol auszuwählen.

      Wird nur angezeigt, wenn Sie Block für Inhaltsstil auswählen.
      Symbol auswählen Wählen Sie das Symbol aus, das angezeigt werden soll.

      Dieses Feld wird nur angezeigt, wenn Sie das Feld „Symbol“ in „Grün“ ändern.
      Symbolgröße Gibt die Größe Ihres Symbols an.

      Dieses Feld wird nur angezeigt, wenn Sie das Feld „Symbol“ in „Grün“ ändern.

      Die empfohlene Größe für Symbole lautet wie folgt:
      • Themensymbol: 56 x 56 Pixel
      • Symbol für Unterthema: 28 x 28 Pixel
      Handlungsaufforderung Wählen Sie aus, ob eine Schaltfläche oder ein Link angezeigt werden soll.
      Schaltflächentitel Der Text, der auf der Schaltfläche angezeigt wird.

      Dieses Feld wird nur angezeigt, wenn Sie Schaltfläche auswählen.
      Schaltflächenlink Der Link, dem der Benutzer beim Auswählen der Schaltfläche folgt.

      Wählen Sie den Abwärtspfeil aus, um eine Liste der Links anzuzeigen.

      Dieses Feld wird nur angezeigt, wenn Sie das Feld „Symbol“ in „Grün“ ändern.
      Link-Titel Der Text, der für den Link angezeigt wird.

      Dieses Feld wird nur angezeigt, wenn Sie Link auswählen.
      Link Der Link, dem der Benutzer beim Auswählen des Links folgt.

      Wählen Sie den Abwärtspfeil aus, um eine Liste der Links anzuzeigen.

      Dieses Feld wird nur angezeigt, wenn Sie Link auswählen.
      Videolink Der Link zu dem Video, das in Ihrem Portal angezeigt werden soll.
      Dieses Feld wird nur angezeigt, wenn Sie Video für Inhaltsstil auswählen.
      Hinweis:
      Derzeit werden nur YouTube- und Vimeo-Videos unterstützt. Stellen Sie sicher, dass Sie den eingebetteten Videolink verwenden.
      HINTERGRUND
      Hintergrundfarbe Gibt die Hintergrundfarbe des Banner- oder Blocktexts an. Zum Definieren der Farbe können Sie Folgendes verwenden:
      • Hex-Farbcodes
        Hinweis:
        Eine Liste der Hexadezimal-Farbcodes finden Sie unter Hex-Farbcodes.
      • CSS-Farbwert und Stichwörter, Name, RGB-Dezimalzahl oder RGB-Hexadezimalzahl der Farbe.
        Hinweis:
        Weitere Informationen finden Sie unter HTML-Farbnamen (W3CSchools).
      Hintergrundbild Gibt an, dass ein Bild als Hintergrund angezeigt werden soll. Wischen Sie nach rechts, um zusätzliche Bildfelder anzuzeigen.
      Bilddatei [Bild hochladen] Wählen Sie den Link aus, um ein Bild hinzuzufügen.

      Dieses Feld wird nur angezeigt, wenn Sie Hintergrundbild aktivieren.

      Die empfohlene Größen für Banner sind:
      • Homepage-Banner: 1440 x 400 Pixel
      • Themenseite: 1258 x 300 Pixel
      Schaltfläche „Bild bearbeiten“ Ermöglicht Ihnen, Ihr Hintergrundbild im Modul „Inhaltsbibliothek“ zu bearbeiten.

      Dieses Feld wird nur angezeigt, wenn Sie ein Hintergrundbild hochgeladen haben. Über dem Bild im Formular „Bild-Editor-Modus“ wird ein Zuschneidefeld angezeigt.

      Sie können das Zuschneidefeld verwenden, indem Sie die Ränder nach innen oder außen ziehen, um anzugeben, welcher Teil Ihres Bildes angezeigt werden soll.

      Nach dem Öffnen des Bildeditors ist der Standardmodus „Zuschneiden“.

      Wenn Sie eine SVG-Datei hochladen und bearbeiten, wird sie als PNG-Datei gespeichert.
      Hinweis:
      GIF-Dateien werden nicht unterstützt.

      Die folgenden Symbole und Schaltflächen werden angezeigt, um das Bild zu bearbeiten:

      Symbole „Bild bearbeiten“

      Mit jedem Symbol können Sie das importierte Bild bearbeiten:
      • Auf Ursprung zurücksetzen Symbol „Auf Ursprung zurücksetzen“
        • Wird aktiviert, nachdem Sie Änderungen an Ihrem Bild vorgenommen haben.
        • Wählen Sie das Symbol aus und das Fenster Auf Ausgangszustand zurücksetzen? wird angezeigt. Klicken Sie auf die Schaltfläche Bild zurücksetzen, um alle Änderungen, die Sie an Ihrem Bild vorgenommen haben, rückgängig zu machen.
          Hinweis:
          Nachdem Sie Speichern ausgewählt haben, können Sie Ihr Bild nicht mehr zurücksetzen. Sie müssen das Bild erneut hochladen, wenn Sie mit Ihren Bearbeitungen nicht zufrieden sind.
        • Wenn Sie Ihre Änderungen nicht beibehalten möchten, wählen Sie Abbrechen aus.
      • „Move image“-Modus (Bild verschieben) Symbol Bild-verschieben-Modus
        • Wählen Sie Ihr Bild an einer beliebigen Stelle außerhalb des Zuschneidefelds aus und verschieben Sie es mit der Maus.
        • Verwenden Sie die Punkte, um die Größe des Bildes zu ändern.
        • Halten Sie die Maus gedrückt, um das Zuschneidefeld zu verschieben.
      • „Crop image“-Modus (Bild zuschneiden) Symbol Bild-zuschneiden-Modus
        • Wählen Sie das Symbol aus und Ihr Cursor wird auf „Zuschneiden“ gesetzt.
        • Erstellen Sie ein neues Zuschneidefeld, indem Sie den Cursor gedrückt halten und ziehen.
        • Halten Sie die Maustaste gedrückt, um das Zuschneidefeld zu verschieben.
        • Ändern Sie die Größe des Zuschneidefelds mithilfe der Punkte.
      • Heranzoomen Symbol „Heranzoomen“
        • Klicken Sie auf das Symbol, um das Bild zu vergrößern und näher zu bringen.
        • Klicken Sie weiter, um das Bild schrittweise zu vergrößern.
      • Herauszoomen Symbol „Herauszoomen“
        • Klicken Sie auf das Symbol, um das Bild zu verkleinern und weiter zu entfernen.
        • Klicken Sie weiter, um das Bild schrittweise zu verkleinern.
      • 10 Pixel nach links verschieben Symbol „Verschieben“
        • Klicken Sie auf das Symbol, um das Bild um 10 Pixel nach links zu verschieben.
        • Klicken Sie weiter, um das Bild in 10-Pixel-Schritten nach links zu verschieben.
      • 10 Pixel nach rechts verschieben Symbol „Verschieben“
        • Klicken Sie auf das Symbol, um das Bild um 10 Pixel nach rechts zu verschieben.
        • Klicken Sie weiter, um das Bild in 10-Pixel-Schritten nach rechts zu verschieben.
      • 10 Pixel nach oben verschieben Symbol „Nach oben“
        • Klicken Sie auf das Symbol, um das Bild um 10 Pixel nach oben zu verschieben.
        • Klicken Sie weiter, um das Bild in 10-Pixel-Schritten nach oben zu verschieben.
      • 10 Pixel nach unten verschieben Symbol „Nach unten“
        • Klicken Sie auf das Symbol, um das Bild nach unten zu verschieben.
        • Klicken Sie weiter, um das Bild in 10-Pixel-Schritten nach unten zu verschieben.
      • Um 45 Grad nach links drehen Symbol „Drehen“
        • Klicken Sie auf das Symbol, um das Bild um 45 Grad gegen den Uhrzeigersinn zu drehen.
        • Klicken Sie weiter, um das Bild in 45-Grad-Schritten gegen den Uhrzeigersinn zu drehen.
      • Um 45 Grad nach rechts Symbol „Drehen“
        • Klicken Sie auf das Symbol, um das Bild um 45 Grad im Uhrzeigersinn zu drehen.
        • Klicken Sie weiter, um das Bild in 45-Grad-Schritten im Uhrzeigersinn zu drehen.
      • Zuschneiden – Kurzes Rechteck Symbol „Zuschneiden – Kurzes Rechteck“
        • Klicken Sie auf das Symbol, um das Zuschneidewerkzeug in eine kurze Rechteckform zu ändern.
        • Verwenden Sie die Eckpunkte des Rechtecks, um Ihr Bild weiter zuzuschneiden.
      • Zuschneiden – Großes Rechteck Symbol „Zuschneiden – Großes Rechteck“
        • Klicken Sie auf das Symbol, um das Zuschneidewerkzeug in eine große Rechteckform zu ändern.
        • Verwenden Sie die Eckpunkte des Rechtecks, um Ihr Bild weiter zuzuschneiden.
      • Zuschneiden – Quadrat Symbol „Zuschneiden – Quadrat“
        • Klicken Sie auf das Symbol, um das Zuschneidewerkzeug in eine quadratische Form zu ändern.
        • Verwenden Sie die Eckpunkte des Quadrats, um Ihr Bild weiter zuzuschneiden.
      • Benutzerdefiniert Benutzerdefiniert zuschneiden und drehen
        • Klicken Sie auf das Symbol, um das Popup Detailbearbeitung anzuzeigen.
        • Sie können die Größe des Zuschneidewerkzeugs und die Größe Ihres Bildes in Pixel festlegen.
        • Sie können auch den Winkel festlegen, um den das Bild gedreht werden soll.
      • Vorschau Symbol „Vorschau“
        • Wählen Sie dieses Symbol aus, um eine Vorschau des bearbeiteten Bildes anzuzeigen.
        • Geben Sie Standortinformationen ähnlich wie bei der Veröffentlichung Ihrer Inhalte ein. Auf diese Weise können Sie Ihr Bild dort ansehen, wo es angezeigt werden soll. Weitere Informationen zu diesen Feldern finden Sie unter Erstellen Sie einen Veröffentlichungsplan für Ihre Inhalte.
      • Abbrechen und Speichern Schaltflächen „Abbrechen“ und „Speichern“
        • Wählen Sie Abbrechen aus, um die Bearbeitung Ihres Bildes zu beenden und Ihre Änderungen nicht zu speichern.
        • Wählen Sie Speichern aus, um die Änderungen zu speichern, die Sie an Ihrem Bild vorgenommen haben. Sie können Zuschneiden und fortfahren auswählen, um mit der Bearbeitung fortzufahren.
          Hinweis:
          Nachdem Sie Speichern und Fortfahren ausgewählt haben, werden Ihre Änderungen gespeichert und Sie können Ihre Änderungen nicht rückgängig machen.
      Bildgröße Gibt an, wie das Bild angezeigt werden soll.
      • Füllbreite: Ändern Sie die Bildgröße, um den gesamten Container abzudecken, selbst wenn das Bild gezogen oder an den Kanten abgeschnitten werden muss.
      • Breite anpassen: Die Bildgröße wird verändert, um sicherzustellen, dass es vollständig sichtbar ist.
      • Ursprüngliche Größe: Die ursprüngliche Größe des Bilds wird verwendet.

      Dieses Feld wird nur angezeigt, wenn Sie Hintergrundbild aktivieren.
      Bildposition Position, an der das Bild angezeigt werden soll. Wählen Sie ein Feld aus, um die Bildposition zu definieren.

      Dieses Feld wird nur angezeigt, wenn Sie Hintergrundbild aktivieren.
      Text über Hintergrund Gibt an, dass der Text über dem Hintergrundbild angezeigt werden soll. Wenn Sie dies nicht aktivieren, wird der Text unter dem Bild angezeigt.

      Wischen Sie nach rechts, um einen Farbverlauf für Ihren Hintergrund auszuwählen.
      Verlauf hinzufügen Gibt an, dass der Text Farbverläufe enthalten soll, damit Ihr Text leichter lesbar ist.

      Wird nur angezeigt, wenn Sie das Feld Text über Hintergrund aktivieren.
    6. Wählen Sie Speichern aus, um den Datensatz zu speichern und auf der Registerkarte Design zu bleiben.
    7. Oder wählen Sie Speichern und fortfahren, um den Datensatz zu speichern und zur Registerkarte Veröffentlichen zu wechseln.

    Nächste Maßnahme

    • Zeigen Sie im Formular „Neuer Inhalt“ eine Vorschau Ihrer Inhalte an.
      Hinweis:
      Die Inhaltsvorschau soll Ihnen eine allgemeine Vorstellung davon vermitteln, wie Ihre Inhalte aussehen. Inhalte können nach der Veröffentlichung aufgrund von Abweichungen in der Geräteauflösung, Designunterschieden oder der Konfiguration des Mobile-App-Stils anders aussehen.
    • (Optional) Übersetzen Sie Ihre Inhalte.

      Wählen Sie eine andere Sprache aus, um Ihre Sitzung anzuzeigen, oder fordern Sie eine Sprachübersetzung für den Inhalt an, den Sie erstellen. Weitere Informationen finden Sie unter Sprachunterstützung für Content Experiences und Content Publishing.

      Verwenden Sie das Dropdown-Menü Spracheinstellungen, um eine andere Sprache für die Anzeige Ihrer Sitzung auszuwählen, oder fordern Sie eine Sprachübersetzung für den Inhalt an, den Sie erstellen.
      • Sprache wechseln: Ermöglicht das Ändern der Sprache der Systemeinstellungen in eine andere Sprache. Das ist vergleichbar mit dem Ändern Ihrer Sprache bei der Anmeldung. Weitere Informationen finden Sie unter Sprache für Content Publishing wechseln.
      • Inhalt übersetzen: Wenn Sie die Systemeigenschaft sn_cd.enable_localization_framework_integration aktivieren, wird für erstellte Inhalte aus der Inhaltsbibliothek die Auswahl Inhalt übersetzen aus der Dropdown-Liste „Spracheinstellungen“ angezeigt. Auf diese Weise können Sie die Übersetzung des Inhalts in die von Ihnen ausgewählte Sprache anfordern. Weitere Informationen finden Sie unter Integration mit Lokalisierungs-Framework.
        Hinweis:
        Übersetzen Sie Inhalte nur, nachdem Sie die Inhalte geändert haben. Um die besten Ergebnisse zu erzielen, raten wir davon ab, Komponenten hinzuzufügen oder zu entfernen oder die Formatierung nach der Übersetzung 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 auf Benutzer nach Sprache auszurichten. Siehe Zielgruppen

    • Konfigurieren Sie einen Veröffentlichungsplan, um zu steuern, wo der Inhalt bereitgestellt wird, für welche Zielgruppe und für welchen Zeitraum er verfügbar ist: Erstellen Sie einen Veröffentlichungsplan für Ihre Inhalte.