Erstellen Sie stilisierte Inhalte für Banner, Block/Ankündigungen oder Videos

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 9 Minuten Lesedauer
  • Erstellen Sie Banner, Block/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

    Wenn Sie Videoinhalte erstellen, müssen Sie das Video zuerst hochladen: Fügen Sie Links zu anderen Inhaltsquellen hinzu, oder ändern Sie sie

    Warum und wann dieser Vorgang ausgeführt wird

    Dieser Inhaltstyp bietet drei Optionen:
    • Banner: Wird oben auf der Seite angezeigt Banner mit Header, Überschrift, Textkörper und Schaltflächeninhalt
    • Block: Wird in einem Widget auf der Seite angezeigt Blockieren Sie Inhalte, die eine Überschrift, einen Textkörper und eine Schaltfläche enthalten
    • Video: Kann an beliebiger Stelle auf einer Seite angezeigt werden, einschließlich oben anstelle eines Banners

    Wenn Sie ein Banner mit formatiertem Inhalt erstellen oder bearbeiten, können Sie das Hintergrundbild anzeigen und bearbeiten, anstatt Ihr Bild extern zu bearbeiten und es dann zu importieren.

    Das Formular-Kontextmenü ( Formular-Kontextmenü) Links oben im Formular bietet die Möglichkeit, Aufgaben beim Erstellen von Inhalten schnell zu erledigen. Wählen Sie das Symbol aus, und die folgenden Auswahlmöglichkeiten werden angezeigt:
    • Klon: Doppelter 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 Kontextmenüauswahlen des Formulars aktiviert werden.

    Prozedur

    1. Navigieren zu Content Publishing > Inhaltsbibliothek > Neu erstellenan.
    2. Wählen Sie Aus Portal Unter Wählen Sie die Plattform aus Spalte.
    3. Wählen Sie Aus Formatierter Inhalt Unter Wählen Sie ein Inhaltsformat aus Abschnitt.
    4. Wählen Sie Fortsetzen.
    5. Füllen Sie die Felder in aus Neuer Inhalt Formular.
      Tabelle : 1. Design
      Feld Beschreibung
      Inhaltsname Der Name, der den Inhalt beschreibt, den Sie erstellen oder bearbeiten.
      Bestellung 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 an, ob Ihr Inhalt:
      • Banner
      • Blockieren
      • Video
      INHALT
      Anwenderreferenztabelle Bestimmt die Variablen, die Sie zum Personalisieren von Text für den Blockinhalt verwenden können.
      Wählen Sie Aus HR-Profil Zum Auswählen von Variablen aus der sn_hr_core_profile-Tabelle.
      Hinweis:
      Wenn nur das Plugin „bereichsbezogene App für Human Resources: Core“ (com.sn_HR_Core) aktiviert ist HR-Profil Wird angezeigt.

      Wählen Sie Aus Anwender Dient zum Auswählen von Variablen aus der Tabelle „sys_user“.

      Überschrift Ein Titel, den Sie für Ihren Inhalt anzeigen möchten.
      Dieses Feld ist nicht erforderlich, wenn Ihr Banner nur eine Grafik anzeigen soll.
      Hinweis:
      Dieses Feld wird nur angezeigt, wenn das Inhalts-Experience-Widget verwendet wird.
      Überschrift Text, der Ihrer Überschrift zusätzliche Informationen oder Klarheit bietet.
      Haupttext Die detaillierte Nachricht, die über dem Banner angezeigt werden soll.
      Anwenderspalte Filtert zusammen mit der Tabelle „HR-Profil“ [sn_hr_core_profile] Anwender beim Auswerten einer Bedingung.

      Dieses Feld wird nur angezeigt, wenn Sie auswählen HR-Profil Von Anwenderreferenztabelle Feld.

      Textfarbe Gibt an, ob der Textkörper dunkel oder hell erscheinen soll.
      Hinweis:
      Für den Inhaltsstil des Banners werden sowohl dunkel als auch hell unterstützt. Für den Block-Inhaltsstil wird nur hell unterstützt, wenn der Text über Hintergrund Feld ist aktiv (grün).
      Textausrichtung Gibt an, wie Ihr Text angezeigt werden soll. Sie können links, zentriert oder rechtsbündig auswählen.
      Symbol Bestimmt, ob ein Symbol angezeigt werden soll. Schieben Sie nach rechts, um ein Symbol auszuwählen.

      Wird nur angezeigt, wenn Sie auswählen Blockieren Von Inhaltsstil .

      Symbol auswählen Wählen Sie das Symbol aus, das angezeigt werden soll.

      Dieses Feld wird nur angezeigt, wenn Sie das Symbolfeld auf Grün setzen.

      Symbolgröße Gibt die Größe Ihres Symbols an.

      Dieses Feld wird nur angezeigt, wenn Sie das Symbolfeld auf Grün setzen.

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

      Dieses Feld wird nur angezeigt, wenn Sie auswählen Schaltfläche .

      Schaltflächenlink Der Link, zu dem der Anwender wechselt, wenn er die Schaltfläche auswählt.

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

      Dieses Feld wird nur angezeigt, wenn Sie das Symbolfeld auf Grün setzen.

      Verknüpfungstitel Der Text, der für den Link angezeigt wird.

      Dieses Feld wird nur angezeigt, wenn Sie auswählen Link .

      Verknüpfen Der Link, zu dem der Anwender wechselt, wenn er den Link auswählt.

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

      Dieses Feld wird nur angezeigt, wenn Sie auswählen Link .

      Videolink Der Link zu dem Video, das Sie in Ihrem Portal anzeigen möchten.
      Dieses Feld wird nur angezeigt, wenn Sie auswählen Video Von Inhaltsstil .
      Hinweis:
      Derzeit werden nur YouTube- und Vimeo-Videos unterstützt. Stellen Sie sicher, dass Sie den eingebetteten Video-Link verwenden.
      HINTERGRUND
      Hintergrundfarbe Die Hintergrundfarbe des Banners oder Blocktexts. Zum Definieren der Farbe können Sie Folgendes verwenden:
      • Hex-Farbcodes
        Hinweis:
        Eine Liste der Hex-Farbcodes finden Sie unter Hex-Farbcodes .
      • CSS-Farbwert und enthält Stichwörter, Name, RGB-Dezimalzahl oder RGB-Hex-Zahl der Farbe.
        Hinweis:
        Weitere Informationen finden Sie unter HTML-Farbnamen (W3CSchools) .
      Hintergrundbild Gibt an, dass ein Bild als Hintergrund angezeigt werden soll. Schieben 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 aktivieren Hintergrundbild .

      Die empfohlene Größe für Banner ist:
      • Homepage-Banner: 1440 x 400px
      • Themenseite: 1258 x 300px
      Schaltfläche „Bild bearbeiten“ Ermöglicht Ihnen das Bearbeiten Ihres Hintergrundbilds im Modul „Inhaltsbibliothek“.

      Dieses Feld wird erst angezeigt, nachdem Sie ein Hintergrundbild hochgeladen haben. Ein Zuschneiderahmen wird über dem Bild im Formular „Bildbearbeitungsmodus“ angezeigt.

      Sie können den Zuschneiderrahmen verwenden, indem Sie die Kanten ein- oder herausziehen, um anzugeben, welcher Teil Ihres Bildes Sie anzeigen möchten.

      Nach dem Öffnen des Bild-Editors 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 Ihr Bild zu bearbeiten:

      Bildsymbole bearbeiten

      Mit jedem Symbol können Sie das importierte Bild bearbeiten:
      • Auf Original zurücksetzen Auf ursprüngliches Symbol zurücksetzen
        • Wird aktiviert, nachdem Sie Änderungen an Ihrem Bild vorgenommen haben.
        • Wählen Sie und aus Auf Original zurücksetzen? Popup wird angezeigt. Wählen Sie aus Bild zurücksetzen Schaltfläche zum Zurücksetzen aller Änderungen, die Sie an Ihrem Bild vorgenommen haben.
          Hinweis:
          Nachdem Sie ausgewählt haben Speichern , Sie können Ihr Bild nicht mehr zurücksetzen. Sie müssen das Bild erneut hochladen, wenn Sie mit Ihren Bearbeitungen nicht zufrieden sind.
        • Wenn Sie Ihre Bearbeitungen nicht beibehalten möchten, wählen Sie aus Abbrechen .
      • Bildmodus verschieben Symbol für Modus „Bild verschieben“
        • Wählen Sie Ihr Bild an einer beliebigen Stelle außerhalb des Zuschneiderahmens aus, und verschieben Sie Ihr Bild mit der Maus.
        • Verwenden Sie die Punkte, um die Größe des Bildes zu ändern.
        • Halten Sie die Maus gedrückt, um den Zuschneiderrahmen zu verschieben.
      • Modus „Bild zuschneiden“ Symbol für Modus „Bild zuschneiden“
        • Wählen Sie aus, und Ihr Cursor wird auf Zuschneiden festgelegt.
        • Erstellen Sie einen neuen Zuschneiderrahmen, indem Sie den Cursor gedrückt halten und ziehen.
        • Halten Sie die Maustaste gedrückt, um den Zuschneiderrahmen zu verschieben.
        • Ändern Sie die Größe des Zuschneiderahmens anhand der Punkte.
      • Vergrößern Symbol „Vergrößern“
        • Klicken Sie, um das Bild größer und näher zu gestalten.
        • Klicken Sie weiter, um das Bild inkrementell zu vergrößern.
      • Verkleinern Symbol „Verkleinern“
        • Klicken Sie, um das Bild kleiner und weiter entfernt zu machen.
        • Klicken Sie weiter, um das Bild inkrementell zu verkleinern.
      • 10 Pixel nach links verschieben Verschiebungssymbol
        • Klicken Sie, um das Bild um 10 Pixel nach links zu verschieben.
        • Klicken Sie weiter, um das Bild in 10-Pixel-Schritten nach links zu verschieben.
      • Verschieben Sie 10 Pixel nach rechts Verschiebungssymbol
        • Klicken Sie, um das Bild um 10 Pixel nach rechts zu verschieben.
        • Klicken Sie weiter, um das Bild in 10-Pixel-Schritten nach rechts zu verschieben.
      • Verschieben Sie 10 Pixel nach oben Symbol „nach oben“
        • Klicken Sie, 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, 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 „Rotieren“
        • Klicken Sie, 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 drehen Symbol „Rotieren“
        • Klicken Sie, um das Bild um 45 Grad im Uhrzeigersinn zu drehen.
        • Klicken Sie weiter, um das Bild in 45-Grad-Schritten im Uhrzeigersinn zu drehen.
      • Kurzes Rechteck zuschneiden Symbol für kurzes Rechteck zuschneiden
        • Klicken Sie, um das Zuschneidungstool in eine kurze Rechteckform zu ändern.
        • Verwenden Sie die quadratischen Punkte des Rechtecks, um Ihr Bild weiter zuschneiden.
      • Hohes Rechteck zuschneiden Symbol für übergroßes Rechteck
        • Klicken Sie, um das Zuschneidungstool in eine hohe Rechteckform zu ändern.
        • Verwenden Sie die quadratischen Punkte des Rechtecks, um Ihr Bild weiter zuschneiden.
      • Zuschneiden-Quadrat Symbol für zugeschnittenes Quadrat
        • Klicken Sie, um das Zuschneidungstool in eine quadratische Form zu ändern.
        • Verwenden Sie die quadratischen Punkte des Quadrats, um Ihr Bild weiter zuschneiden.
      • Anwenderdefiniert Anwenderdefiniertes Zuschneiden und Drehen
        • Klicken Sie, um anzuzeigen Detailbearbeitung Popup.
        • Sie können die Größe des Zuschneidungstools und die Größe Ihres Bilds in Pixeln definieren.
        • Sie können auch den Winkel angeben, bei dem Ihr Bild gedreht werden soll.
      • Vorschau Vorschausymbol
        • Wählen Sie diese Option aus, um eine Vorschau Ihres bearbeiteten Bilds anzuzeigen.
        • Geben Sie Standortinformationen ähnlich wie beim Veröffentlichen Ihres Inhalts ein. Dadurch können Sie Ihr Bild an der gewünschten Stelle anzeigen. Informationen zu den Feldern finden Sie unter Erstellen Sie einen Veröffentlichungsplan für Ihren Inhalt.
      • Abbrechen und speichern Schaltflächen „Abbrechen“ und „Speichern“
        • Wählen Sie Aus Abbrechen Um die Bearbeitung Ihres Bildes zu beenden und Ihre Änderungen nicht zu speichern.
        • Wählen Sie Aus Speichern Zum Speichern der Änderungen, die Sie an Ihrem Bild vorgenommen haben. Sie können auswählen Zuschneiden und fortfahren Um die Bearbeitung fortzusetzen.
          Hinweis:
          Nachdem Sie ausgewählt haben Speichern und fortfahren Ihre Bearbeitungen werden gespeichert, und Sie können Ihre Bearbeitungen nicht rückgängig machen.
      Bildgröße Wie das Bild angezeigt werden soll.
      • Füllbreite: Ändern Sie die Größe des Bilds so, dass er den gesamten Container abdeckt, auch wenn das Bild an den Kanten gestreckt oder abgeschnitten werden muss.
      • Breite anpassen: Ändern Sie die Größe des Bildes, um sicherzustellen, dass es vollständig sichtbar ist.
      • Ursprüngliche Größe: Verwenden Sie die ursprüngliche Größe des Bildes.

      Dieses Feld wird nur angezeigt, wenn Sie aktivieren Hintergrundbild .

      Bildposition Der Standort, an dem Ihr Bild angezeigt werden soll. Wählen Sie ein Feld aus, um die Bildposition zu definieren.

      Dieses Feld wird nur angezeigt, wenn Sie aktivieren Hintergrundbild .

      Text über Hintergrund Gibt an, dass der Text über dem Hintergrundbild angezeigt werden soll. Wenn Sie die Option deaktiviert lassen, wird der Text unter dem Bild angezeigt.

      Schieben Sie nach rechts, um einen Verlauf für Ihren Hintergrund auszuwählen.

      Verlauf hinzufügen Gibt an, dass der Text Farbverläufe enthalten soll, damit der Text leichter lesbar ist.

      Wird nur angezeigt, wenn Sie aktivieren Text über Hintergrund Feld.

    6. Wählen Sie Aus Speichern Um den Datensatz zu speichern und auf zu bleiben Design Registerkarte.
    7. Oder wählen Sie aus Speichern und fortfahren Um den Datensatz zu speichern und zu zu zu wechseln Veröffentlichen Registerkarte.

    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 beste 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 von an Veröffentlichen Registerkarte.
      Hinweis:
      Die Inhaltsvorschau soll eine allgemeine Vorstellung davon geben, 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.