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éDia
lpuren
 
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
lpuren
 
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
lpuren
 
Support tricot
Support tricotSupport tricot
Support tricot
lpuren
 
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
lpuren
 
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
lpuren
 

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

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
Guillaume Hautier
 
Picasa 3 V2
Picasa 3 V2Picasa 3 V2
Picasa 3 V2
dubes
 
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
lpuren
 

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échargeable
lpuren
 
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
lpuren
 
Schtroumpf grognon
Schtroumpf grognonSchtroumpf grognon
Schtroumpf grognon
lpuren
 
Représentations allemands ww1
Représentations allemands ww1Représentations allemands ww1
Représentations allemands ww1
lpuren
 
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
lpuren
 
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
lpuren
 
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
lpuren
 
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
lpuren
 
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
lpuren
 
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
lpuren
 
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
lpuren
 
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
lpuren
 
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
lpuren
 
Blog Ou Site
Blog Ou SiteBlog Ou Site
Blog Ou Site
lpuren
 

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

Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
ikospam0
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
AmgdoulHatim
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
ssuserc72852
 

Dernier (20)

Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptxCopie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
Copie de Engineering Software Marketing Plan by Slidesgo.pptx.pptx
 
La nouvelle femme . pptx Film français
La   nouvelle   femme  . pptx  Film françaisLa   nouvelle   femme  . pptx  Film français
La nouvelle femme . pptx Film français
 
STRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdf
STRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdfSTRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdf
STRATEGIE_D’APPRENTISSAGE flee_DU_FLE.pdf
 
les_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhkles_infections_a_streptocoques.pptkioljhk
les_infections_a_streptocoques.pptkioljhk
 
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptxIntégration des TICE dans l'enseignement de la Physique-Chimie.pptx
Intégration des TICE dans l'enseignement de la Physique-Chimie.pptx
 
La mondialisation avantages et inconvénients
La mondialisation avantages et inconvénientsLa mondialisation avantages et inconvénients
La mondialisation avantages et inconvénients
 
Cours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdfCours ofppt du Trade-Marketing-Présentation.pdf
Cours ofppt du Trade-Marketing-Présentation.pdf
 
658708519-Power-Point-Management-Interculturel.pdf
658708519-Power-Point-Management-Interculturel.pdf658708519-Power-Point-Management-Interculturel.pdf
658708519-Power-Point-Management-Interculturel.pdf
 
L application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptxL application de la physique classique dans le golf.pptx
L application de la physique classique dans le golf.pptx
 
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
CompLit - Journal of European Literature, Arts and Society - n. 7 - Table of ...
 
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
Conférence Sommet de la formation 2024 : Développer des compétences pour la m...
 
Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024Echos libraries Burkina Faso newsletter 2024
Echos libraries Burkina Faso newsletter 2024
 
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANKRAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
RAPPORT DE STAGE D'INTERIM DE ATTIJARIWAFA BANK
 
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI DẠY BUỔI 2) - TIẾNG ANH 6, 7 GLOBAL SUCCESS (2...
 
Cours Généralités sur les systèmes informatiques
Cours Généralités sur les systèmes informatiquesCours Généralités sur les systèmes informatiques
Cours Généralités sur les systèmes informatiques
 
Les roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptxLes roches magmatique géodynamique interne.pptx
Les roches magmatique géodynamique interne.pptx
 
L'expression du but : fiche et exercices niveau C1 FLE
L'expression du but : fiche et exercices  niveau C1 FLEL'expression du but : fiche et exercices  niveau C1 FLE
L'expression du but : fiche et exercices niveau C1 FLE
 
Bilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdfBilan énergétique des chambres froides.pdf
Bilan énergétique des chambres froides.pdf
 
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projetFormation échiquéenne jwhyCHESS, parallèle avec la planification de projet
Formation échiquéenne jwhyCHESS, parallèle avec la planification de projet
 
Cours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdfCours Préparation à l’ISO 27001 version 2022.pdf
Cours Préparation à l’ISO 27001 version 2022.pdf
 

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