à la demande générale de Framboise d’Orée

Tu as fait toi-même une animation flash et tu veux nous la montrer. Tu ne peux pas l’envoyer sur ton site WordPress à partir de ton disque dur.

1.  Tout d’abord, il faut l’héberger, par exemple chez Archive-Host http://www.archive-host.com/ ou chez tout autre hébergeur de ton choix qui accepte d’héberger les fichiers flash. L’hébergeur te donne la marche à suivre pour ouvrir un compte chez lui et lui confier le fichier de ta créa.

2.  Ensuite il faut l’insérer dans ton billet ou ta boite de texte WordPress

Pour cela, copie-colle le texte

que tu trouveras là, descends dans la page jusqu’au paragraphe 2 dont voici le début :

tu reconnais le code à copier-coller à la dernière ligne de la copie d’écran. Je ne peux pas te l’écrire ici, il serait transformé à la publication. Ce code est général, il n’est pas adapté à ta création perso.

3.  Il faut l’adapter à ta créa

• donc modifie les dimensions, la largeur (width) et la hauteur (height), fais bien attention à conserver les guillemets lors de la manip et à ne pas toucher aux espaces.
• et donne l’adresse de ta créa chez Archive-Host qui te fournit sous cette forme

un code qui ressemble à cela :

je l’ai collé dans le Bloc-notes pour pouvoir te le montrer en entier, tu fais pareil pour pouvoir récupérer l’adresse dont tu as besoin, dans mon cas c’était adresse que j’ai grisée sur la précédente copie d’écran. Tu copies depuis http jusqu’à .swf inclus, tout ce qui est entre les guillemets et tu vas le coller là

juste entre les guillemets anglais, en faisant bien attention à ne pas en perdre un morceau lors de la sélection.  Tu vérifies que les guillements sont complets, que http y est en entier, que swf est entier aussi et c’est bon, tu peux publier ta créa.

Ma source : http://www.snacktools.com/blog/how-to-embed-swf-flash-widgets-in-wordpress-hosted-blogs/ § 2 :

Adaptation à WordPress :

alors que Archive-Host donne pour code HTML : <a href= »http://www.archive-host.com/files/692135/1da91b0dd61307ebe03cad06c1d6ac6293463377/essaiinclusion.swf »>Voir le Fichier : <strong>essaiinclusion.swf</strong></a>

où il suffit de récupérer l’adresse du fichier hébergé entre les guillemets anglais pour la coller entre les guillemets anglais de l’attribut src= et de préciser les dimensions de l’animation exprimées en pixels.

Lien vers Archive-Host : http://www.archive-host.com/ 

Lien vers Pixifex : http://www.goldshell.com/pixifex/

Rappel : pour la minette, voici une saisie d’écran qui montre le code fourni par WidgetBox, juste en dessous mon adaptation au shortcode gigya ainsi qu’une saisie de l’affichage qui en résulte :

Étude des données : qu’est ce que je dois retenir du code fourni par WidgetBox ?

Tout d’abord, je reconnais les balises ouvrante et fermante <p> et </p> encadrées en rouge ci-dessus, un centrage dans l’onglet Code sous Writer, HTML sous TinyMCE a ajouté l’attribut style= dans la première avec la valeur text-align:center.

Entre les deux balises, le shortcode (raccourci) gigya est placé entre crochets. Sont précisés :

• la source du fichier flash par l’attribut src= entre les guillemets anglais je reconnais l’adresse du fichier flash au format .swf qui figure comme valeur d’une animation dans le code fourni par Widgetbox, surligné en orange
• la largeur de l’animation par l’attribut width= exprimée en pixels surlignée en jaune
• la hauteur de l’animation par l’attribut height= exprimée en pixels surlignée en vert
• le mode d’affichage par l’attribut mode= dont la valeur est ici transparent surligné en turquoise
• des variables propres au flash semble-t-il par l’attribut flashvar$= qui figure sous la même forme dans les deux codes surligné en bleu

Mon point de départ est l’article 7 de l’étude de gigya rédigée par PANOS ici http://wpbtips.wordpress.com/category/gigya/ sur son blog dont le nom est wordpress tips (en anglais)

Lien vers la gallerie de widgets de Widgetbox : http://www.widgetbox.com/widgets/gallery/