• Save
CréAtion Blog   SéAnce 7 IntéGrer Galerie Et Diaporama Wordpress
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 3,518 views

 

Statistics

Views

Total Views
3,518
Views on SlideShare
3,414
Embed Views
104

Actions

Likes
0
Downloads
1
Comments
0

5 Embeds 104

http://ticepurenl3fle2010.wordpress.com 65
http://ticepurenl3fle2011.wordpress.com 34
http://samland.webobo.biz 2
http://fouesnant-vtt.blogspot.com 2
http://toolsart.wordpress.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 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 » View slide
  •   View slide
  • 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