Intégrer une animation Edge Animate dans WordPress

Veuillez tout simplement installer l’extension Edge Suite depuis le Control Panel du backOffice de votre site.

https://wordpress.org/plugins/edge-suite/

Dans le cas où l’extension ne serait plus compatible comme cela a été le cas il y a quelques années, vous pouvez suivre la procédure ci-dessous.


 

Depuis la version 2014.1 d’Edge Animate (octobre 2014), le logiciel génère un seul fichier lors de la publication.

EA_WordPress

Pour pouvoir placer une animation Edge Animate dans une page d’un site WordPress, voilà comment vous devez procéder :

1. Commencez par installer une extension qui permet d’ajouter facilement du code dans la balise head d’une page. L’extension OH Add Script to Indivdual… est très simple d’utilisation car elle ajoute une zone de saisie pour pouvoir spécifier du code à placer dans la balise <head>.

EA_WordPress

2. Ouvrez la page HTML qui a été générée par Edge Animate et copiez le code contenu dans la balise <head>.

EA_WordPress

3. Ouvrez la page WordPress dans laquelle vous souhaitez coller votre code et collez le dans la partie dédiée (en bas de la fenêtre).

03

4. Copiez la balise <div>contenue dans votre page HTML, dans <body>, et collez là dans votre page WordPress en mode Texte (bouton en haut à droite de la fenêtre, à côté de Visuel).

5. Il ne vous reste plus qu’à transférer le fichier .js (généré par Edge Animate) sur votre serveur en FTP.

Voilà, rechargez votre page ou bien allez sur la page de votre site qui contient l’animation à visualiser, vous découvrirez le résultat.

Les commentaires sont clos.