Un article, un plugin : Featured Content Gallery !
Catégories : Wordpress
Nombre de lectures : 1 281
Voilà une petite extension qui m’a paru intéressante pour mon blog (et pour bien d’autres bien entendu !). Elle permet de mettre un diaporama photos sur le site. L’intérêt que j’y vois : si un internaute vient juste visiter un article précis, il repart aussitôt. Or là, il peut, en plus de l’article, avoir un aperçu de quelques photos présentes sur le site. Si elles sont bien choisies 
, cela peut donner envie d’aller visiter le blog plus en profondeur.
Dans mon cas, la boîte à photos est assez petite car mon seul souhait était d’avoir un défilement de photos. Si cette boîte est plus grande sur le site, il y a possibilité de mettre une légende par photo, d’avoir une barre avec des miniatures des photos présentes dans le diaporama. Voici le lien vers le site officiel avec une démo en grand (par rapport au diapo utilisé sur mon blog) : http://www.featuredcontentgallery.com/
Le lien pour le téléchargement de l’archive : http://wordpress.org/extend/plugins/featured-content-gallery/. Il suffit de dézipper l’archive avec Winrar par exemple, de l’uploader dans le dossier Plugins qui se trouve dans le répertoire Wordpress, puis wp-content. Allez ensuite dans la console d’administration pour activer ce plugin dans l’onglet Extensions.
Dans l’onglet Réglages, vous cliquez Featured Content Gallery. Tout d’abord, vous devez insérer une ligne de code qui va « appeler » l’application à l’endroit voulu. Cette ligne à copier/coller :
<?php include (ABSPATH . ‘/wp-content/plugins/featured-content-gallery/gallery.php’); ?>
Pour la coller, je clique l’onglet Apparence, puis Editeur. On arrive à ce menu :
Petit 1, je sélectionne le thème à modifier (pour moi, Purity). Petit 2, je sélectionne le fichier dans lequel je dois coller le ligne php qui appelle l’application (pour moi, c’est la page second.php). Petit 3, je colle ma ligne php et j’ajoute un titre avec la balise h3 et un espace avec la balise br . Petit 4, je n’oublie pas de mettre à jour le fichier.
Il faut maintenant mettre des photos pour avoir l’effet visuel, en sachant qu’il faut au moins 2 photos pour que cela fonctionne.
Petit 1, ca, c’est fait ! Petit 2, j’ai choisi la méthode Post or PageIDs. Je vais sur mon blog, je choisi un article (celui sur le dôme de la basilique de Montmartre) et je clique Editer. J’obtiens dans la barre url du navigateur l’ID de cet article. Ca ressemble à : http://www……../post.php?action=edit&post=735 (donc ici, le chiffre 735). C’est ce chiffre que je dois placer dans la case, que je sépare par une virgule avec un autre chiffre appartenant à un autre article puisqu’il faut au moins deux images pour que cela fonctionne 
. Ensuite, je vais modifier l’article en question pour rajouter un champ personnalisé nommé : articleimg. J’affecte à ce champ une photo que je veux placer dans mon diaporama. Il faut mettre la photo aux dimensions de la boîte (voir plus loin).
Petit 1, le champ personnalisé pour le diapo avec en valeur l’adresse de l’image voulue. Petit 2, un autre champ personnalisé pour avoir la miniature dans l’accueil pour chaque article. Petit 3, pour créer ce nouveau champ, cliquez ici et cliquez ensuite ajouter (Petit 4). Enfin, je clique mettre à jour l’article et je peux aller voir le résultat. Il faut donc répeter cette opération autant de fois qu’on veut mettre de photos dans le diapo.
Enfin, vous pouvez jouer sur l’option Gallery style pour la taille de la boîte. Par exemple, j’ai comme valeurs 240 pixels de large pour 160 px de haut. J’ai affecté le chiffre 0 à l’option Text Overlay Height in Pixels, ce qui m’a fait disparaître l’option du texte en bas (qui cachait trop la photo). Il faut que je trouve le moyen d’enlever également celui d’en haut… Il ne vous reste plus qu’à mettre la durée de vision d’une photo avant le changement, de choisir la façon de passer d’une photo à l’autre…
Si vous avez des questions ou remarques, je suis pas loin
Merci à Florian qui m’a donné l’idée d’utiliser ce plugin…
Popularity: 32% [?]
31 août 2009 à 19 h 34 min
Comme d’habitude, très bon article bien illustré !
1 sept 2009 à 17 h 44 min
Merci Flo
T’as pas mis encore de gravatar ???
14 sept 2009 à 11 h 35 min
Bonjour à tous! Génial ce tuto, depuis le temps que j’essaie d’en trouver un! Par contre j’ai quelques soucis, j’ai le thème Revolution et visiblement ca ne fonctionne pas, quelqu’un pourrait m’aider?
14 sept 2009 à 12 h 20 min
Voici l’adresse de mon site pour que vous puissiez voir le problème http://ogsbasket.free.fr/wordpress/
14 sept 2009 à 17 h 17 min
Salut Marine
Je ne suis pas non plus un expert. La boîte fonctionne, as tu bien mis au moins deux images pour tester le fonctionnement ?
Olivier
14 sept 2009 à 18 h 28 min
Merci pour ta réponse Olivier, oui en fait en test, j’avais mis exactement la même adresse pour les photos que dans le tuto, c’est étrange on dirait qu’il ne les trouve pas
14 sept 2009 à 18 h 33 min
J’ai trouvé!! Lol Quelle blonde je fais, j’avais oublié les champs personnalisés dans le second article, que ça me serve de leçon ^^
14 sept 2009 à 21 h 34 min
Content que ca fonctionne alors !! Je vais aller voir ca. En tout cas, le thème est très sympa
15 sept 2009 à 16 h 32 min
Merci beaucoup lol, est ce que tu saurai par hasard où et comment on peut noter des choses dans « l’overlay » qui est sur la photo dans le featured?
15 sept 2009 à 20 h 25 min
Alors, je sais pas si ca marchera mais faut essayer et tu me diras :
-> tu vas dans l’onglet Réglages de ce plugin, tu trouveras le menu Gallery style. Tu peux choisir Text Overlay Height in pixels (moi j’ai mis 0 car je voulais que cette partie disparaisse. En effet, mon image étant petite, il n’y a que la photo qui m’intéresse).
-> ensuite, il te faut choisir un nombre de mots dans cette partie sans le menu Slide Transition Times and Other Options.
-> enfin, il faut aller dans l’article en question, utiliser un champ personnalisé ‘featuredtext’ et inscrire le texte dans la partie à droite (là ou on met l’adresse url des photos par exemple).
Tiens moi au courant si ca marche… ou pas
Au fait, comment as tu eu vent de mon article ?
Olivier
17 sept 2009 à 17 h 54 min
Arf malheureusement ça ne fonctionne pas =(, j’ai eu vent de ton article en tapnt « tuto featured wordpress » un truc comme ça ^^ et j’attendais un article comme ça depuis très lontemps! merci encore!
17 sept 2009 à 17 h 58 min
Siii ça fonctionnee!! Apparemment mon ordinateur a bugué et n’avait pas pris en compte les modifications, donc tu avais raison! Génial merci!
3 nov 2009 à 15 h 04 min
Salut,
Merci pour ces infos bien utiles qui m’ont permis d’intégrer un slideshow assez rapidement à mon blog. Il y a juste un problème : comment fait-on pour réduire la taille des images afin qu’elles « entrent » dans la boîte du diaporama? Pourrais-tu aussi le donner le code complet qui te permet d’intégrer un titre au diapiorama. Je suis tout à fait novice en Wordpress et je tourne en rond…
Merci!
3 nov 2009 à 19 h 08 min
Salut
alors, je ne sais pas quelle taille tu as choisi pour la boîte, mais tu peux aller sur cet autre article du blog pour voir comment je fonctionne pour redimensionner facilement une image :
http://www.instantanesdumonde.com/wordpress/wordpress/reduire-le-poids-dune-photo-avec-photofiltre/
Dis moi si ca marche et n’hésites pas à donner l’adresse de ton blog
Je vais voir le code pour le titre…
Olivier
4 nov 2009 à 17 h 26 min
Merci! Voici l’adresse du blog sur lequel je travaille: http://www.alveoletheatre.be. Tu pourras voir directement le problème avec mon diaporama : la boîte fait 190×160 et les photos sont toutes trop grandes. Ce que je ne comprends pas, c’est « où » je dois redimensionner mes image: sur ton blog, tes photos sont plus grandes que dans le diaporama. Mes photos sont sur le site, toutes avec des tailles différentes, plus grandes que le diaporama que je veux créer. Est-ce que je dois tout reprendre à zéro, soit les redimensionner sur mon disque dur, les réintégrer au site et puis les intégrer au diaporama? Il y a sans doute quelque chose qui m’échappe, mais je ne parviens pas à mettre le doigt dessus!
Si tu as la patience de m’expliquer. Ca m’ennuie car tout fonctionne, sauf cette histoire de taille…
Merci!
4 nov 2009 à 19 h 17 min
C’est encore moi! Après plusieurs manipulations, il semble que mes images entrent dans la boîte. Dernière question : n’y a-t-il pas moyen d’enlever les flèches et le « truc » du dessus qui apparaissent en transparence? Mille mercis pour ton aide et bonne soirée,
Clara
5 nov 2009 à 18 h 55 min
Alors, pour enlever la partie en haut :
il faut ouvrir avec notepad (moi j’utilise Pspad) le fichier jd.gallery.js.php qui se situe dans le répertoire scripts du plugin.
Ensuite, il faut trouver la ligne de code suivante :
showCarousel: true,et changer le « true » en « false ». Cela donne :
showCarousel: false,et voilà
Par contre, faut que je regarde pour les flèches…
10 nov 2009 à 9 h 56 min
Pour enlever les flèches : éditer le même fichier que ci dessus et changer le « true » par « false » sur la ligne suivante :
showArrows: true,Et voilà
10 nov 2009 à 10 h 11 min
Merci beaucoup pour toutes ces infos bien utiles!
12 déc 2009 à 18 h 31 min
bonjour,
j’ai un problème et je suis totalement perdu,
j’ai chargé un pluggin featured content gallery, que j’ai installé et activé mais le problème c’est que la galerie est installée
au centre de ma page d’accueil. J’ai regardé la css et le problème c’est que je ne sais pas comment faire pour que la galerie
ce positionne au centre du bloc headline de mon site : http://www.mag-essentiel.com
merci de votre aide
14 déc 2009 à 22 h 41 min
Bonjour
j’ai regardé mais je ne vois pas trop le problème. A t il été résolu ?
Sinon, faudrait regarder le code css pour trouver l’endroit ou vous voulez qu’il apparaisse.
Olivier
3 jan 2010 à 16 h 50 min
Bonne année a tous,
Petit soucis pour commencer cette nouvelle année, pas d’affichage pour ce plugin. champ correctement remplis mais pas d’affichage d’images, ni texte overlay pour mon site http://www.formatiis.com. Les images sont de la meme tailles que la galerie. pas d’autre plugin installer a part execphp. Ne fonctionne pas non plus sur le theme d’origine. Parametrage generale correcte a priori. Une idée ?
Merci d’avance
4 jan 2010 à 21 h 49 min
Bonjour
meilleurs voeux également.
Est ce que vous avez mis plusieurs images pour faire le test ?
Après, c’est peut être un problème de mise à jour par rapport à la version Wp
Olivier
15 jan 2010 à 21 h 09 min
J’aimerais savoir pourquoi dans bloc Champs personnalisés je n’ai plus accès aux cases pour insérer articleimg et featuredtext, tout était fonctionnel ce matin et tout d’un coup je n’ai plus ces cases.
17 jan 2010 à 0 h 09 min
bonjour, tout d’abord merci pour ce tuto qui est vraiment bien fait, j’ai installé featured content et tout fonctionne parfaitement, seulement je souhaiterais changer la taille du texte (en plus grand et en gras) qui apparait sur chaque image car actuellement il est trop petit et on ne voit rien.
merci d’avance
Manu
23 jan 2010 à 13 h 46 min
Bonjour
@Nicole : est ce la mise à jour WP ? Est ce que cela refonctionne car je ne vois pas trop d’ou cela peut provenir. Au pire, il faut les recréer je pense.
J’ai pas l’adresse pour vérifier, si vous voulez la mettre
@Manu : pareil, l’adresse ne fonctionne pas. Sinon, je vais essayer de regarder pour la taille du texte.
Olivier
9 fév 2010 à 10 h 19 min
Bonjour Olivier,
D’abord, je te remercie pour ton tuto bien illustré.
Ma question est :
Je suis en train de faire un blog qui est encore installé en local, sur lequel j’ai activé l’extension « Featured content gallery », et pour l’instant, je n’ai à l’affichage qu’une boite blanche sans les images.
Les liens que j’ai employés dans les champs personnalisés sont de type : http://localhost/wordpress/wp-content/...
Est-ce que le problème vient de là, ou est-ce que la galerie ne fonctionne pas sur un blog encore en local ?
Je te remercie d’avance pour ta réponse, et en attendant, je vais encore tester …
10 fév 2010 à 21 h 47 min
Salut
ben écoute, c’est une bonne question pour le fonctionnement en local. Je pense que ca devrait marcher quand même. T’as pas moyen de le tester sur un hébergeur gratuit pour vérifier que le problème ne vient pas de là ?
Olivier
11 fév 2010 à 8 h 39 min
Bonjour Olivier.
Tout d’abord, je te remercie de la rapidité de ta réponse et de ta réactivité.
Juste aprés t’avoir posté, j’ai jeté un oeil sur ça : http://www.wordpress-fr.net/support/sujet-27118-resolu-featured-content-gallery-image-affiche,
et d’après le post #7,il semblerait que l’extension ne marche effectivement pas en local.
Dans le doute, et comme tu me le conseilles, je vais tester sur Free
Bonne journée
12 fév 2010 à 18 h 39 min
Cool. Tant mieux car je ne suis pas un expert non plus du fonctionnement et je n’ai pas toutes les réponses
Sinon, n’hésites pas à mettre ton adresse ici pour aller voir ton blog
Olivier
13 fév 2010 à 9 h 22 min
je vais essayer ça lundi (pas eu le temps hier), et te tiens au courant. En attendant, bienvenue dans mon Google Reader
13 fév 2010 à 14 h 35 min
C’est quoi ton google reader ?
4 mar 2010 à 23 h 33 min
Hello, cool ton post.
J’ai juste une question : est il possible d’affecter les images du slide à une url autre qu’un post?
Par exemple dans mon cas je veux faire la promotion de certaines de mes catégories par les images du slide. Donc il faut que les url pointent vers la catégorie en question et non vers un post.
Une solution?
merci
16 mar 2010 à 22 h 13 min
Salut
bon j’ai regardé un peu, mais je trouve pas de réponse.
Sinon, faut essayer de poser la question en anglais sur le site officiel.
Olivier
3 avr 2010 à 12 h 44 min
Bonjour, je trouve ce plugin super ! donc je souhaite l’installer…
Je suis un novice en informatique et je ne comprend le début :
ou dois-je coller cette ligne :
merci de votre aide,
j’ai la dernière version :
3.2.0 pour featured content
sous wordpress : 2 9.2
thème revu : african sunset 1.0
merci !
7 avr 2010 à 17 h 52 min
Salut
en fait dans l’onglet Editeur, il faut faire des essais en plaçant cette ligne à plusieurs endroits différents du thème : bannière, bas de page (footer)… et regarder ou il s’intègre le mieux.
moi je l’ai placé dans la colonne de mon thème mais souvent, il est dans la partie centrale en accroche.
Olivier
12 avr 2010 à 6 h 52 min
Désolée pour la réponse tardive :-\
Mon google reader, c’est mon agrégateur de flux Rss,
Ça permet d’avoir des nouvelles de nos sites préférés sans s’y connecter (donc ça évite de perdre du temps). Pour ça, il fait un compte Google, Mais il y a aussi d’autres comme Netvibes etc… qui le font aussi bien.
La rubrique « s’abonner » sur ton blog » permet aux internautes de le faire et c’est super pratique.
J’espère t’avoir été utile.
A bientôt et bonne journée
12 avr 2010 à 6 h 59 min
Oups,
Dans le message précédent, j’ai oublié de te dire « bonjour ».
désolée, pour cette incorrection
A bientôt
21 avr 2010 à 21 h 28 min
pas de souci et merci pour la précision. On apprend tous les jours
6 mai 2010 à 13 h 43 min
Salut l’ami !
J’ai fait comme tu as si bien expliquer, sauf que chez moi ça marche pas….
Mon site : http://www.saveurstraditions.com
Merci !
12 mai 2010 à 21 h 11 min
Salut
j’ai jeté un oeil à ton site et c’est vrai que rien n’apparait. C’est bizarre. Le plugin est activé ? Mis à jour ?
peut être un problème dans les chemins des images à appeler…
j’avoue que je ne vois pas trop d’ou cela peut provenir.
Olivier
20 mai 2010 à 9 h 52 min
Bonjour, je travail actuellement sur le template suivant : diadema (http://themegratuit.wordpress.com/2010/05/06/diadema-theme-pour-wordpress-en-francais/) je voulais changer les images du slideshow sur la page accueil mais je tourne en rond. Après plusieurs recherche je suis tombée sur ton site, j’ai donc appliqué ton tuto. Problème : dès que j’active le plugin la moitié de mon menu disparaît, après quoi je me dis « pas grave on vera plus tard on continu », du coup je copie le code php dans modèle de la page d’accueil puis je sélection slide post et je met l’id de deux page (article test et page présentation), puis je vais dans ces pages et j’ajoute deux champs perso avec en lien une image hebergé sur servimg.
Et là tjr rien j’ai juste un rectangle avc une bordure noire (à noter que quand je désactive le pluggin mon menu reviens à la normal …)
Merci d’avance pour ta réponse
30 mai 2010 à 20 h 31 min
Bonjour
désolé pour la réponse tardive, mais est ce que le problème ne vient pas du fait que la photo 2 se trouve sur une autre page ?
par exemple, chez moi, j’ai pas essayé de mettre la photo de ma page « site ». Je pense pas que ca marche. Je n’ai que celles des articles.
A moins que cela ne vienne du thème…
Olivier
31 mai 2010 à 21 h 20 min
Slt olivier,
Très bon tuto, j’utilise le thème intrepidity et apparemment la gallerie est bien installée, mais je n’arrive pas à voir les photos..
La seule chose que je n’ai pas faite car je n’y connait rien en code c’est de mettre la ligne php mais je pense pas que sa vienne de là..peux tu me donner un coup de main?
De plus, ce site est réalisé dans le cadre de l’obtention de mon master et j’ai déjà 1 mois de retard lol!!
Merci d’avance,
Cdt,
Adrien
1 juin 2010 à 20 h 35 min
Salut
à priori, je dirais que justement, ca vient du fait que la ligne php n’est pas ajoutée. Essaye quand même de la mettre et redis moi…
Olivier