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:
Style arrondi:
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.
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
.