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’app...
Nous allons opter pour un classement par « ordre de menu » pour une meilleure stabilité : les photos apparaîtront toujours...
Lorsqu’une galerie est intégrée dans votre page, vous ne pouvez pas visualiser les photos de cette galerie. Vous ne verrez...
Voilà à quoi ressemble notre galerie. Deux remarques : 1) les photos des 3 premières colonnes sont coupées sur la droite ;...
Pour effectuer des modifications au niveau de la galerie, il faut cliquer une première fois sur la zone, qui devient bleue...
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 ...
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’...
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 ...
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 paysa...
Attention ! Il faut impérativement que la page ou l’article dans lequel/laquelle vous voulez créer une galerie ait été pré...
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, ...
 
 
 
Lorsque les modifications ont été enregistrées, on arrive sur cette page censée nous montrer les 10 photos que nous venons...
Dans la bibliothèque des médias, les photos importées sont jointes à « Bibliothèque » alors qu’elles devraient normalement...
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 ...
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...
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 mo...
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 ...
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 s...
Ce diaporama vous a été proposé par : Laurent Puren Université de la Réunion Pour me joindre : laurent.puren@gmail.com
Prochain SlideShare
Chargement dans…5
×

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

3 227 vues

Publié le

Publié dans : Formation
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
3 227
Sur SlideShare
0
Issues des intégrations
0
Intégrations
107
Actions
Partages
0
Téléchargements
1
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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

  1. 1. Intégrer une galerie de photos et un diaporama Wordpress
  2. 2. 1. Intégrer une galerie de photos
  3. 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)
  5. 6. Attendez le chargement des photos
  6. 7. Une fois le chargement fini, il vous reste à déterminer les « réglages de galerie »
  7. 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
  8. 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 »
  9. 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…
  10. 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
  11. 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 »
  12. 13. Première modification : ne sélectionner que 3 colonnes au lieu des 4 précédentes
  13. 14. Deuxième modification : changer l’info-bulle. Commencez par sélectionner la photo sur laquelle vous allez intervenir
  14. 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…)
  15. 16. Répétez la même opération avec les autres photos, si nécessaire puis enregistrez les modifications
  16. 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
  17. 18. Les 2 problèmes signalés précédemment (images coupées et info-bulles avec un texte non souhaité) semblent résolus
  18. 19. A présent, supprimons 2 photos de cette galerie (des étudiantes évaporées…)
  19. 20. Il faut supprimer ces photos de votre bibliothèque médias
  20. 21. On commence par les sélectionner
  21. 22. En bas de la page, dans « actions globales », choisissez « supprimer définitivement », puis cliquez sur « appliquer »
  22. 23. Rafraîchissez votre page : les modifications ont été prises en compte
  23. 24. Si, à l’inverse, vous souhaitez ajouter une nouvelle photo à la galerie, allez dans « médias » et « ajouter »
  24. 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 »
  25. 28. Indiquez le nom de la page (ou de l’article) dans la recherche. Cliquez sur « recherche »
  26. 29. Validez la proposition puis cliquez sur « sélectionner »
  27. 30. La photo a bien été jointe, ce qui signifie qu’elle sera désormais ajoutée à la galerie
  28. 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
  29. 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.
  30. 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
  31. 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
  32. 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é…
  33. 39. 2. Intégrer un diaporama Wordpress
  34. 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)
  35. 41. En bas de la page, cliquez sur « insérer le diaporama »
  36. 42. La seule trace de cette opération dans votre page sera le code suivant : [slideshow] Pensez à mettre à jour
  37. 43. Attendre quelques secondes pendant le chargement de votre diaporama
  38. 44. Le diaporama commence, avec changement automatique de diapo toutes les 4 ou 5 secondes
  39. 45. Vous avez bien sûr la possibilité d’intervenir sur le déroulement de ce diaporama
  40. 46. Si vous souhaitez ajouter une nouvelle photo au diaporama, allez dans « médias » et « ajouter »
  41. 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)
  42. 50. La photo a bien été jointe, ce qui signifie qu’elle sera désormais ajoutée au diaporama
  43. 51. C’est le cas !
  44. 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
  45. 53. Pour l’insertion d’un diaporama, il suffit d’écrire le code suivant : [slideshow] Vous pouvez le faire en mode visuel
  46. 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
  47. 55. Pour l’insertion d’une galerie, il suffit d’écrire le code suivant : [gallery] Vous pouvez le faire en mode visuel
  48. 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
  49. 57. Ce diaporama vous a été proposé par : Laurent Puren Université de la Réunion Pour me joindre : laurent.puren@gmail.com

×