Ajouter un slider/ caroussel de photos sur une page web

S’abonner

Par défaut, Yapla ne permet pas de créer d'album photo via l'application Site Web. Cependant beaucoup d'outils gratuits vous permettre de répondre à ce besoin et créer un album photo qui s'intégrera parfaitement à votre site web Yapla.  

Ajouter un album à partir de Google Photos

1. Créer un album Google Photos

Connectez à votre compte google ou en créez en  un si l’association n’en possède pas. C'est gratuit et cela vous permettra de bénéficier des services de Google qui peuvent s'avérer pratiques au quotidien.

Allez dans l’application Google Photos https://photos.google.com/

En haut à droite cliquer sur créer puis album

Donnez un titre à votre album photo puis uploadez les photos en cliquant sur 'Ajouter des photos'

Ca y est votre album est crée ! Il faut encore que vous l'intégriez à votre site web Yapla.

2. Créer un slider

Pour ce faire cliquez sur le symbole de partage en haut à droite puis sur 'Créer un lien' en bas à gauche de la fenêtre qui vient de s’ouvrir.

 

Copiez le lien généré et rendez-vous sur :
https://www.publicalbum.org/blog/embed-photos-slideshow-carousel-widget

Descendez dans la page jusqu’à la section ci-dessous:

Collez le lien copié précédemment à l'intérieur du champ et cliquez sur le bouton violet 'Create embed code'

Si nécessaire changez la configuration puis cliquez sur 'Copy code to clipboard'

3. Intégrer un slider à votre site web Yapla

Maintenant il est temps de vous rendre dans votre compte Yapla.

Accédez à l'application Site Web puis sélectionnez la page où vous souhaitez ajoutez le slider. Vous pouvez choisir le module Contenu Personnalisé de l'application Site Web dans la partie ou le slider doit apparaître. Dans la section Description, cliquez sur source et collez le code précédemment copié

Il ne vous reste plus qu' a enregistrer vos modifications puis à admirer le travail.

Vous pouvez voir un exemple du rendu final en cliquant sur le lien suivant :
https://bascoulrunning.s2.yapla.com/fr/photos

 

Utilisateurs qui ont trouvé cela utile : 0 sur 0

Commentaires

0 commentaire

Vous devez vous connecter pour laisser un commentaire.