Utiliser l’IA pour la mise en forme et les animations

Utiliser l’IA pour la mise en forme et les animations

L’IA du CMS Knowledge Place peut vous aider à personnaliser vos Pages en écrivant du code et en générant du CSS.

Vous pouvez ainsi créer des animations ou mettre en forme.

Exemple 1

Faites connaissance avec notre équipe

 

Violette

 

Rose

 

Boris

Générer des animation avec l’IA

L’IA  du CMS Knowledge Place permet de générer des animations à partir des différents blocs.

  • Dans l’exemple 1 ci-dessus, il a été crée deux types d’animations, une à partir du Module texte et l’autre à partir des modules images.
  • Dans l’exemple 2, il a été ajouté un dégradé au texte et une animation au motif de fond du Bloc Section.

Pour l’animation du texte

Depuis la fenêtre des Paramètres du Bloc Ligne ou se trouve le Module texte :

  1. Cliquez sur l’onglet Avancé
  2. Depuis le volet Personnaliser CSS, cliquez sur CSS de forme libre
  3. Sous CSS, cliquez sur l’icône
  4. Dans la fenêtre qui s’affiche saisissez le texte qui permettra de générer du CSS et d’animer le Bloc Ligne
  5. Cliquez sur le bouton Générer du code
  6. Le code est généré, cliquez sur le bouton Utiliser ce code
  7. Cliquez ensuite sur le bouton pour sauvegarder les modifications et fermer la fenêtre des paramètres de la Ligne.

Pour l’animation des images

Depuis la fenêtre des Paramètres du Module image :

  1. Cliquez sur l’onglet Avancé
  2. Depuis le volet Personnaliser CSS, cliquez sur CSS de forme libre
  3. Sous CSS, cliquez sur l’icône
  4. Dans la fenêtre qui s’affiche saisissez le texte qui permettra de générer du CSS et d’animer le Bloc Module  image
  5. Cliquez sur le bouton Générer du code
  6. Le code est généré, cliquez sur le bouton Utiliser ce code
  7. Cliquez ensuite sur le bouton pour sauvegarder les modifications et fermer la fenêtre des paramètres du Module image.

[/et_pb_image]

Générer la mise en forme des textes avec l’IA

Pour le changement de couleur du texte

Depuis la fenêtre des Paramètres du Bloc Module texte :

  1. Cliquez sur l’onglet Avancé
  2. Depuis le volet Personnaliser CSS, cliquez sur CSS de forme libre
  3. Sous CSS, cliquez sur l’icône
  4. Dans la fenêtre qui s’affiche saisissez le texte qui permettra de générer du CSS et de changer ainsi la couleur du texte à un instant T
  5. Cliquez sur le bouton Générer
  6. Le code est généré, cliquez sur le bouton Utiliser ce code
  7. Cliquez ensuite sur le bouton pour sauvegarder les modifications et fermer la fenêtre des paramètres du Module texte.

Exemple 2

Appliquer un dégradé des couleurs de l’arc en ciel au texte – Appliquer un dégradé des couleurs de l’arc en ciel au texte – Appliquer un dégradé des couleurs de l’arc en ciel au texte – Appliquer un dégradé des couleurs de l’arc en ciel au texte – Appliquer un dégradé des couleurs de l’arc en ciel au texte

Ajouter un dégradé au texte

Depuis la fenêtre des Paramètres du Bloc Module texte :

  1. Cliquez sur l’onglet Avancé
  2. Depuis le volet Personnaliser CSS, cliquez sur CSS de forme libre
  3. Sous CSS, cliquez sur l’icône
  4. Dans la fenêtre qui s’affiche saisissez le texte qui permettra de générer du CSS 
  5. Cliquez sur le bouton Générer
  6. Le code est généré, cliquez sur le bouton Utiliser ce code
  7. Cliquez ensuite sur le bouton pour sauvegarder les modifications et fermer la fenêtre des paramètres du Module texte.

 

Animer un motif de fond

Depuis la fenêtre des Paramètres du Bloc Section :

  1. Cliquez sur l’onglet Avancé
  2. Depuis le volet Personnaliser CSS, cliquez sur CSS de forme libre
  3. Sous CSS, cliquez sur l’icône
  4. Dans la fenêtre qui s’affiche saisissez le texte qui permettra de générer du CSS 
  5. Cliquez sur le bouton Générer du Code
  6. Le code est généré, cliquez sur le bouton Utiliser ce Code ou, 
  7. Si le résultat n’est pas satisfaisant,  sous Affiner résultat, vous avez la possibilité d’affiner le résultat en ajoutant du texte, cliquez ensuite sur le bouton Regénérer, puis sur le bouton Utiliser ce Code
  8. Cliquez ensuite sur le bouton pour sauvegarder les modifications et fermer la fenêtre des paramètres de cette Section.