Editeur 7 - Widget code source

3 conseils pour un rendu impeccable :

1 - Le widget Code source devrait seulement être utilisé pour intégrer un code <iframe>. Pas de panique! Une iframe est un cadre qui permet d'appeler une autre page web de celle où vous êtes. C’est en gros un conteneur qui peut afficher une page web différente.
En pratique on l’utilise par exemple si l’on souhaite afficher une video youtube, ou vimeo...

2- N’intégrer un code externe que s’il provient d’une source sûre, certains codes peuvent être malveillants et peuvent bloquer l'Editeur.

3- Grâce à notre Editeur votre site est adaptatif. Et ça c’est cool! Cela veut dire que votre site s'adapte à toutes les résolutions d'écrans : des ordinateurs, aux tablettes tactiles et aux smartphones.

Attention donc à ne pas incorporer un code à dimension fixe qui va figer votre page et l’empêchera de s’ajuster automatiquement. Donc pour vous assurez que le code est adaptatif pour les widgets les plus communs allez faire un tour sur la page: http://embedresponsively.com/.
Ce site traduit le code initial en code adaptatif.

3 mises en garde pour éviter des problèmes :

1- Il n’est pas possible de télécharger des fichiers ou de bibliothèques, tout code intégré doit être autonome.

2- Une utilisation inappropriée de ce widget peut entraîner la perte de la page web.

3- Nous ne fournissons aucune aide avec un problème lié avec un code externe.

Cliquer sur Ajouter du contenu (1), trouver le widget Code source (2) puis glisser dans votre page (3)

Exemple avec une vidéo You tube:

1. Copier l’URL You tube de votre vidéo

2. Aller sur le traducteur de code (1)  http://embedresponsively.com/ dont nous parlions plus haut. Cela va traduire l’URL en code adaptatif.

3. Incorporer l’URL You tube (2), puis cliquer sur Intégrer (3)

4. Copier le code obtenu (4)

Cliquer sur le mode Prévisualisation (1) pour vérifier que le code intégré fonctionne.