Utiliser l'éditeur Gutenberg pour WordPress : concevoir des blocs de manière efficace

Toutes les vidéos du tutoriel WordPress pour débutants : créer des sites web facilement

L'éditeur Gutenberg est un élément central dans la création et l'édition de contenus sur WordPress. Avec son système de blocs, il permet une manipulation flexible et intuitive des textes, images, boutons et bien plus encore. Dans ce guide, vous apprendrez comment insérer et adapter efficacement les blocs de base - titre, paragraphe, image, galerie, bouton et colonnes - afin de rendre vos contenus attrayants.

Points clés

  • L'éditeur Gutenberg utilise un système de blocs pour la création de contenu.
  • Vous pouvez personnaliser les blocs : couleurs, bordures et mises en page.
  • La galerie vous permet d'afficher plusieurs images dans un format attrayant.
  • Les boutons peuvent contenir des liens vers d'autres pages et sont faciles à styliser.
  • Les colonnes facilitent l'agencement des contenus et offrent de la flexibilité dans la mise en page.

Guide étape par étape

Ajouter les blocs de base

Pour commencer avec l'éditeur Gutenberg, ouvrez votre page admin WordPress et naviguez vers l'article ou la page que vous souhaitez modifier. Pour ajouter un nouveau bloc, cliquez sur le signe plus (+) qui vous permet d'afficher tous les blocs disponibles. Sélectionnez les blocs souhaités.

Utiliser l'éditeur Gutenberg pour WordPress : concevoir des blocs de manière efficace

Adapter le style des titres

Une fois que vous avez ajouté le bloc de titre, vous pouvez attribuer différents styles. Par exemple, vous pouvez ajuster la taille et la couleur de la police. Choisissez une couleur vive pour mettre en valeur votre titre, mais veillez à ce que la lisibilité soit garantie.

Mise en forme du texte et liens

Le bloc de texte vous permet non seulement de rédiger du contenu, mais également une multitude de personnalisations. Vous pouvez formater le texte en couleur ou ajouter des liens. Pour insérer un lien, sélectionnez le texte souhaité et ajoutez l'URL. Cela garantit que votre texte reste interactif.

Images et leurs ajustements

Insérer des images est également simple. Téléchargez une image ou sélectionnez-en une dans votre bibliothèque de médias. Vous pouvez ensuite modifier l'image avec un ratio spécifique et des ajustements de design. Par exemple, si vous souhaitez créer une image de profil ronde, veillez à définir la bordure à 100 % pour obtenir une image circulaire parfaite.

Utilisez l'éditeur Gutenberg pour WordPress : concevoir des blocs de manière efficace

Créer une galerie

Pour afficher plusieurs images à la fois, vous pouvez utiliser un bloc de galerie. Il est important de sélectionner les images dans la bibliothèque de médias afin d'optimiser les temps de chargement. Évitez les fichiers image de grande taille qui pourraient affecter les performances de votre site web. Des outils comme TinyPNG peuvent vous aider à réduire la taille du fichier sans perdre en qualité d'image.

Utiliser l'éditeur Gutenberg pour WordPress : concevoir des blocs de manière efficace

Insérer et styliser des boutons

Les boutons sont faciles à créer et vous permettent de diriger vos visiteurs vers des pages importantes. Ajoutez un bloc de bouton et liez-le à une URL. Vous pouvez ensuite styliser l'apparence du bouton pour le mettre en valeur.

Utiliser l'éditeur Gutenberg pour WordPress : concevoir des blocs de manière efficace

Utiliser des colonnes pour une mise en page structurée

Les colonnes sont un excellent outil pour placer du contenu côte à côte. Vous pouvez choisir combien de colonnes vous souhaitez et les adapter individuellement. Parfait pour des mises en page où texte et images doivent être combinés. Veillez toutefois à la manière dont les colonnes s'affichent sur les appareils mobiles afin d'assurer un design convivial.

Utiliser l'éditeur Gutenberg pour WordPress : Concevoir des blocs de manière efficace

Résumé - L'éditeur Gutenberg : Un guide complet pour la création de contenu efficace

L'éditeur Gutenberg propose une multitude de fonctionnalités qui vous aident à créer un contenu attrayant et bien structuré. De l'ajout de blocs de texte simples à des mises en page complexes avec colonnes et galeries, il existe d'innombrables façons d'exprimer votre créativité.

FAQ

Comment ajouter un nouveau bloc dans l'éditeur Gutenberg ?Cliquez sur le signe plus (+) pour afficher les blocs disponibles et sélectionnez le bloc souhaité.

Puis-je personnaliser les couleurs et les polices dans l'éditeur Gutenberg ?Oui, vous pouvez personnaliser les couleurs et les polices pour chaque bloc individuellement.

Comment créer une galerie dans l'éditeur Gutenberg ?Ajoutez un bloc de galerie et choisissez les images de votre bibliothèque de médias.

Comment puis-je ajouter un lien à un bouton ?Sélectionnez le bloc de bouton et entrez l'URL dans le champ de lien.

Que dois-je prendre en compte lors de l'insertion d'images ?Veillez à optimiser la taille des images pour ne pas affecter la vitesse de chargement de votre site web.