CATALOGUE Code & Data Formation WordPress WordPress - Personnaliser son site avec Gutenberg et Twenty Nineteen

Améliorez votre Mise en Page avec Gutenberg

Retour à la formation
Chapitre 1 Leçon 7
Précédent
Suivant

Comparez l'utilisation des shortcodes et des blocs Gutenberg pour créer des mises en page en WordPress. Apprenez à insérer des liens et à maintenir un code propre pour un meilleur SEO.

Détails de la leçon

Description de la leçon

Cette leçon vous guide à travers les différences entre l'utilisation des outils de mise en page basés sur les shortcodes et l'éditeur de blocs Gutenberg. Initialement, des outils permettant la mise en page avec des shortcodes pouvaient laisser des résidus de code après désactivation, rendant le site moins propre et moins accessible.


Avec Gutenberg, nous explorons comment insérer facilement des blocs et des liens, maintenir une mise en page propre même après la désactivation des extensions, et améliorer le référencement naturel grâce à un code HTML plus clair. Un point clé est la possibilité d'utiliser la fonctionnalité slash (/) pour accéder rapidement aux blocs désirés, comme l'insertion de boutons et de liens.


La vidéo démontre également comment désactiver Gutenberg et observer que malgré la perte de la mise en page initiale, les liens et autres éléments essentiels restent accessibles sans code erroné apparent. À l'inverse, la désactivation des shortcodes laisse des fragments de code inutilisables, ce qui complique la navigation des utilisateurs.


Adopter Gutenberg encourage un code propre, essentiel pour un bon référencement SEO et une expérience utilisateur fiable. Pour les sites nécessitant une refonte sans utiliser des shortcodes, cette leçon est cruciale pour maintenir une continuité et une performance optimales.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de:


  • Comparer les impacts des shortcodes et de Gutenberg sur la mise en page.
  • Illustrer la propreté du code généré par Gutenberg.
  • Montrer l'importance d'un code propre pour le SEO.
  • Expliquer comment insérer des liens et des blocs avec Gutenberg.
  • Démontrer les avantages de la désactivation de Gutenberg par rapport aux outils basés sur des shortcodes.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est préférable d'avoir:


  • Des connaissances de base en WordPress.
  • Une compréhension du fonctionnement des shortcodes et des blocs Gutenberg.
  • Une volonté d'améliorer le référencement et la propreté du code de leur site.

Métiers concernés

Les professionnels potentiellement concernés par ce sujet incluent les développeurs web, les créateurs de contenu digital, les consultants SEO, et les gestionnaires de sites web cherchant à optimiser la performance et l'efficacité de leurs pages WordPress.

Alternatives et ressources

Quelques alternatives à Gutenberg ou aux shortcodes en matière de mise en page WordPress incluent Elementor, Beaver Builder, Divi et WPBakery Page Builder. Chacun offre des avantages spécifiques en termes de flexibilité et de personnalisation.

Questions & Réponses

Gutenberg propose un code HTML plus propre, améliore l'accessibilité et conserve les éléments essentiels de la page même après désactivation, contrairement aux shortcodes qui laissent des fragments de code inutilisables.
La désactivation de Gutenberg entraîne la perte de la mise en page sophistiquée mais conserve les liens et autres éléments essentiels en état fonctionnel, ce qui n'est pas le cas avec les shortcodes.
Un code propre est crucial pour un bon référencement SEO, facilite la maintenance du site et améliore l'accessibilité, offrant une expérience utilisateur uniforme et de qualité.