Démarrer avec l'éditeur Gutenberg de WordPress : apprendre à partir de zéro

Éditeur GutenbergC'est l'éditeur de contenu par défaut depuis la version 5.0 de WordPress et il a révolutionné l'expérience d'édition traditionnelle. Cet article vous emmène dans une visite complète de cet éditeur de blocs moderne, en partant de zéro.

I. Introduction à l'éditeur Gutenberg

L'éditeur Gutenberg utilise le concept de "blocs" pour construire le contenu, remplaçant la traditionnelle boîte d'édition de texte unique. Cette approche modulaire rend la création de contenu plus intuitive et plus flexible.

Caractéristiques principales :

• Edition visuelle des blocs
• Aperçu du contenu en temps réel
• Des options typographiques plus riches
• Soutien à la conception adaptée
• Système de blocs évolutif

II. aperçu de l'interface de l'éditeur

Barre d'outils supérieure: :

• Navigation par blocs
• Annuler/Refaire
• Vérification de la structure du contenu

barre latérale droite: :

• Paramètres du document (statut de publication, classification, etc.)
• Paramètres du bloc (options détaillées pour le bloc sélectionné)

principale zone éditoriale: :

Cliquez sur le bouton d'ajout de bloc (+)

• Zone d'affichage du bloc de contenu
• modèle
• les médias, en particulier les médias d'information

III. lignes directrices de base

1. ajouter un nouveau bloc de contenu

Le sélecteur de blocs apparaît lorsque vous créez une nouvelle ligne en cliquant sur le bouton "+" dans le coin supérieur gauche de la zone d'édition ou en appuyant directement sur la touche Entrée. Les blocs couramment utilisés sont les suivants :

• Paragraphes (texte normal)
• Titre (H1-H6)
• photographie
• listes
• citation
• tabulaire

2. éditer le contenu des blocs

Après avoir sélectionné un bloc :

• Le contenu peut être saisi ou modifié directement
• Ajustement de la mise en forme à l'aide de la barre d'outils du bloc
• Paramètres détaillés dans la barre latérale droite

3. réorganisation des blocs

Lorsque la souris clique sur le bloc, des flèches vers le haut et vers le bas apparaissent, cliquez pour déplacer la position du bloc. Vous pouvez également faire glisser et déposer les blocs directement.

IV. détail des blocs couramment utilisés

1. blocs de paragraphes

Bloc de texte de base, support :

• Mise en forme du texte (gras, italique, etc.)
• Ajout d'un lien
• Couleur du texte et couleur d'arrière-plan

2. blocs d'images

Le téléchargement ou la sélection d'images dans la médiathèque peut se faire après :

• Réglage de l'alignement
• Ajouter un lien
• culture
• Images de remplacement

3. colonnes

Créer une mise en page à plusieurs colonnes :

• Choix de 6 mises en page
• Chaque colonne peut contenir un contenu différent
• Prise en charge des ajustements réactifs

V. Conseils pratiques

• Touche de raccourci (ordinateur): :

• Ctrl+Shift+D : Copier le bloc
• Alt+Shift+Z : Annuler

• bloc réutilisable: :
  Les combinaisons de blocs fréquemment utilisées peuvent être sauvegardées en tant que modèles pour une réutilisation aisée.
• Alignement en largeur et en profondeur: :
  Certains blocs permettent de s'affranchir des limites de largeur du contenu pour créer des mises en page plus riches.

VI. questions fréquemment posées

Q : Comment revenir à l'éditeur classique ?
R : Vous pouvez installer "Éditeur classique"ou via "Options" sur la page d'édition de l'article.

Q : Gutenberg affecte-t-il la vitesse du site web ?
R : La nouvelle version de Gutenberg est optimisée pour un impact minimal sur les performances. Les blocs inutiles peuvent être désactivés en cas de décalage.

Q : Comment puis-je augmenter le nombre de blocs ?
R : Cela peut se faire en installant un plugin de blocage tel que "Blocs Kadence"pour obtenir des blocs plus spécialisés.

rendre un verdict

L'éditeur Gutenberg représente l'avenir de WordPress. S'il faut un peu de temps pour s'y habituer au départ, une fois maîtrisé, il permet d'améliorer considérablement l'efficacité de la création de contenu et sa présentation. Il est conseillé aux débutants de commencer à s'entraîner avec les blocs de base et d'explorer progressivement les fonctionnalités avancées.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨询：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.