Création du composant de page de bannière | HCL Digital Experience

Cet organigramme explique comment créer le composant de page de bannière de la conception à partir d'un composant HTML. Le composant de page de bannière est utilisé sur la page Accueil, Produit et Evénements.

Qui doit utiliser cette feuille de route ?

Vous êtes un développeur de l'équipe technique chargée de créer des modèles de page d'accueil et de page d'arrivée que les créateurs de contenu utiliseront sur le site. Vous êtes uniquement chargé de créer les composants de page et les modèles de conception. Les autres développeurs sont chargés de développer d'autres éléments de la conception. Apprenez les bases du développement de la bannière. Vous pouvez faire référence à la bannière en tant qu'image de type Hero qui s'étend sur la largeur totale de la présentation sur une seule colonne.

Prototype HTML de la page d'accueil avec le composant de page de bannière mis en évidence. Les créateurs de contenu personnalisent l'image et le texte dans le composant de page de bannière après l'avoir ajouté à une page, ainsi, le même composant de page de bannière peut être utilisé sur toutes les pages d'un site Web.

Création de votre composant de page de bannière

Avant de commencer

Ensure that your design library exists, for example, Greenwheels Design. Si la bibliothèque n'existe pas, vous trouverez plus d'informations sur la création d'une bibliothèque de conception dans la documentation de notre base de produits ici.

Procédure

  1. Click the Applications menu icon. Then, click Content > Web Content Authoring.
  2. Accédez à votre bibliothèque de conception
  3. Cliquez sur Générer > Composant de page.
    1. Sélectionnez Bannière comme type de modèle.
    2. Entrez un nom de composant de page pour votre annonce.
      Par exemple, tapez Bannière.
    3. Assurez-vous que votre bibliothèque de conception est sélectionnée.
    4. Cliquez sur OK.
  4. Vous pouvez éditer le modèle de création, le modèle de présentation ou le composant de styles pour personnaliser votre composant de page de bannière. Si vous éditez le modèle de création, vous devez cliquer sur Appliquer le modèle de création pour mettre à jour le contenu associé à ce modèle de création.
Obtenez un aperçu de votre composant de page de bannière.
  1. Cliquez sur l'onglet Prévisualisation de contenu Web.
  2. Activez le mode Edition.
  3. Cliquez sur l'icône de menu permettant d'afficher le portlet dans la barre de titre d'un afficheur de contenu Web. Cliquez sur Editer les paramètres partagés.
  4. Dans la section Contenu, cliquez sur Editer et sélectionnez le contenu par défaut à afficher dans l'afficheur de contenu Web.
  5. Dans Apparence, sélectionnez Composant. Une section Composant apparaît une fois que vous avez effectué cette sélection.
  6. Sous Composant, cliquez sur Editer. Sélectionnez le composant de page de bannière que vous avez créé.
  7. Cliquez sur OK.