Diaporamas avec WordPress Gallery Slideshow
English29 novembre 2009
il y a un problème de compatibilité entre
le plugin nextgen et le plugin wordpress gallery slide show,
vous pouvez télécharger ma version patchée,
ou voir les détails sur le forum de wordpress.org
Point de départ
Nextgen peut paraître un peu lourd si on veut uniquement un diaporama de photos concentré dans un rectangle dans nos articles. De plus, sa fonction slideshow n’est pas tellement paramétrable.
WordPress Gallery Slideshow, c’est tout le contraire, il se concentre sur le slideshow, le rend très paramétrable (taille qu’occupe la galerie dans la page, couleurs de fond, type de transitions…), et s’ouvre aux flux externes comme flickr.
Installation
Rien de spécial à signaler
Paramétrages
Le plugin place sa page d’options dans le menu Médias > Slideshow. On y retrouve les options principales, appliquées par défaut à toute nouvelle galerie:
Options de wordpress gallery slideshow
Sachez que vous pourrez, lors de l’intégration de la galerie dans l’article, personnaliser ces options, voir en ajouter d’autres.
Intégration de photos de l’article
Comme l’auteur l’explique dans sa documentation, il suffit d’ajouter au moins deux photos à un article, pour avoir l’onglet « Galerie » qui s’affiche dans la fenêtre des médias:
Vue d'une galerie dans la fenêtre des médias
Mais on ne clique pas sur « Insérer une galerie », on va écrire [ slide ] sans les espaces, quelque part dans le texte de l’article.
Comme je le disais plus haut, on peut à ce moment personnaliser certaines options, par exemple: [ slide id="1" with="123" height="345" ].
Parmi les options supplémentaires intéressantes, il y a ID, qui permet d’intégrer la galerie de tout autre article au choix.
Galerie Flickr
Cerise sur le gâteau: ce plugin peut afficher une galerie flickr, sans aucun ajout d’autre plugin. Pour ça, on utilise l’option flickr, en lui indiquant le flux rss de la galerie flickr (vous en trouverez l’adresse en bas de votre galerie sur flickr).
Exemple: [ slide flickr="adresse du flux" ]
Petite astuce: ne laissez pas wordpress remplacer le & amp ; de l’url par & ou autre chose, sinon ça ne marche plus, et si besoin passez en code html pour recopier l’url du flux rss de votre galerie flickr.
Résultat
-
- Options de wordpress gallery slideshow
-
- Vue d’une galerie dans la fenêtre des médias
Suggestions de lecture
- Widget flickr (0.846)
- Galerie d'images avec le plugin nextgen (0.784)
- Intégration d'un agenda google calendar (0.562)
Partagez avec les autres
Ça vous a plu?
Ne partez pas sans laisser votre appréciation!
9 vote(s) 
Loading ...
16 commentaires
Classé dans: 
Mots clés: 
4128 visiteurs
Mise à jour:
03.05.2010
(Centrage du slideshow)
Auteur: 
Loading ...
Christophe Quinzoni (11)
Alex (9)
laztec (6)
Sebastien (6)
anahita (4)
Crunch (4)
@ Anthony merci c’et une bonne solution
Like or Dislike:
0 
0
Si je comprends bien, vous voulez insérer un slideshow ailleurs que dans un article, c’est à dire n’importe où dans votre thème. J’ai déjà fait ça une fois, sans me casser la tête: j’ai fait une galerie dans un article avec ce plugin, afficé l’article, regardé le code source dans le navigateur, et ensuite copier collé le code javascript dans mon fichier header.php (139 doit être l’ID de l’article):
<script type=’text/javascript’>
var flashvars = {};
flashvars.file = ‘http://www.example.com/wp-content/plugins/wordpress-gallery-slideshow/org/myplugins/slideshow/getxml.php?attr=id^139#’;
flashvars.rotatetime = ’5′;
flashvars.autostart = ‘true’;
flashvars.backcolor = ’0xFFFFFF’;
flashvars.frontcolor = ’0×000000′;
flashvars.lightcolor = ’0×000000′;
flashvars.screencolor = ’0×000000′;
flashvars.screenalpha = ‘false’
flashvars.logo = »;
flashvars.transition = ‘slowfade’;
flashvars.shuffle = ‘false’;
flashvars.overstretch = ‘false’;
flashvars.shownavigation = ‘false’;
flashvars.height = ’200′;
flashvars.width = ’780′;
var params = {};
params.allowFullScreen = ‘false’;
params.wmode = ‘transparent’;
params.menu = ‘false’;
var attributes = {};
swfobject.embedSWF (‘http://www.example.com/wp-content/plugins/wordpress-gallery-slideshow/org/myplugins/slideshow/imagerotator.swf’,
‘slideshow_1′, ’780′, ’200′, ’9.0.0′, false, flashvars,
params, attributes);
</script>
<div class=’slideshow’ id=’slideshow_1′>
Like or Dislike:
0 
0
@Anthony dans la page index dans le contenu c’est a dire je dois l’insérer dans index.php
je ne peux pas vous donner l’url pour le moment
merci pour votre compréhension et pour votre aide .
Like or Dislike:
0 
0
@farooko
A quel endroit exactement sur votre page d’accueil ? possible d’avoir son lien ?
Like or Dislike:
0 
0
bonjour, je veux inserer le slide dans ma page index est ce qu’il ya une méthode de le faire ??
Like or Dislike:
0 
0
@Anthony
Il a l’air bien sympa votre blog, je l’ai bookmarqué et irai voir vos vidéos à l’occaz :O)
Like or Dislike:
0 
0
Salut,
pour Alain95440, j’ai eu le même problème, voici le bout de code à insérer :
[slide]
Like or Dislike:
0 
0
@Lisbeth
Je ne me souviens pas avoir vu une telle option, et la page du plugin sur le site de son auteur est maintenant inaccessible. Par contre on peut introduire dans un article la galerie d’un autre article, via le paramètre ID. Peut-être une piste…
Like or Dislike:
0 
0
super site sur WP merci
Cependant comment peut on dire à ce pluggin de ne pas prendre telles ou telles photos dans la galerie de l’article ou de la page ??? Je souhaiterai installer 2 slideshow dans la page avec des photos différentes mais il prend à chaque fois toutes les photos pour chaque slideshow
Like or Dislike:
0 
0
@ Alain95440
Merci pour cette info, j’avais oublié que l’onglet html existait !
Like or Dislike:
0 
0
@Alain95440
en mettant la balise du plugin dans une div centrée, ce qui donne < div align = " center " > [ ... ] < / div >, sans les espaces bien sûr
Like or Dislike:
0 
0
Bonjour,
Merci pour ce tutoriel fort utile.
Par contre lors de l’intégration d’un diaporama dans une page, je n’arrive pas à le centrer sur la page, il se positionne automatiquement sur la gauche.
Pouvez-vous m’aider.
Par avance merci
Like or Dislike:
0 
0
Je dis M…comme Merci
Like or Dislike:
0 
0
@Anthony
Merci
Bonjour
(dans le désordre) non je n’ai plus ce pb car comme j’avais une install récente de pc et de ie et que je suis sous firefox, ie avait besoin de flash bidule mais ie ne me proposait pas de la télécharger alors par hasard et par chance je suis allé sur le site officiel du plugin et là curieusement ie m’a proposé de télécharger flash bidule… ah y a de quoi s’arracher les cheveux avec ie. Même chrome ne me demande pas ces trucs de flash bidule. J’attends Le jour ou un fera un logiciel qui déchargera les internautes de tous ces pb de plugin, de modules complémentaires pour utiliser mon pc comme tout le monde.
encore merci
Like or Dislike:
0 
1
Bonjour, avez vous toujours ce problème ? Si oui, quelle est l’adresse de la page qui pose problème ?
Like or Dislike:
0 
0
Super comme site, je croyais tout savoir sur wp et j’en apprend encore.
Par contre je n’arrive pas à faire marcher worpress gallery slideshow avec ie 7 sur mon pc alors qu’il fonctionne sur d’autres pc, comme j’ai réinstallé mmon pc récemment je crois avoir oublié qq chose, mais quoi . sur firefox c’est ok sur chrome c’est ok mais pas sur IE7
Like or Dislike:
0 
0