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 

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 cet exemple il a été crée deux types d’animations, une à partir du Module texte et l’autre à partir des modules images.

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
  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
  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.

Autre exemple

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
  6. Le code est généré, 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
  7. Cliquez 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.

 

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.