Les contenus spéciaux - Tuiles

Les contenus spéciaux permettent d’ajouter des éléments visuels dynamiques à vos pages web. Si vous débutez avec cette fonctionnalité, consultez d’abord le document « Les différents types de contenus spéciaux », disponible dans le Centre de ressources ViGlob.

Ce guide vous accompagne pas à pas dans la création et l’édition de contenus spéciaux de type Tuile.

Emplacement:
Rendez-vous dans l’administration de votre site, section Gestion de contenu > Contenus spéciaux.

1. Configurer l’affichage des tuiles

Avant d’ajouter vos contenus :

1. Cliquez sur Config
2. Choisissez le nombre de tuiles par ligne (entre 2 et 4)
3. Définissez les couleurs :
   • Fond de la tuile
   • Couleur du texte
   • Couleur au survol (hover)
   • Cliquez sur Modifier la configuration pour enregistrer vos choix
     
     
     

2. Créer une catégorie

1. Cliquez sur Catégorie
2. Sélectionnez le type Tuile
3. Donnez un nom à votre catégorie et cliquez sur Envoyer

3. Ajouter un texte (contenu d’une tuile)

Une fois votre catégorie créée :

1. Elle apparaît maintenant dans la liste
2. Cliquez sur Ajouter un texte

4. Compléter le contenu de la tuile

Dans l’éditeur :

1. Saisissez le titre qui apparaîtra sur la tuile
2. Ajoutez le contenu : texte, images, liens, etc.
3. Cliquez sur Envoyer

Chaque texte ajouté correspond à une tuile.

5. Ajouter d’autres tuiles

1. Une ligne verte confirme l’ajout de votre texte
2. Le titre apparaît dans la liste
3. Cliquez sur Ajouter un nouveau texte pour répéter l’opération

Répétez jusqu’à ce que toutes vos tuiles soient en place.

6. Organiser vos tuiles

Une fois tous les textes ajoutés :

1. Vous pouvez supprimer ou réorganiser les tuiles
2. Si vous changez l’ordre, cliquez sur Modifier l’ordre
3. Cliquez ensuite sur Retour aux catégories

7. Copier le TAG

Votre catégorie (ex. : Les loisirs) est maintenant prête.

1. Repérez le TAG correspondant à cette tuile
2. Copiez ce TAG pour l’intégrer à votre site

8. Intégrer le contenu dans une page

1. Dans une page de votre site, ouvrez l’éditeur de texte et collez le TAG à l’endroit souhaité.
2. (Facultatif) Ajoutez un titre ou une introduction au-dessus des tuiles et mettre à jour pour enregistrer votre page.
   
   

9. Résultat

Votre présentation Tuile est maintenant visible sur le site !

• Les tuiles changent de couleur au survol (hover)
• Lorsque vous cliquez sur une tuile, le contenu complet s’affiche juste en dessous