SlideShare une entreprise Scribd logo
1  sur  57
Intégrer une galerie de photos et  un diaporama Wordpress
1. Intégrer une galerie de photos
Cliquez sur l’icône « ajouter une image »
 
Choisissez une série de photos (cliquez sur les photos en maintenant la touche CTRL enfoncée)
Attendez le chargement des photos
Une fois le chargement fini, il vous reste à déterminer les « réglages de galerie »
Par défaut, Wordpress vous propose un rangement aléatoire des images dans votre galerie, ce qui signifie que l’ordre d’apparition des photos sera différent à chaque ouverture de page. Nous allons modifier ce paramètre
Nous allons opter pour un classement par « ordre de menu » pour une meilleure stabilité : les photos apparaîtront toujours dans le même ordre  Le nombre de colonnes est fixé à 4 par défaut. Nous n’y touchons pas pour le moment  Une fois les modifications opérées, cliquez sur « insérer une galerie »
Lorsqu’une galerie est intégrée dans votre page, vous ne pouvez pas visualiser les photos de cette galerie. Vous ne verrez que ce cadre avec les icônes au milieu. C’est normal N’oubliez pas de mettre à jour. Attention cette mise à jour n’est pas instantanée. Il faut attendre quelques secondes et souvent cliquer plusieurs fois avant que la mise à jour ne démarre. Patience donc…
Voilà à quoi ressemble notre galerie. Deux remarques : 1) les photos des 3 premières colonnes sont coupées sur la droite ; 2) les info-bulles sont à modifier
Pour effectuer des modifications au niveau de la galerie, il faut cliquer une première fois sur la zone, qui devient bleue, puis sur l’icône qui apparaît en haut, à gauche : « modifier la galerie »
Première modification : ne sélectionner que 3 colonnes au lieu des 4 précédentes
Deuxième modification : changer l’info-bulle. Commencez par sélectionner la photo sur laquelle vous allez intervenir
Changez le texte de l’info-bulle (titre) Remarque : apparemment, dans une galerie, il n’est pas possible de désactiver la cible du lien (mais si quelqu’un y arrive, je suis preneur de la solution…)
Répétez la même opération avec les autres photos, si nécessaire puis enregistrez les modifications
N’oubliez pas de mettre à jour. Même remarque que précédemment : soyez patient avec cette mise à jour qui peut tarder à s’activer
Les 2 problèmes signalés précédemment (images coupées et info-bulles avec un texte non souhaité) semblent résolus
A présent, supprimons 2 photos de cette galerie (des étudiantes évaporées…)
Il faut supprimer ces photos de votre bibliothèque médias
On commence par les sélectionner
En bas de la page, dans « actions globales », choisissez « supprimer définitivement », puis cliquez sur « appliquer »
Rafraîchissez votre page : les modifications ont été prises en compte
Si, à l’inverse, vous souhaitez ajouter une nouvelle photo à la galerie, allez dans « médias » et « ajouter »
 
 
Pour finir, il convient de « joindre » cette photo à la page sur laquelle se trouve la galerie : ici en l’occurrence elle s’appelle « Galerie photos ». Cliquez sur « joindre »
Indiquez le nom de la page (ou de l’article) dans la recherche. Cliquez sur « recherche »
Validez la proposition puis cliquez sur « sélectionner »
La photo a bien été jointe, ce qui signifie qu’elle sera désormais ajoutée à la galerie
Remarque : cette photo au format paysage ne s’intègre pas nécessairement très bien à une galerie de photos au format paysage mais l’opération a néanmoins réussi
Attention ! Il faut impérativement que la page ou l’article dans lequel/laquelle vous voulez créer une galerie ait été préalablement publié(e) et qu’un titre lui ait été donné. Sinon cela ne marchera pas, comme nous allons le voir dans la démonstration qui suit.
Voici l’exemple de  ce qu’il ne faut pas faire . J’ouvre une nouvelle page. Sans en préciser le titre et sans la publier, je décide d’ajouter des images pour créer une galerie
 
 
 
Lorsque les modifications ont été enregistrées, on arrive sur cette page censée nous montrer les 10 photos que nous venons d’importer et qui doivent figurer dans la galerie. Or, celle-ci, comme on le voit, est vide, ce qui n’est pas normal
Dans la bibliothèque des médias, les photos importées sont jointes à « Bibliothèque » alors qu’elles devraient normalement l’être à une page ou un article précis, ce qui n’est pas possible puisque la dite page ou le dit article n’a pas été publié…
2. Intégrer un diaporama Wordpress
Pour créer un diaporama Wordpress, commencez par télécharger une série de photos (cf. étapes précédentes pour la création d’une galerie)
En bas de la page, cliquez sur « insérer le diaporama »
La seule trace de cette opération dans votre page sera le code suivant : [slideshow] Pensez à mettre à jour
Attendre quelques secondes pendant le chargement de votre diaporama
Le diaporama commence, avec changement automatique de diapo toutes les 4 ou 5 secondes
Vous avez bien sûr la possibilité d’intervenir sur le déroulement de ce diaporama
Si vous souhaitez ajouter une nouvelle photo au diaporama, allez dans « médias » et « ajouter »
 
 
Il vous reste à « joindre » cette photo à la page sur laquelle se trouve le diaporama : ici en l’occurrence elle s’appelle « Diaporama Wordpress ». Cliquez sur « joindre » puis sélectionnez la page (cf. explications sur les diapos 28 et 29)
La photo a bien été jointe, ce qui signifie qu’elle sera désormais ajoutée au diaporama
C’est le cas !
Petit truc pratique : quand vous avez des images déjà insérées sur une page ou dans un article, comme ici, il existe un moyen très simple d’ajouter une galerie ou un diapora-ma Wordpress
Pour l’insertion d’un diaporama, il suffit d’écrire le code suivant  : [slideshow] Vous pouvez le faire en mode visuel
Le diaporama a bien été intégré sous les photos. Pour ne conserver que ce diaporama, il suffit de supprimer les photos au niveau de la page
Pour l’insertion d’une galerie, il suffit d’écrire le code suivant  : [gallery] Vous pouvez le faire en mode visuel
La galerie a bien été intégrée sous les photos. Même remarque que précédemment : pour ne conserver que cette galerie, il suffit de supprimer les photos au niveau de la page
Ce diaporama vous a été proposé par : Laurent Puren Université de la Réunion Pour me joindre : laurent.puren@gmail.com

Contenu connexe

En vedette

CréAtion Blog SéAnce 3 IntéGration MultiméDia
CréAtion Blog   SéAnce 3 IntéGration MultiméDiaCréAtion Blog   SéAnce 3 IntéGration MultiméDia
CréAtion Blog SéAnce 3 IntéGration MultiméDialpuren
 
CréAtion Blog SéAnce 6 Se Filmer Sur Youtube
CréAtion Blog   SéAnce 6 Se Filmer Sur YoutubeCréAtion Blog   SéAnce 6 Se Filmer Sur Youtube
CréAtion Blog SéAnce 6 Se Filmer Sur Youtubelpuren
 
Création blog séance 4 importation vidéo avec vodpod
Création blog   séance 4 importation vidéo avec vodpodCréation blog   séance 4 importation vidéo avec vodpod
Création blog séance 4 importation vidéo avec vodpodlpuren
 
Support tricot
Support tricotSupport tricot
Support tricotlpuren
 
Création blog séance 4 créer des catégories
Création blog   séance 4 créer des catégoriesCréation blog   séance 4 créer des catégories
Création blog séance 4 créer des catégorieslpuren
 
Création blog séance 4 importation liste musicale deezer
Création blog   séance 4 importation liste musicale deezerCréation blog   séance 4 importation liste musicale deezer
Création blog séance 4 importation liste musicale deezerlpuren
 

En vedette (6)

CréAtion Blog SéAnce 3 IntéGration MultiméDia
CréAtion Blog   SéAnce 3 IntéGration MultiméDiaCréAtion Blog   SéAnce 3 IntéGration MultiméDia
CréAtion Blog SéAnce 3 IntéGration MultiméDia
 
CréAtion Blog SéAnce 6 Se Filmer Sur Youtube
CréAtion Blog   SéAnce 6 Se Filmer Sur YoutubeCréAtion Blog   SéAnce 6 Se Filmer Sur Youtube
CréAtion Blog SéAnce 6 Se Filmer Sur Youtube
 
Création blog séance 4 importation vidéo avec vodpod
Création blog   séance 4 importation vidéo avec vodpodCréation blog   séance 4 importation vidéo avec vodpod
Création blog séance 4 importation vidéo avec vodpod
 
Support tricot
Support tricotSupport tricot
Support tricot
 
Création blog séance 4 créer des catégories
Création blog   séance 4 créer des catégoriesCréation blog   séance 4 créer des catégories
Création blog séance 4 créer des catégories
 
Création blog séance 4 importation liste musicale deezer
Création blog   séance 4 importation liste musicale deezerCréation blog   séance 4 importation liste musicale deezer
Création blog séance 4 importation liste musicale deezer
 

Similaire à CréAtion Blog SéAnce 7 IntéGrer Galerie Et Diaporama Wordpress

Pour créer un bandeau de vignettes qui ouvre une lightbox
Pour créer un bandeau de vignettes qui ouvre une lightboxPour créer un bandeau de vignettes qui ouvre une lightbox
Pour créer un bandeau de vignettes qui ouvre une lightboxVoyelle Voyelle
 
Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?
Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?
Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?Votre Assistante
 
Créer un nouvel article www.sadcao.com
Créer un nouvel article www.sadcao.comCréer un nouvel article www.sadcao.com
Créer un nouvel article www.sadcao.comSADC d'Abitibi-Ouest
 
Comment concevoir une page publique Netvibes et u cardes en 20 jours?
Comment concevoir une page publique Netvibes et u cardes en 20 jours?Comment concevoir une page publique Netvibes et u cardes en 20 jours?
Comment concevoir une page publique Netvibes et u cardes en 20 jours?Syndelle Laliberté
 
Comment concevoir une page publique Netvibes et un Kardex en 20 jours
Comment concevoir une page publique Netvibes et un Kardex en 20 joursComment concevoir une page publique Netvibes et un Kardex en 20 jours
Comment concevoir une page publique Netvibes et un Kardex en 20 joursCassandra Bolduc
 
A quoi servent les types de contenu sur le site
A quoi servent les types de contenu sur le siteA quoi servent les types de contenu sur le site
A quoi servent les types de contenu sur le siteGuillaume Hautier
 
Picasa 3 V2
Picasa 3 V2Picasa 3 V2
Picasa 3 V2dubes
 
WordPress thèmes et template.pptx
WordPress thèmes et template.pptxWordPress thèmes et template.pptx
WordPress thèmes et template.pptxGHRIS -INFO
 
CréAtion Blog SéAnce 6 IntéGrer Widget Image
CréAtion Blog   SéAnce 6 IntéGrer Widget ImageCréAtion Blog   SéAnce 6 IntéGrer Widget Image
CréAtion Blog SéAnce 6 IntéGrer Widget Imagelpuren
 
Construire un blog avec canalblog.
Construire un blog avec canalblog.Construire un blog avec canalblog.
Construire un blog avec canalblog.Carmen Vera
 

Similaire à CréAtion Blog SéAnce 7 IntéGrer Galerie Et Diaporama Wordpress (20)

Pour créer un bandeau de vignettes qui ouvre une lightbox
Pour créer un bandeau de vignettes qui ouvre une lightboxPour créer un bandeau de vignettes qui ouvre une lightbox
Pour créer un bandeau de vignettes qui ouvre une lightbox
 
Exemple demarrage wp_v01
Exemple demarrage wp_v01Exemple demarrage wp_v01
Exemple demarrage wp_v01
 
Tutoriel1
Tutoriel1Tutoriel1
Tutoriel1
 
Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?
Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?
Pourquoi utiliser un masque des diapositives PowerPoint et comment le créer ?
 
Picasa
PicasaPicasa
Picasa
 
Utiliser WordPress
Utiliser WordPressUtiliser WordPress
Utiliser WordPress
 
Créer un nouvel article www.sadcao.com
Créer un nouvel article www.sadcao.comCréer un nouvel article www.sadcao.com
Créer un nouvel article www.sadcao.com
 
Comment concevoir une page publique Netvibes et u cardes en 20 jours?
Comment concevoir une page publique Netvibes et u cardes en 20 jours?Comment concevoir une page publique Netvibes et u cardes en 20 jours?
Comment concevoir une page publique Netvibes et u cardes en 20 jours?
 
Comment concevoir une page publique Netvibes et un Kardex en 20 jours
Comment concevoir une page publique Netvibes et un Kardex en 20 joursComment concevoir une page publique Netvibes et un Kardex en 20 jours
Comment concevoir une page publique Netvibes et un Kardex en 20 jours
 
A quoi servent les types de contenu sur le site
A quoi servent les types de contenu sur le siteA quoi servent les types de contenu sur le site
A quoi servent les types de contenu sur le site
 
Picasa.3
Picasa.3Picasa.3
Picasa.3
 
Adobe® presenter en pratique
Adobe® presenter en pratiqueAdobe® presenter en pratique
Adobe® presenter en pratique
 
Picasa 3 V2
Picasa 3 V2Picasa 3 V2
Picasa 3 V2
 
éDitoriale karol edivaldo
éDitoriale karol edivaldoéDitoriale karol edivaldo
éDitoriale karol edivaldo
 
WordPress thèmes et template.pptx
WordPress thèmes et template.pptxWordPress thèmes et template.pptx
WordPress thèmes et template.pptx
 
powerpoint_initiation.ppt
powerpoint_initiation.pptpowerpoint_initiation.ppt
powerpoint_initiation.ppt
 
powerpoint_initiation.ppt
powerpoint_initiation.pptpowerpoint_initiation.ppt
powerpoint_initiation.ppt
 
Guide de l'administration Wordpress
Guide de l'administration WordpressGuide de l'administration Wordpress
Guide de l'administration Wordpress
 
CréAtion Blog SéAnce 6 IntéGrer Widget Image
CréAtion Blog   SéAnce 6 IntéGrer Widget ImageCréAtion Blog   SéAnce 6 IntéGrer Widget Image
CréAtion Blog SéAnce 6 IntéGrer Widget Image
 
Construire un blog avec canalblog.
Construire un blog avec canalblog.Construire un blog avec canalblog.
Construire un blog avec canalblog.
 

Plus de lpuren

Création site intégrer un fichier téléchargeable
Création site   intégrer un fichier téléchargeableCréation site   intégrer un fichier téléchargeable
Création site intégrer un fichier téléchargeablelpuren
 
Création site intégrer un lecteur audio avec box.net
Création site   intégrer un lecteur audio avec box.netCréation site   intégrer un lecteur audio avec box.net
Création site intégrer un lecteur audio avec box.netlpuren
 
Schtroumpf grognon
Schtroumpf grognonSchtroumpf grognon
Schtroumpf grognonlpuren
 
Représentations allemands ww1
Représentations allemands ww1Représentations allemands ww1
Représentations allemands ww1lpuren
 
CréAtion Blog SéAnce 7 IntéGrer Widget Scribd
CréAtion Blog   SéAnce 7 IntéGrer Widget ScribdCréAtion Blog   SéAnce 7 IntéGrer Widget Scribd
CréAtion Blog SéAnce 7 IntéGrer Widget Scribdlpuren
 
CréAtion Blog SéAnce 7 IntéGrer Widget Texte
CréAtion Blog   SéAnce 7 IntéGrer Widget TexteCréAtion Blog   SéAnce 7 IntéGrer Widget Texte
CréAtion Blog SéAnce 7 IntéGrer Widget Textelpuren
 
CréAtion Blog SéAnce 7 IntéGrer Lecteur Soundcloud
CréAtion Blog   SéAnce 7 IntéGrer Lecteur SoundcloudCréAtion Blog   SéAnce 7 IntéGrer Lecteur Soundcloud
CréAtion Blog SéAnce 7 IntéGrer Lecteur Soundcloudlpuren
 
CréAtion Blog SéAnce 6 Importer Google Maps
CréAtion Blog   SéAnce 6 Importer Google MapsCréAtion Blog   SéAnce 6 Importer Google Maps
CréAtion Blog SéAnce 6 Importer Google Mapslpuren
 
CréAtion Blog IntéGrer Un Lecteur Audio
CréAtion Blog   IntéGrer Un Lecteur AudioCréAtion Blog   IntéGrer Un Lecteur Audio
CréAtion Blog IntéGrer Un Lecteur Audiolpuren
 
CréAtion Blog Importer Ses Propres VidéOs
CréAtion Blog   Importer Ses Propres VidéOsCréAtion Blog   Importer Ses Propres VidéOs
CréAtion Blog Importer Ses Propres VidéOslpuren
 
CréAtion Blog Importer Ses Propres Diaporamas
CréAtion Blog   Importer Ses Propres DiaporamasCréAtion Blog   Importer Ses Propres Diaporamas
CréAtion Blog Importer Ses Propres Diaporamaslpuren
 
Création blog séance 4 hiérarchiser ses pages
Création blog   séance 4 hiérarchiser ses pagesCréation blog   séance 4 hiérarchiser ses pages
Création blog séance 4 hiérarchiser ses pageslpuren
 
CréAtion Blog SéAnce 3 Trucs Et Astuces
CréAtion Blog   SéAnce 3 Trucs Et AstucesCréAtion Blog   SéAnce 3 Trucs Et Astuces
CréAtion Blog SéAnce 3 Trucs Et Astuceslpuren
 
Blog Ou Site
Blog Ou SiteBlog Ou Site
Blog Ou Sitelpuren
 

Plus de lpuren (14)

Création site intégrer un fichier téléchargeable
Création site   intégrer un fichier téléchargeableCréation site   intégrer un fichier téléchargeable
Création site intégrer un fichier téléchargeable
 
Création site intégrer un lecteur audio avec box.net
Création site   intégrer un lecteur audio avec box.netCréation site   intégrer un lecteur audio avec box.net
Création site intégrer un lecteur audio avec box.net
 
Schtroumpf grognon
Schtroumpf grognonSchtroumpf grognon
Schtroumpf grognon
 
Représentations allemands ww1
Représentations allemands ww1Représentations allemands ww1
Représentations allemands ww1
 
CréAtion Blog SéAnce 7 IntéGrer Widget Scribd
CréAtion Blog   SéAnce 7 IntéGrer Widget ScribdCréAtion Blog   SéAnce 7 IntéGrer Widget Scribd
CréAtion Blog SéAnce 7 IntéGrer Widget Scribd
 
CréAtion Blog SéAnce 7 IntéGrer Widget Texte
CréAtion Blog   SéAnce 7 IntéGrer Widget TexteCréAtion Blog   SéAnce 7 IntéGrer Widget Texte
CréAtion Blog SéAnce 7 IntéGrer Widget Texte
 
CréAtion Blog SéAnce 7 IntéGrer Lecteur Soundcloud
CréAtion Blog   SéAnce 7 IntéGrer Lecteur SoundcloudCréAtion Blog   SéAnce 7 IntéGrer Lecteur Soundcloud
CréAtion Blog SéAnce 7 IntéGrer Lecteur Soundcloud
 
CréAtion Blog SéAnce 6 Importer Google Maps
CréAtion Blog   SéAnce 6 Importer Google MapsCréAtion Blog   SéAnce 6 Importer Google Maps
CréAtion Blog SéAnce 6 Importer Google Maps
 
CréAtion Blog IntéGrer Un Lecteur Audio
CréAtion Blog   IntéGrer Un Lecteur AudioCréAtion Blog   IntéGrer Un Lecteur Audio
CréAtion Blog IntéGrer Un Lecteur Audio
 
CréAtion Blog Importer Ses Propres VidéOs
CréAtion Blog   Importer Ses Propres VidéOsCréAtion Blog   Importer Ses Propres VidéOs
CréAtion Blog Importer Ses Propres VidéOs
 
CréAtion Blog Importer Ses Propres Diaporamas
CréAtion Blog   Importer Ses Propres DiaporamasCréAtion Blog   Importer Ses Propres Diaporamas
CréAtion Blog Importer Ses Propres Diaporamas
 
Création blog séance 4 hiérarchiser ses pages
Création blog   séance 4 hiérarchiser ses pagesCréation blog   séance 4 hiérarchiser ses pages
Création blog séance 4 hiérarchiser ses pages
 
CréAtion Blog SéAnce 3 Trucs Et Astuces
CréAtion Blog   SéAnce 3 Trucs Et AstucesCréAtion Blog   SéAnce 3 Trucs Et Astuces
CréAtion Blog SéAnce 3 Trucs Et Astuces
 
Blog Ou Site
Blog Ou SiteBlog Ou Site
Blog Ou Site
 

Dernier

Rapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFERapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFEAhmam Abderrahmane
 
Formation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changementFormation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changementM2i Formation
 
Semaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptxSemaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptxMartin M Flynn
 
Exercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositionsExercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositionslaetitiachassagne
 
La Projection orthogonale en dessin technique
La Projection orthogonale en dessin techniqueLa Projection orthogonale en dessin technique
La Projection orthogonale en dessin techniquessuser4dbdf2
 
Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2JeanLucHusson
 
Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024frizzole
 

Dernier (7)

Rapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFERapport projet de fin d'études licence PFE
Rapport projet de fin d'études licence PFE
 
Formation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changementFormation M2i - Femmes entrepreneures : soyez actrices du changement
Formation M2i - Femmes entrepreneures : soyez actrices du changement
 
Semaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptxSemaine de la Passion de Jésus-Christ.pptx
Semaine de la Passion de Jésus-Christ.pptx
 
Exercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositionsExercice de FLE pour enfants sur les transports et les prépositions
Exercice de FLE pour enfants sur les transports et les prépositions
 
La Projection orthogonale en dessin technique
La Projection orthogonale en dessin techniqueLa Projection orthogonale en dessin technique
La Projection orthogonale en dessin technique
 
Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2Présentation de lancement de la SAE203 - MMI S2
Présentation de lancement de la SAE203 - MMI S2
 
Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024Planning de la semaine du 25 mars au 2 avril 2024
Planning de la semaine du 25 mars au 2 avril 2024
 

CréAtion Blog SéAnce 7 IntéGrer Galerie Et Diaporama Wordpress

  • 1. Intégrer une galerie de photos et un diaporama Wordpress
  • 2. 1. Intégrer une galerie de photos
  • 3. Cliquez sur l’icône « ajouter une image »
  • 4.  
  • 5. Choisissez une série de photos (cliquez sur les photos en maintenant la touche CTRL enfoncée)
  • 7. Une fois le chargement fini, il vous reste à déterminer les « réglages de galerie »
  • 8. Par défaut, Wordpress vous propose un rangement aléatoire des images dans votre galerie, ce qui signifie que l’ordre d’apparition des photos sera différent à chaque ouverture de page. Nous allons modifier ce paramètre
  • 9. Nous allons opter pour un classement par « ordre de menu » pour une meilleure stabilité : les photos apparaîtront toujours dans le même ordre Le nombre de colonnes est fixé à 4 par défaut. Nous n’y touchons pas pour le moment Une fois les modifications opérées, cliquez sur « insérer une galerie »
  • 10. Lorsqu’une galerie est intégrée dans votre page, vous ne pouvez pas visualiser les photos de cette galerie. Vous ne verrez que ce cadre avec les icônes au milieu. C’est normal N’oubliez pas de mettre à jour. Attention cette mise à jour n’est pas instantanée. Il faut attendre quelques secondes et souvent cliquer plusieurs fois avant que la mise à jour ne démarre. Patience donc…
  • 11. Voilà à quoi ressemble notre galerie. Deux remarques : 1) les photos des 3 premières colonnes sont coupées sur la droite ; 2) les info-bulles sont à modifier
  • 12. Pour effectuer des modifications au niveau de la galerie, il faut cliquer une première fois sur la zone, qui devient bleue, puis sur l’icône qui apparaît en haut, à gauche : « modifier la galerie »
  • 13. Première modification : ne sélectionner que 3 colonnes au lieu des 4 précédentes
  • 14. Deuxième modification : changer l’info-bulle. Commencez par sélectionner la photo sur laquelle vous allez intervenir
  • 15. Changez le texte de l’info-bulle (titre) Remarque : apparemment, dans une galerie, il n’est pas possible de désactiver la cible du lien (mais si quelqu’un y arrive, je suis preneur de la solution…)
  • 16. Répétez la même opération avec les autres photos, si nécessaire puis enregistrez les modifications
  • 17. N’oubliez pas de mettre à jour. Même remarque que précédemment : soyez patient avec cette mise à jour qui peut tarder à s’activer
  • 18. Les 2 problèmes signalés précédemment (images coupées et info-bulles avec un texte non souhaité) semblent résolus
  • 19. A présent, supprimons 2 photos de cette galerie (des étudiantes évaporées…)
  • 20. Il faut supprimer ces photos de votre bibliothèque médias
  • 21. On commence par les sélectionner
  • 22. En bas de la page, dans « actions globales », choisissez « supprimer définitivement », puis cliquez sur « appliquer »
  • 23. Rafraîchissez votre page : les modifications ont été prises en compte
  • 24. Si, à l’inverse, vous souhaitez ajouter une nouvelle photo à la galerie, allez dans « médias » et « ajouter »
  • 25.  
  • 26.  
  • 27. Pour finir, il convient de « joindre » cette photo à la page sur laquelle se trouve la galerie : ici en l’occurrence elle s’appelle « Galerie photos ». Cliquez sur « joindre »
  • 28. Indiquez le nom de la page (ou de l’article) dans la recherche. Cliquez sur « recherche »
  • 29. Validez la proposition puis cliquez sur « sélectionner »
  • 30. La photo a bien été jointe, ce qui signifie qu’elle sera désormais ajoutée à la galerie
  • 31. Remarque : cette photo au format paysage ne s’intègre pas nécessairement très bien à une galerie de photos au format paysage mais l’opération a néanmoins réussi
  • 32. Attention ! Il faut impérativement que la page ou l’article dans lequel/laquelle vous voulez créer une galerie ait été préalablement publié(e) et qu’un titre lui ait été donné. Sinon cela ne marchera pas, comme nous allons le voir dans la démonstration qui suit.
  • 33. Voici l’exemple de ce qu’il ne faut pas faire . J’ouvre une nouvelle page. Sans en préciser le titre et sans la publier, je décide d’ajouter des images pour créer une galerie
  • 34.  
  • 35.  
  • 36.  
  • 37. Lorsque les modifications ont été enregistrées, on arrive sur cette page censée nous montrer les 10 photos que nous venons d’importer et qui doivent figurer dans la galerie. Or, celle-ci, comme on le voit, est vide, ce qui n’est pas normal
  • 38. Dans la bibliothèque des médias, les photos importées sont jointes à « Bibliothèque » alors qu’elles devraient normalement l’être à une page ou un article précis, ce qui n’est pas possible puisque la dite page ou le dit article n’a pas été publié…
  • 39. 2. Intégrer un diaporama Wordpress
  • 40. Pour créer un diaporama Wordpress, commencez par télécharger une série de photos (cf. étapes précédentes pour la création d’une galerie)
  • 41. En bas de la page, cliquez sur « insérer le diaporama »
  • 42. La seule trace de cette opération dans votre page sera le code suivant : [slideshow] Pensez à mettre à jour
  • 43. Attendre quelques secondes pendant le chargement de votre diaporama
  • 44. Le diaporama commence, avec changement automatique de diapo toutes les 4 ou 5 secondes
  • 45. Vous avez bien sûr la possibilité d’intervenir sur le déroulement de ce diaporama
  • 46. Si vous souhaitez ajouter une nouvelle photo au diaporama, allez dans « médias » et « ajouter »
  • 47.  
  • 48.  
  • 49. Il vous reste à « joindre » cette photo à la page sur laquelle se trouve le diaporama : ici en l’occurrence elle s’appelle « Diaporama Wordpress ». Cliquez sur « joindre » puis sélectionnez la page (cf. explications sur les diapos 28 et 29)
  • 50. La photo a bien été jointe, ce qui signifie qu’elle sera désormais ajoutée au diaporama
  • 52. Petit truc pratique : quand vous avez des images déjà insérées sur une page ou dans un article, comme ici, il existe un moyen très simple d’ajouter une galerie ou un diapora-ma Wordpress
  • 53. Pour l’insertion d’un diaporama, il suffit d’écrire le code suivant : [slideshow] Vous pouvez le faire en mode visuel
  • 54. Le diaporama a bien été intégré sous les photos. Pour ne conserver que ce diaporama, il suffit de supprimer les photos au niveau de la page
  • 55. Pour l’insertion d’une galerie, il suffit d’écrire le code suivant : [gallery] Vous pouvez le faire en mode visuel
  • 56. La galerie a bien été intégrée sous les photos. Même remarque que précédemment : pour ne conserver que cette galerie, il suffit de supprimer les photos au niveau de la page
  • 57. Ce diaporama vous a été proposé par : Laurent Puren Université de la Réunion Pour me joindre : laurent.puren@gmail.com