Bibliothèque de photos gratuites Pexels

Certains blocs Jetpack contenant des photos intègrent la bibliothèque de photos gratuites, avec l’aimable autorisation de Pexels. Pexels comporte une bibliothèque de plus de 40 000 images superbes, libres de droits, que vous pouvez utiliser sur votre site.

Remarque importante : Les images que vous importez dans votre médiathèque avec la bibliothèque de photos gratuites seront comptabilisées dans les limites de stockage de votre serveur. Veuillez consulter l’équipe du service client de votre hébergeur pour toute question ou toute inquiétude sur ce sujet.

Blocs Image Jetpack intégrés avec Pexels

Vous pouvez utiliser Pexels dans une grande variété de blocs. Cette option est disponible lorsque vous utilisez le bloc Image, le bloc Galerie ainsi que les paramètres de l’image mise en avant disponibles sur le site WordPress. Vous pouvez également l’utiliser avec votre bloc Jetpack Diaporama, bloc Mosaïques d’images ou bloc Comparer des images. La capture d’écran ci-dessous montre plus particulièrement comment ajouter des photos Pexels au bloc Diaporama, mais la méthode est similaire pour les autres blocs :

Ajouter des images Pexels directement dans la médiathèque

Vous pouvez également ajouter des images provenant de Pexels directement dans votre médiathèque. Néanmoins, ceci doit être fait sur WordPress.com. Il n’est pas possible de le faire dans votre WP Admin. La procédure est la suivante :

  1. Assurez-vous que votre site est correctement connecté à Jetpack.
  2. Accédez à votre site sur WordPress.com à l’aide du lien Mes sites figurant en haut à gauche.
  3. Cliquez sur Médias, puis cliquez sur la petite icône représentant une image. Ensuite, choisissez Photos Pexels gratuites.
  4. À partir de là, vous pouvez ajouter des images gratuites provenant de Pexels directement dans votre médiathèque.

Crédit photographique

Pour vous faciliter la tâche et garantir l’exactitude du crédit photographique, le photographe de chaque photo est automatiquement crédité dans la légende. Cependant, il n’est pas nécessaire de conserver ce crédit sur votre site si vous ne le souhaitez pas.

Modifier les dimensions des images

Vous voudrez peut-être vérifier la documentation de votre thème afin d’établir les dimensions d’image idéales des photos utilisées à différents endroits sur votre site. Si nécessaire, vous pouvez modifier les dimensions de l’image directement dans votre médiathèque ou avec un autre outil d’édition, comme PicMonkey, Canva, Pixlr ou Photopea.

Commentaires fermés sur Bibliothèque de photos gratuites Pexels

Bloc Mosaïque d’images

La Mosaïque d’images vous permet d’afficher vos galeries d’images dans trois styles : mosaïque d’images, grille circulaire, mosaïque d’images carrées et colonnes en mosaïque. Les mises en page sous forme de mosaïques d’images et de mosaïque d’images carrées intègrent également des légendes qui s’affichent au survol de la souris afin de gagner de l’espace.

Pour utiliser la Mosaïque d’images,  n’oubliez pas d’activer le réseau de transmission de contenu (image). Pour ce faire, accédez à Jetpack → Paramètres → Performance et activez Accélérer le temps de chargement des images.

Voici quelques aperçus :

Nous proposons également un article interactif contenant ces exemples.

Création d’une galerie

Pour créer une galerie, ajoutez un nouveau bloc Mosaïque d’images à l’aide du sélecteur de bloc intégré à l’article ou du sélecteur de bloc présent dans la barre d’outils de l’article.

Option Bloc Mosaïque d'images dans le sélecteur de bloc

Une fois le bloc ajouté, vous pouvez ajouter les images à votre galerie de la même manière que vous ajouteriez des images à un bloc d’image standard : en les chargeant à partir de votre ordinateur ou en les sélectionnant à partir de votre bibliothèque de médias (ou les deux). Une fois les images ajoutées, vous pouvez utiliser la barre d’outils du bloc et la colonne latérale pour apporter vos personnalisations.

Vous pouvez utiliser le bouton de type de bloc de la barre d’outils pour sélectionner le type de galerie que vous aimeriez créer. Vous pouvez également remplacer le bloc par l’un des autres types de blocs d’image ici.

Les autres boutons de la barre d’outils vous permettent de configurer l’alignement de la galerie au moyen de l’option appropriée. Vous pouvez sélectionner Modifier pour ajouter et supprimer des images.

Vous pouvez désélectionner les images que vous ne souhaitez pas ajouter à la galerie en cliquant sur la croix. Glissez/déposez les images pour les reclasser.

Cliquez sur Ajouter à la galerie pour ajouter de nouvelles images. Une fois que vous avez terminé de modifier les images dans la galerie, cliquez sur Mettre à jour la galerie.

Colonne latérale Bloc

Dans la colonne latérale Bloc, vous pouvez développer la section Styles pour modifier le type de galerie et définir le comportement du lien dans la section de configuration Mosaïque d’images.

Mosaïques d’images dans l’éditeur classique

Pour savoir comment ajouter des galeries avec l’éditeur classique et utiliser les options de mise en page, voir la page d’assistance de cette galerie.

Définir une largeur spécifique pour vos galeries

Les mosaïques d’images sont conçues pour couvrir la largeur du contenu du thème. Vous pouvez définir une valeur $content_width spécifique en ajoutant le code suivant au fichier functions.php de votre thème :

if ( ! isset( $content_width ) ) {
    $content_width = 800;
}

Si vous n’êtes pas habitué à modifier des fichiers de thème, vous pouvez également utiliser cette extension : Largeur de contenu personnalisée.

Si votre thème ne définit pas une largeur de contenu, la largeur des mosaïques d’images sera de 500px par défaut. Pour en savoir plus sur la fonctionnalité Largeur du contenu du thème, renseignez-vous ici.

Si une valeur $content_width est déjà définie pour votre thème, mais que vous souhaitez appliquer une valeur différente à la mosaïque d’images uniquement, vous pouvez utiliser le filtre tiled_gallery_content_width.


Affichage d’une seule image dans la vue d’une galerie


Pour afficher une seule image sur un article ou une page dans la vue d’une galerie, modifiez l’image et définissez le paramètre d’affichage Lier à sur « page de pièce jointe ». À présent, tout clic sur votre image l’affiche dans la vue de superposition de la galerie.


Les options Mosaïque d’images n’apparaissent pas


Si vous utilisez l’extension Cleaner Gallery ou un thème incluant cette fonctionnalité, vous ne pourrez pas utiliser les fonctionnalités Mosaïque d’images sur votre site. Pour résoudre ce conflit, vous pouvez installer cette petite extension pour désactiver Cleaner Gallery.


Option Diaporama manquante


Si l’option Diaporama est manquante, vous pouvez l’afficher en activant le module d’intégration par codes abrégés dans Jetpack.


Informations sur la confidentialité


Cette fonctionnalité est désactivée par défaut, car elle accompagne notre fonctionnalité Réseau de transmission de contenu (image). Vous pouvez la désactiver à tout moment en modifiant le réglage Diffuser des images à partir de nos serveurs dans Performances et vitesse
sous Jetpack — Paramètres — Performance sur votre tableau de bord.

Pour modifier cette fonctionnalité indépendamment du réseau de transmission de contenu (image), suivez le guide ici.


Données utilisées
Propriétaires/utilisateurs du site

 

Aucun.

Visiteurs du site

 

Aucun.

Activité suivie
Propriétaires/utilisateurs du site

 

Aucun.

Visiteurs du site

 

Aucun.

Données synchronisées (Lire plus)
Propriétaires/utilisateurs du site

 

Nous synchronisons les options identifiant si la fonctionnalité est activée ou non et comment ses paramètres disponibles sont configurés.

Visiteurs du site

 

Aucun.

			
Commentaires fermés sur Bloc Mosaïque d’images

Galerie

Le widget Galerie vous permet d’afficher aisément une galerie de photos ou un diaporama dans la barre latérale de votre blog.

Réglages

Une fois que vous avez ajouté le widget dans Apparence > Widgets, vous pouvez modifier les réglages du widget : Gallery Widget settings

  • Titre : le titre à afficher au-dessus de la galerie dans la barre latérale.
  • Images : les images à afficher dans la galerie. Cliquez sur Choisir Images pour sélectionner des images pour la galerie.
  • Lien :
    • Carrousel : un carrousel en plein écran qui permet aux visiteurs d’afficher les images une à une en pleine écran.
    • Autre page : une page dédiée de votre blog qui affiche l’image avec le thème que vous avez sélectionné.
    • Fichier média : un lien direct pour télécharger l’image en taille réelle.
    • Les liens ne sont pas disponibles avec tous les diaporamas.
  • Aléatoire : cochez cette case pour que les images soient affichées aléatoirement.
  • Style : sélectionnez un style pour la galerie. Si vous avez activé le module Mosaïque d’images, les options de ce style seront cases, cases carrées, cercles ou diaporama.

Choisir des images pour votre galerie

  1. Cliquez sur Choisir Images dans les options du Widget pour choisir les images de votre galerie.
  2. Pour ajouter des images depuis votre disque dur, faites-les glisser dans la boîte qui apparaît ou cliquez sur Sélectionner des fichiers pour choisir une image à télécharger depuis votre ordinateur.
  3. Pour ajouter des images qui dont déjà dans votre bibliothèque Médias, cliquez sur Ajouter à la galerie sur la gauche. Sélectionnez d’autres images à ajouter à votre galerie ou diaporama en cliquant dessus. Quand vous avez terminé, cliquez sur le bouton Ajouter à la galerie en bas à droite.
  4. Quand vous avez téléchargé et ajouté toutes vos images, vous pouvez ajouter des légendes ou faire glisser les photos pour les réorganiser. Quand vous avez terminé, cliquez sur le bouton Insérer la galerie en bas à droite.
  5. Votre galerie est prête ! Sélectionnez les options du widget pour votre galerie, cliquez sur Sauvegarder, puis visitez votre site pour admirer votre nouveau widget Galerie.
Commentaires fermés sur Galerie

Photon

Photon est un service permettant de modifier des images et d’accélérer leur temps de chargement sur WordPress.com ou sur les sites WordPress connectés à Jetpack. Ceci allège la charge pour votre hébergeur et offre un affichage plus rapide à vos lecteurs.

Pour commencer à utiliser Photon :

  1. Sur la page Jetpack du tableau de bord de votre blog, cliquez sur le bouton Activer pour Photon.
  2. Voilà ! Vos images seront maintenant stockées de façon dynamique dans le cloud de WordPress.com.

Besoin d’aide ?

Comment marche Photon

  • Photon filtre le contenu sans modifier les informations dans la base de données.
  • Photon n’agit pour l’instant que sur les images dans les articles et les images principales (miniatures des articles).
  • Photon agit sur les anciens articles comme sur les nouveaux et peut être facilement activé ou désactivé.

Questions et réponses

  • Comment Photon détermine-t-il les dimensions nécessaires ?
    Photon analyse les attributs de largeur et hauteur de la balise img et produit une image adapté à ces dimensions, ou à la largeur de l’élément qui la contient si celui-ci est le plus petit.
  • Est-il possible de conserver les balises hauteur et largeur dans le nouveau HTML ?
    Les arguments de largeur et de hauteur sont retirés pour empêcher les images de se superposer quand l’image redimensionnée a les mêmes dimensions que l’originale. Ceci est très important lorsque vous changez de thème et que le nouveau thème est plus étroit que l’ancien. Photon redimensionne automatiquement vos images afin qu’elles ne dépassent pas la largeur prise en charge par votre thème. Cependant, il est ensuite impossible de savoir qu’elles sont les nouvelles dimensions.

Limites

  • Aucune limite de cache : pour l’instant les images restent en cache pour toujours. Pour « rafraîchir » une image, vous devrez la renommer. Ajouter des random query arguments , ou cachebusters, ne fonctionnera pas.
  • Nous ne récupérons, ne redimensionnons et n’hébergeons que les images gif, png, and jpg sur les serveurs qui répondent au port 80. Ceci représente environ 99,99 % des serveurs web du monde entier.
  • Nous n’augmentons jamais le nombre de pixels d’une image. Si votre image d’origine a une largeur de 1 000 pixels et que vous nous demandez une image de 5 000 pixels, vous obtiendrez l’image d’origine de 1 000 pixels. Les images dont le nombre de pixels a été augmenté sont de mauvaise qualité, ce que nous désirons éviter.
  • Si votre serveur met plus de 10 secondes à télécharger l’image sur Photon, le téléchargement expire. Votre image sera corrompue. Essayez de modifier le nom de l’image ou de la compresser avant de la télécharger de nouveau.
  • Les gifs animés seront la plupart du temps corrompus s’ils sont redimensionnés ou transformés par Photon.

Les thèmes et les plugins peuvent également utiliser l’API Photon pour transformer des images avec des query arguments GET. Les développeurs peuvent consulter la documentation de l’API Photon et des exemples sur developer.wordpress.com.

Photon ne peut être utilisé que sur les sites de WordPress.com ou les sites WordPress connectés à Jetpack. Si vous changez de plate-forme ou déconnectez Jetpack de votre site, veuillez également changer de service de gestion d’image. Une utilisation abusive de Jetpack ou une violation des conditions d’utilisation de WordPress.com peut résulter en la suspension de votre site des services connectés à WordPress.com.

Commentaires fermés sur Photon

VideoPress

Le module VideoPress vous permet de télécharger des vidéos depuis votre ordinateur pour les héberger et les lire directement sur votre site. Ce module nécessite un compte WordPress.com avec un abonnement VideoPress actif.

Pour commencer à utiliser VideoPress, suivez ces courtes étapes :

  1. connectez Jetpack à votre compte WordPress.com
  2. activez le module Jetpack
  3. modifiez la configuration si nécessaire
  4. téléchargez et insérez des vidéos dans vos articles en utilisant le bouton Ajouter un média de votre éditeur d’article

Connectez Jetpack à VideoPress :

Pour connecter Jetpack à un site WordPress.com qui dispose de la mise à jour VideoPress premium, allez dans Jetpack -> Jetpack et cliquez sur le bouton Configurer dans le module VideoPress. Choisissez le blog connecté à WordPress dans la liste déroulante, sélectionnez vos options préférées et cliquez sur Enregistrer.

options de VideoPress

Télécharger et insérer des vidéos

Téléchargez et insérez des vidéos dans vos articles en cliquant sur le bouton Ajouter un média dans l’éditeur d’article.

Add Media

Cliquez ensuite sur VideoPress sur la gauche de l’interface de gestion des médias.

insert-media

Vous pouvez télécharger une nouvelle vidéo ou en choisir une dans la bibliothèque VideoPress.

télécharger une vidéo

Plus d’info.

Ce plugin vous permet d’un simple clic de vous connecter à votre blog vidéo WordPress.com, de récupérer le code [ videopress xyz ] d’une vidéo et de l’insérer dans votre article. Vous pouvez choisir la largeur et la hauteur de la vidéo avec les attributs du code w= h=. Vous pouvez restreindre la lecture aux formats compatibles avec Freedom en utilisant le shortcode freedom=true. Vous pouvez paramétrer la lecture automatique d’une vidéo en utilisant le shortcode autoplay=true. Vous pouvez forcer une vidéo Flash intégrée en utilisant le shortcode flashonly=true. Les shortcodes suivants sont tous valides :

  • [ videopress xyz ] utilise si disponible le content_width par défaut de votre thème et utilise sinon une largeur de 400 pixels.
  • [ videopress xyz w=640 ] spécifie une largeur de vidéo de 640 pixels tout en préservant le rapport de taille.
  • [ videopress xyz w=640 h=360 ] spécifie à la fois la largeur et la hauteur de la vidéo.
  • [ videopress xyz h=300 ] spécifie une hauteur de vidéo de 300 pixels tout en préservant le rapport de taille.
  • [ videopress xyz freedom=true ] n’affiche que les vidéos de formats compatibles avec Freedom (actuellement Ogg avec vidéo Theora et audio Vorbis).

Les éléments d’aperçu vidéo et la fonction vidéo HTML5 sont directement insérés dans votre article ou page WordPress. Vous pouvez modifier le style par le CSS ou inclure la vidéo dans vos stats du site.

Dépannage

Ai-je besoin d’un compte WordPress.com pour utiliser ce plugin ?
Oui. Ce plugin nécessite un site WordPress.com avec la mise à jour VideoPress premium pour héberger des vidéos, des fichiers vidéo transcodés et autres informations. Puisque vous avez de toute façon besoin d’un compte WordPress.com pour vous connecter à Jetpack, il vous suffit d’ajouter un site pour héberger vos fichiers vidéo.

Puis-je utiliser ce plugin pour héberger des vidéos sur mon propre serveur ?
Non. Ce plugin nécessite un site WordPress.com avec la mise à jour VideoPress premium et ne prend pas en charge l’hébergement de vidéos sur votre propre serveur.

J’utilise déjà le plugin VideoPress !
Il est fortement recommandé de désactiver le plugin autonome VideoPress et d’activer VideoPress en passant par Jetpack. Les futures mises à jour de VideoPress ne seront en effet disponibles que dans Jetpack.

Mes visiteurs rencontrent des problèmes de lectures quand je choisis Freedom dans les préférences de lecture.
« Freedom has its price. », la liberté a un prix.

Comment puis-je modifier les paramètres de Flash runtime ?
Plongez-vous dans le filtre video_flash_params pour modifier les paramètres Flash définis dans le balisage de votre page.
Remarque : modifier le mode d’affichage peut avoir un impact négatif sur la qualité de la lecture vidéo pour vos visiteurs.

Le lecteur Flash intégré reste au-dessus de tous les autres éléments de la page sans tenir compte du z-index.
Les dernières versions d’Adobe Flash Player séparent le contenu en couches qui sont gérées par des composants spécifiques de l’ordinateur, de la tablette ou du smartphone. L’optimisation par tâche offre à vos lecteurs une lecture vidéo plus fluide qui utilise moins de ressources système (et de batterie) que par couches explicites.
Mes visiteurs ne peuvent pas regarder certaines vidéo quand Flash n’est pas installé (par exemple sur iPhone).

Certains éditeurs de vidéo restreignent l’intégration vidéo et les fonctionnalités de partage. La fonction vidéo HTML5 inclut un URI complet identifiant un fichier vidéo dans le balisage de la page. Cette fonctionnalité inquiète certains éditeurs qui préfèrent limiter les zones géographiques ou la lecture est possible et la distribution de leurs vidéos. Les intégrations restreintes sont incluses dans la page avec le balisage Flash.

Commentaires fermés sur VideoPress

Tiled Galleries

Avec Tiled Galleries, vous pouvez afficher vos galeries d’images dans trois nouveaux styles : une mosaïque rectangulaire, une mosaïque carrée et une grille circulaire. Les mises en page en mosaïques rectangulaires et carrées ont également des légendes survolées pour économiser de l’espace tout en rendant les légendes accessibles.

Vous pouvez créer votre Tiled Gallery en procédant comme suit :

  1. Vérifiez que le module est activé dans votre tableau de bord Jetpack
  2. Créez une nouvelle galerie en sélectionnant l’option « Pavés ».
  3. En option : Pour que toutes vos galeries apparaissent comme des mosaïques par défaut, allez sur Paramètres → Média dans le tableau de bord de votre blog et sélectionnez la case à côté de «Afficher toutes les photos de votre galerie dans une chouette mosaïque. »

Voici quelques apercus :

example-gallery-tiled

Pavés

Squares

Carrés

Circles

Cercles

Vous pouvez également consulter des exemples des trois options de mise en page dans ce message et ce message.

Pour utiliser Tiled Galleries, assurez-vous d’abord que le module est activé dans votre tableau de bord Jetpack. Puis créez une nouvelle galerie en sélectionnant l’option « Pavés ».

Pour que toutes vos galeries apparaissent comme des mosaïques par défaut, allez sur Paramètres → Média dans le tableau de bord de votre blog et sélectionnez la case à côté de «Afficher toutes les photos de votre galerie dans une chouette mosaïque.» Notez que cette option en fait la mise en page par défaut pour toutes les galeries de votre blog, y compris celles que vous avez déjà insérées.

Pour apprendre à ajouter des galeries et à utiliser les nouvelles options de mise en page, reportez-vous à la page d’aide pour cette galerie.

Il convient de noter que les images des galeries en mosaïque exigent un traitement spécial, si bien qu’elles seront servies par le réseau de diffusion de contenu de WordPress.com, même si le module Photon est désactivé.

Définissez une largeur spécifique pour vos galeries

Les Tiled Galeries sont construites de manière à remplir la largeur du contenu de votre thème. Vous pouvez définir une valeur spécifique $content_width en ajoutant le code suivant au fichier de votre thème functions.php :

if ( ! isset( $content_width ) )
    $content_width = 800;

Si vous ne vous ne vous ressentez de modifier les fichiers de thème, vous pouvez également utiliser cette extension : Custom Content Width

Si votre thème ne définit pas une largeur de contenu, par défaut Tiled Galleries utilisera une largeur de 500px. Vous pouvez en savoir plus sur la fonctionnalité du thème Content Width ici.

Les options de Tiled Gallery n’apparaissent pas !

Si vous utilisez l’extension Cleaner Gallery ou un thème incluant cette fonctionnalité, vous ne pourrez pas utiliser les fonctionnalités de Tiled Gallery sur votre site. Pour résoudre ce conflit, vous pouvez installer cette petite extension pour désactiver Cleaner Gallery.

Commentaires fermés sur Tiled Galleries
  • Saisissez votre adresse e-mail pour vous abonner à ce blog et vous tenir au courant des nouveautés Jetpack !

    Rejoignez 142 autres abonnés

  • Parcourir les catégories