Créer des modèles de fragment de contenu create-content-fragment-models

Accédez à Outils > Général > Modèles de fragment de contenu.

Sélectionnez WKND Shared pour afficher la liste des modèles de fragment de contenu existants pour le site.

Sélectionnez Créer dans le coin supérieur droit.

Attribuez au modèle le titre « Informations de contact », puis sélectionnez Créer. Dans la boîte de dialogue modale qui apparaît, sélectionnez Ouvrir pour modifier le modèle nouvellement créé.

Commencez par faire glisser un champ de texte monoligne sur le modèle. Donnez-lui un Libellé de champ « Téléphone » dans l’onglet Propriétés. Le nom de la propriété est automatiquement rempli avec phone. Cochez la case pour que le champ soit Obligatoire.

Accédez à l’onglet Types de données, puis ajoutez un autre champ de texte monoligne sous le champ « Téléphone ». Donnez-lui un Libellé de champ « E-mail » et définissez-le également sur Obligatoire.

À partir de WKND Shared, sélectionnez Créer dans le coin supérieur droit.

Saisissez le titre « Adresse », puis sélectionnez Créer. Dans la boîte de dialogue modale qui apparaît, sélectionnez Ouvrir pour modifier le modèle nouvellement créé.

Faites glisser et déposez un champ de texte monoligne sur le modèle et donnez-lui un Libellé de champ « Adresse postale ». Le nom de la propriété est ensuite renseigné en tant que streetAddress. Cochez la case Obligatoire.

Répétez les étapes ci-dessus et ajoutez quatre autres champs de « texte monoligne » au modèle. Utilisez les libellés suivants :

• Ville
• État
• Code postal
• Pays

Sélectionnez Enregistrer pour conserver les modifications apportées au modèle d’adresse.

Le modèle de fragment « Adresse » terminé devrait ressembler à ceci :

Dans le coin supérieur droit, sélectionnez Créer.

Donnez au modèle le titre « Personne », puis sélectionnez Créer. Dans la boîte de dialogue modale qui apparaît, sélectionnez Ouvrir pour modifier le modèle nouvellement créé.

Commencez par faire glisser un champ de texte monoligne sur le modèle. Donnez-lui un Libellé de champ « Nom complet ». Le nom de la propriété est automatiquement renseigné en tant que fullName. Cochez la case pour que le champ soit Obligatoire.

Les modèles de fragments de contenu peuvent être référencés dans d’autres modèles. Accédez à l’onglet Types de données, puis faites un glisser-déposer du champ Référence de fragment et donnez-lui un libellé « Informations de contact ».

Dans l’onglet Propriétés, sous le champ Modèles de fragment de contenu autorisés, sélectionnez l’icône de dossier, puis choisissez le modèle de fragment Informations de contact créé précédemment.

Ajoutez un champ Référence de contenu et donnez-lui un Libellé de champ « Photo de profil ». Sélectionnez l’icône du dossier sous Chemin d’accès racine pour ouvrir la boîte de dialogue modale de sélection du chemin d’accès. Sélectionnez un chemin d’accès racine en sélectionnant Contenu > Ressources, puis en cochant la case WKND Shared. Utilisez le bouton Sélectionner en haut à droite pour enregistrer le chemin d’accès. Le chemin d’accès du texte final devrait indiquer /content/dam/wknd-shared.

Sous Accepter uniquement les types de contenu spécifiés, sélectionnez « Image ».

Pour limiter la taille et les dimensions du fichier image, examinons certaines options de validation pour le champ de référence de contenu.

Sous Accepter uniquement la taille de fichier spécifiée, sélectionnez « Inférieure ou égale à », et des champs supplémentaires apparaissent ci-dessous.

Pour Maximum, saisissez « 5 », et pour Sélectionner l’unité, sélectionnez « Mégaoctets (Mo) ». Cette validation permet de choisir uniquement les images à la taille spécifiée.

Sous Accepter uniquement la largeur d’image spécifiée, sélectionnez « Largeur maximale ». Dans le champ Maximum (pixels) qui apparaît, saisissez « 10 000 ». Sélectionnez les mêmes options pour Accepter uniquement la hauteur d’image spécifiée.

Ces validations garantissent que les images ajoutées ne dépassent pas les valeurs spécifiées. Les règles de validation devraient désormais ressembler à ceci :

.

Ajoutez un champ de texte multiligne et donnez-lui un Libellé de champ « Biographie ». Laissez le menu déroulant Type par défaut comme option par défaut pour « Texte enrichi ».

Accédez à l’onglet Types de données, puis faites glisser un champ Énumération sous « Biographie ». Au lieu de l’option par défaut Rendre en tant que, sélectionnez Menu déroulant et donnez-lui un Libellé de champ « Niveau d’expérience de l’instructeur ou instructrice ». Saisissez une sélection d’options de niveau d’expérience de l’instructeur ou instructrice telles que Expert, Avancé, Intermédiaire.

Ensuite, faites glisser un autre champ Énumération sous « Niveau d’expérience de l’instructeur ou instructrice » et choisissez « cases à cocher » sous l’option Rendre en tant que. Donnez-lui le Libellé de champ « Compétences ». Saisissez différentes compétences telles que Rock Climbing, Surfing, Cycling, Skiing et Backpacking. Le libellé de l’option et la valeur de l’option doivent correspondre à ce qui suit :

Pour finir, créez un libellé de champ « Détails de l’administrateur ou administratrice » en utilisant un champ de texte multiligne.

Comme précédemment, sélectionnez Créer pour créer un autre modèle de fragment de contenu. Pour le titre du modèle, saisissez « Emplacement ». Sélectionnez Créer, puis Ouvrir dans la boîte de dialogue modale qui apparaît.

Ajoutez un champ Espace réservé d’onglet au modèle et libellez-le « Détails de l’emplacement ».

Glissez et déposez un champ de texte monoligne et libellez-le « Nom ». Sous le libellé de ce champ, ajoutez un champ de texte multiligne et libellez-le « Description ».

Ensuite, ajoutez un champ Référence du segment et libellez-le « Informations de contact ». Dans l’onglet des propriétés, sous Modèles de fragment de contenu autorisés, sélectionnez l’Icône de dossier et choisissez le modèle de fragment « Informations de contact » créé précédemment.

Ajoutez un champ Référence de contenu sous « Informations de contact ». Libellez-le « Image de l’emplacement ». Le Chemin d’accès racine doit être /content/dam/wknd-shared.. Sous Accepter seulement les types de contenu spécifiés, sélectionnez « Image ».

Ajoutons également un champ Objet JSON sous l’« Image de l’emplacement ». Dans la mesure où ce type de données est flexible, il peut être utilisé pour afficher toutes les données que vous souhaitez inclure dans votre contenu. Dans ce cas, l’objet JSON est utilisé pour afficher des informations sur la météo. Libellez l’objet JSON « Météo par saison ». Dans l’onglet Propriétés, ajoutez une Description afin que l’utilisateur ou l’utilisatrice sache clairement quelles données doivent être saisies ici : « Données JSON concernant la météo de l’emplacement de l’événement par saison (printemps, été, automne, hiver) ».

Pour créer l’onglet Adresse de l’emplacement, ajoutez un champ Espace réservé d’onglet au modèle et libellez-le « Adresse de l’emplacement ».

Faites un glisser-déposer d’un champ Référence de fragment et à partir de l’onglet Propriétés, libellez-le en tant qu’« Adresse », puis sous Modèles de fragment de contenu autorisés, sélectionnez le modèle Adresse.

Sélectionnez Enregistrer pour confirmer vos modifications et fermez l’éditeur de modèle de fragment de contenu. Le modèle Emplacement terminé devrait apparaître comme suit :

À partir de la page WKND Shared, sélectionnez Créer pour créer un autre modèle de fragment de contenu. Pour le titre du modèle, saisissez « Équipe ». De la même manière que précédemment, sélectionnez Créer puis Ouvrir dans la boîte de dialogue modale qui apparaît.

Ajoutez un champ de texte multiligne au formulaire. Sous Libellé du champ, saisissez « Description ».

Ajoutez un champ Date et heure au modèle et libellez-le « Date de création de l’équipe ». Dans ce cas, gardez le Type par défaut défini sur « Date », mais sachez qu’il est également possible d’utiliser « Date et heure » ou « Heure ».

Accédez à l’onglet Types de données. Sous la « Date de création de l’équipe », ajoutez une Référence de fragment. Dans la liste déroulante Afficher comme, sélectionnez « texte multi-lignes ». Dans le Libellé du champ, saisissez « Membres de l’équipe ». Ce champ renvoie au modèle Personne créé précédemment. Dans la mesure où le type de données est un champ multiple, plusieurs fragments Personne peuvent être ajoutés, ce qui permet de créer une équipe de personnes.

Sous Modèles de fragments de contenu autorisés, utilisez l’icône du dossier pour ouvrir la boîte de dialogue modale Sélectionner le chemin d’accès, puis sélectionnez le modèle Personne. Utilisez le bouton Sélectionner pour enregistrer le chemin d’accès.

Sélectionnez Enregistrer pour confirmer vos modifications et fermez l’éditeur de modèle de fragment de contenu.

À partir de la page WKND Shared, sélectionnez le modèle Adventure, puis sélectionnez Modifier dans la barre de navigation supérieure.

Au bas du formulaire, sous « What to Bring », ajoutez un champ Référence de fragment. Saisissez un Libellé de champ d’« Emplacement ». Sous Modèles de fragment de contenu autorisés, sélectionnez le modèle Emplacement.

Ajoutez un autre champ Référence de fragment et libellez-le « Équipe d’instruction ». Sous Modèles de fragment de contenu autorisés, sélectionnez le modèle Équipe.

Ajoutez un autre champ Référence de fragment et libellez-le « Administration ».

Sélectionnez Enregistrer pour confirmer vos modifications et fermez l’éditeur de modèle de fragment de contenu.