A quoi sert ce bloc ?

Le bloc « Image pleine largeur » affiche une image sur toute la largeur d’une colonne. En plus de cela, vous pouvez ajouter un texte par-dessus l’image et insérer un lien vers un contenu de votre site.

Créer un bloc "Image pleine largeur"

Pour créer un bloc « Image pleine largeur », rendez-vous dans la rubrique « Contenus » dans la barre latérale de l’administration de WordPress, puis, cliquez sur le bouton « Ajouter » qui se trouve à deux endroits :

  • Dans la barre latérale, dans le sous-menu qui s’est affiché
  • A côté du titre « Contenus »

Dans la liste déroulante « Type de contenu », choisissez « Bloc Image pleine largeur ».

L’éditeur d’image pleine largeur s’affiche, divisé en deux onglets :

Onglet « Options d’image »

  • Image : sélectionnez l’image à afficher en pleine largeur. Attention : veillez à posséder une image de bonne qualité et suffisamment grande, de manière à ne pas perdre en qualité lorsqu’elle devra s’afficher sur toute la largeur de votre page.
  • Hauteur de l’image : hauteur fixe en pixels. Vous pouvez renseigner 0 pour que l’image fasse la hauteur de la fenêtre de navigateur de l’internaute
  • Luminosité de l’image : 50% est la luminosité normale. En-dessous, vous l’assombrissez. Au-dessus, vous l’éclaircissez.
  • Alignement horizontal de l’image : permet d’aligner horizontalement l’image dans le cadre qui lui est alloué (à gauche, centrée ou à droite)
  • Alignement vertical de l’image : permet d’aligner verticalement l’image dans le cadre qui lui est alloué (en haut, centrée ou en bas)

Onglet « Options de texte »

Vous pouvez ajouter un texte par-dessus l’image. Voici les options disponibles :

  • Texte : renseignez le texte dans l’éditeur. N’écrivez pas un texte trop long, ce bloc n’est pas fait pour ça.
  • Couleur du texte : Blanc ou Noir, choisissez en fonction de l’image de fond pour que ce soit le plus lisible possible. Si aucune option n’est satisfaisante, choisissez une autre image, ou assombrissez-la avec l’option de luminosité de l’image.
  • Taille du texte : Normale, Grande, Très grande
  • Encadrer le texte : Applique une bordure autour du texte
  • Largeur du bloc de texte dans l’image : en pourcentage
  • Alignement horizontal du bloc de texte : détermine si votre texte sera à gauche sur l’image, centré ou à droite
  • Alignement vertical du bloc de texte : détermine si votre texte sera en haut sur l’image, centré ou en bas

Exemple d'image pleine largeur

Et est admodum mirum videre plebem innumeram mentibus ardore quodam infuso cum dimicationum curulium eventu pendentem.

En savoir plus

A lire aussi dans cette rubrique