Articles

WordPress.com

Les images sont un excellent moyen d’améliorer votre site WordPress.com. Ce guide vous montrera toutes les différentes façons d’ajouter des images.

Table des matières

Types de fichiers d’images

Vous pouvez télécharger les types d’images suivants dans un article ou une page :

  • .jpg/.jpeg
  • .gif
  • .png

Table des matières

Guides d’images

Il y a beaucoup de choses que vous pouvez faire avec les images, nous les avons donc réparties en plusieurs pages :

  • Téléchargement d’images – Tout sur l’insertion d’images dans vos articles et pages à partir de votre ordinateur, du Web et de la médiathèque.
  • Paramètres d’image – Ajoutez un titre ou une légende à vos images. Comprend où trouver les informations de base sur votre image comme le lien permanent, les dimensions de l’image et le type de fichier.
  • Modification des images – Votre image est à l’envers ou un peu trop grande ? Voici un guide sur la façon de recadrer, de faire pivoter et de mettre à l’échelle vos images.
  • Galeries et diaporamas – Affichez vos images dans une galerie ou un diaporama.
  • Optimisation des images – Lorsque vous diminuez la taille du fichier des images avant de les insérer, les téléchargements et les pages se chargent plus rapidement.
  • Dépannage – Vos images ne se téléchargent pas ? Voici quelques conseils pour les faire fonctionner !
  • Trouver des images gratuites et d’autres médias – Vous avez besoin d’une image du domaine public ou copyleft pour votre site ? Voici quelques suggestions pour savoir où les trouver !

Table des matières

Exemples

Voici quelques exemples de travail pour montrer différentes façons d’afficher vos images en utilisant des blocs. Les images auront un aspect différent selon le thème que vous utilisez sur votre site, alors essayez-les sur votre site !

Toutes les images sont une courtoisie de la photothèque gratuite Pexels.

Bloc d’image

Le bloc d’image est pour ajouter des images simples. Il est minimaliste, mais combiné avec le bloc Columns, il peut donner un design créatif comme le montre le thème Coutoire.

Default style:

Photo de NEOSiAM 2020 sur Pexels.com

Style arrondi:

Photo par NEOSiAM 2020 sur Pexels.com
Bloc de couverture

Le bloc de couverture est mieux apprécié avec un thème permettant un affichage en pleine largeur. Il est merveilleusement mis en valeur dans les thèmes Dalston, Alves et Maywood.

Le bloc comprend des options pour un arrière-plan fixe, une superposition avec dégradé et différents styles d’affichage.

Fond fixe activé

Fond fixe désactivé

Gradients Superposition avec styles de vagues inférieures et supérieures

.

Bloc Galerie

Le bloc Galerie vous permet d’ajouter facilement plusieurs photos et de les faire classer automatiquement de manière attrayante.

Bloc diaporama

Le bloc diaporama est idéal pour partager des photos sans prendre trop de place sur une page ou un post. Voyez-le mis en vedette dans le thème Rivington.

L’exemple ci-dessous utilise l’option de lecture automatique, découvrez toutes les autres options dans le guide du bloc Slideshow.

  • Photo de Hendrik Cornelissen sur Pexels.com
  • Photo par Elena Blessing sur Pexels.com
  • Photo par sur Pexels.com
Média & Bloc Texte

Le bloc Média & Texte vous permet de placer une image ou une vidéo côte à côte avec du texte.

Il est livré avec une option pratique pour empiler le média et le texte sur les appareils mobiles.

Certaines façons créatives de l’utiliser sont présentées sur le thème Exford et Barnsbury.

« S’il y a un livre que vous voulez lire, mais qui n’a pas encore été écrit, alors vous devez l’écrire. »

– Toni Morrison

À gauche, on voit comment la pile sur l’option mobile affichera le contenu.

Par défaut, les médias s’afficheront en haut.

Bloc de comparaison d’images

Utiliser le bloc de comparaison d’images pour placer deux images côte à côte (ou au-dessus et en dessous) et utiliser un curseur pour révéler les différences entre les deux images.

Comparaison côte à côte
Comparaison au-dessus et en dessous
Bloc de la galerie en mosaïque

Le bloc de la galerie en mosaïque comprend une option pour les coins arrondis et se décline en quatre styles différents :

  • Mosaïque carrelée
  • Grille circulaire
  • Tuiles carrées
  • Colonnes carrées

C’est une façon créative à elle seule de partager des images, et peut être un excellent acolyte du bloc Slideshow, comme cela est mis en valeur dans le thème Rivington.

Mosaïque carrelée

Circulaire grille

Tuiles carrées avec option pour les coins arrondis

>

Colonnes carrées

CoBlocks

CoBlocks est une bibliothèque de blocs gérée par GoDaddy, mise à votre disposition sur WordPress.com. Elle comprend quatre types de galeries :

  • Collage
  • Stacked
  • Masonry
  • Offset

Et elle est accompagnée de plusieurs options supplémentaires :

  • Activer une lightbox d’images
  • Afficher ou masquer les légendes
  • Lier des images individuelles
  • Contrôles de gouttière pour définir l’espace entre les images
  • Appliquer des filtres d’images (Niveaux de gris, Sépia, Saturation, Dim, Vintage)

Les galeries peuvent être affichées en pleine largeur avec les thèmes qui le permettent, comme présenté dans le thème Mayland.

Bloc Collage

Le bloc Collage assemble des images dans une belle galerie de collage.

Affichage par défaut

  • .

Affichage en mosaïque avec filtre sépia

  • .

Affichage en couches avec effet d’ombre et filtre en niveaux de gris

  • .

Bloc Masonry

Le bloc Masonry affiche plusieurs images dans leur position optimale en fonction de l’espace vertical disponible, un peu comme un maçon qui ajuste des pierres dans un mur.

Bloc décalé

Le bloc décalé affiche des images dans une galerie de motifs de briques décalées.

Bloc Carrousel

À ne pas confondre avec le bloc Carrousel Post, le bloc Carrousel CoBlocks vous permet d’afficher uniquement des images à l’intérieur d’un carrousel.

Voici une animation de la façon dont il s’affichera :

Le bloc Carrousel est disponible sur les sites des plans Business et eCommerce avec des plugins installés uniquement.

Bloc empilé

Le bloc empilé affiche plusieurs images dans une galerie empilée à colonne unique.

Filtre de saturation

Filtre vintage

    .

Bloc GIF

Le bloc GIF vous permet d’ajouter facilement quelques images GIF depuis Giphy.
C’est une façon colorée d’exprimer des sentiments sur votre site.

Joy

Sad

.

Plans et tarifs versatiles

  • Gratuit

    Le meilleur pour les étudiants

    .

  • Personnel

    Parfait pour les amateurs

  • Premium

    Parfait pour les indépendants

  • Business

    Parfait pour les petites entreprises

Choisissez un plan

.