Gutenberg est l'éditeur de bloc officiel fourni par WordPress, et vise à améliorer la qualité du contenu de WordPress en s'appuyant sur l'éditeur de blocs de WordPress.blocspour simplifier la création de contenu et la conception des pages. Que vous soyez un novice ou un développeur web expérimenté, Gutenberg peut vous aider à construire rapidement un site web puissant et visuellement attrayant. Voici un guide détaillé sur la fa?on de créer un site web WordPress efficace avec Gutenberg.

Qu'est-ce que Gutenberg ?

Gutenberg est l'éditeur par défaut de WordPress qui a révolutionné la fa?on dont les sites web sont con?us et édités en divisant le contenu en blocs distincts. Il ne se limite pas à la rédaction d'articles, mais offre égalementédition complète du site (FSE)Vous pouvez personnaliser différentes parties de votre site web WordPress, notammentmodèleetpied de pagerépondre en chantantpieds de page.

Les points forts de Gutenberg :

• Conception modulaire : Chaque élément de contenu est un bloc distinct, ce qui facilite la gestion et l'ajustement.
• Visualisation des opérations : Bénéficiez d'une expérience d'édition WYSIWYG sans avoir à coder.
• Des options de blocs riches : Fournit une variété de blocs de contenu tels que des titres, des paragraphes, des images, des boutons et plus encore.
• évolutif : Prise en charge de l'ajout de blocs et de fonctionnalités personnalisés via des plugins.

6 étapes pour créer un site web WordPress avec Gutenberg

1. la sélection Hébergement WordPressPlanifier et installer WordPress

Avant de créer un site web, vous devez choisir un plan d'hébergement WordPress adapté à vos besoins. Voici les étapes à suivre :

• Recherchez et choisissez un service d'hébergement adapté à votre budget et aux besoins de votre site web.
• Créez un compte d'hébergement et définissez les identifiants de connexion à WordPress.
• Installation rapide en un clic avec les services hébergésInstallation de WordPress.

Une fois l'installation terminée, vous pourrez accéder à vos données par l'intermédiaire de l'applicationtableaux de bordAccédez à l'éditeur Gutenberg.

2) Choisissez un thème de bloc compatible avec Gutenberg.

thème du blocParfait pour profiter pleinement des fonctionnalités de l'éditeur Gutenberg. Ces thèmes offrent une multitude d'options de personnalisation pour peaufiner la mise en page et le style de votre site web.

Comment choisir un thème de bloc :

1. Accédez au catalogue des thèmes : Allez dans le tableau de bord de WordPress et cliquez sur Apparence → Thèmes → Ajouter un nouveau thème.

2. Parcourez les thèmes des blocs : Dans le catalogue des sujets, sélectionnez le fichier intitulé "thème du blocL'option ".

3. Vérifiez la compatibilité : Assurez-vous que le thème fonctionne avec la dernière version de WordPress et l'éditeur Gutenberg !la compatibilité.
4. Choisissez un thème très flexible : Choisissez un thème qui offre de multiples variations de style et options de personnalisation.

En choisissant le bon thème de bloc, vous pouvez créer un site web visuellement époustouflant et réactif.

3) Personnaliser votre site web avec l'éditeur de site web Gutenberg.

Styles globaux personnalisés

Les styles globaux sont utilisés pour normaliser les éléments de conception d'un site web et comprennentPolices de caractères, jeux de couleurs et espacement. Voici les étapes exactes :

1. Allez dans le tableau de bord et cliquez sur Apparence → éditeur.

2. Cliquez sur "Style" pour accéder aux paramètres globaux de style.

3. Modifiez la taille de la police, la couleur, l'arrière-plan, les marges et d'autres paramètres.

4. Utilisez la fonction de prévisualisation en direct pour voir l'effet du réglage.

5. Enregistrez les modifications et appliquez-les à l'ensemble du site.

Section personnalisée du modèle

Section du modèle(tels que les en-têtes et les pieds de page) constituent une partie importante de la mise en page du site. Ces sections peuvent être personnalisées en suivant les étapes ci-dessous :

1. existentéditeurRechercher "modèle"et sélectionnez "Ajouter un nouveau modèle".

2. Nommez la section du modèle, par exemple "pied de page"ou"pieds de page"pour faciliter l'identification et la gestion.
3. Ajoutez les éléments nécessaires (par exemple, des menus de navigation, des ic?nes sociales).

4. Utilisez l'éditeur de blocs pour ajuster le style et la mise en page.

5. Enregistrez la section du modèle pour la réutiliser.

En personnalisant la section des modèles, vous pouvez vous assurer que la mise en page de votre site web est cohérente avec votre image de marque.

4. création de pages

Créez des pages avec Gutenberg (par exemple "A propos de nous","blog (mot d'emprunt)"ou"Contactez nous") est très simple.

Etapes de la création d'une page :

1. Dans le tableau de bord, cliquez surpage web → Ajouter une nouvelle page.

2. Choisissez un modèle adapté à l'objectif de la page.

3. Utilisez l'outil d'insertion de blocs pour ajouter les blocs de contenu souhaités.

4. Ajustez l'ordre et le style des blocs.
5. Utilisez la bibliothèque de modèles pour créer rapidement des pages avec des mises en page complexes.

Grace à ces actions, il est facile de créer des pages bien structurées et puissantes.

5. écrire des billets

Gutenberg est facile dans la création d'articles de blog. Voici les étapes à suivre :

1. frappe (sur le clavier)carte → Ajouter un nouveau message.
2. Choisissez un modèle pour l'article de blog.

3. Rédigez le contenu en utilisant des blocs de titres, des blocs de paragraphes et des blocs d'images.

4. Ajoutez un bloc de requête en boucle pour afficher automatiquement les derniers messages.

5. Sauvegardez et publiez l'article.

Avec Gutenberg, il est possible de concevoir des mises en page d'articles de blog attrayantes et d'augmenter l'engagement des lecteurs.

6. l'installation de plug-ins pour étendre les fonctionnalités

Afin d'améliorer la fonctionnalité du site web, divers plugins peuvent être installés, par exemple :

• RéFéRENCEMENT Plug-ins : comme si Yoast SEO peut-être Rang Math(math.) genreAméliorer le classement dans les moteurs de recherche.
• Plugin de cache : comme si WP Rocketce qui augmente la vitesse de chargement.
• Plugin de sécurité : comme si Wordfenceet de renforcer la sécurité du site.
• Plug-ins de conception : comme si Blocs KadenceEn outre, vous pouvez ajouter davantage d'options de conception à Gutenberg.

Ces plugins étendent les fonctionnalités de Gutenberg pour rendre le site plus compétitif.

Conseils utiles pour l'utilisation de Gutenberg

1. l'accès au référentiel des modèles

La bibliothèque de motifs propose des combinaisons de blocs précon?ues qui peuvent vous aider à créer rapidement des mises en page complexes. Exemple :

• Utiliser"Modèle Zone of Heroes"Créer un haut de page qui attire les utilisateurs.
• Utiliser"Modèle de formulaire de contact"Formulaires d'ajout rapide".

2. enregistrer les blocs en tant que modèles réutilisables

Les combinaisons de blocs couramment utilisées (telles que les en-têtes ou les sections de recommandation) peuvent être enregistrées en tant que modèles réutilisables, ce qui permet de gagner du temps lors des éditions ultérieures.

3. Page d'optimisationVitesse de chargement

• Compressez l'image et utilisez la fonction Format WebP.
• Activer le cachePlug-ins.
• Utiliser un CDN(Réseau de distribution de contenu).

Questions fréquemment posées

Quelle est la différence entre le constructeur de pages WordPress et Gutenberg ?

Gutenberg est une fonctionnalité intégrée à WordPresséditeur gratuitet les constructeurs de pages tels que Elementor) Il est souvent nécessaire d'installer des modules d'extension qui offrent des fonctionnalités plus avancées.

Puis-je ajouter des modèles personnalisés à l'aide de Gutenberg ?

Oui.possibleCréez et personnalisez des modèles à l'aide de l'éditeur de blocs, puis appliquez-les à plusieurs pages.

Le changement de thème aura-t-il une incidence sur mon site ?

Le changement de thème peutVeillez àIl affecte vos anciens paramètres de mise en page, il est donc recommandé de sauvegarder les données de votre site web avant de changer de thème.

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.