Introduction et Comparaison avec les Shortcodes
Objectifs
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.
Résumé
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.
Description
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.
Questions fréquentes
Programme détaillé
Module 1 - Introduction à Gutenberg
Module 2 - Introduction au thème Twenty Nineteen
Module 3 - Présentation de l'éditeur Gutenberg
Module 4 - Création de la structure du site
Module 5 - Création des pages
Module 6 - Conclusion
WP qui restait en base une usine à gaz, loin derrière iWeb®, RapideWeaver®, Muse® ou Svija®.
Là, avec cette formation et Gutenberg, les Graphistes orientés P.A.O. (Illustrator®, InDesign®, Pages®…) peuvent plus facilement mettre en page, et surtout sans code, et ce, plus dans l'esprit de leur quotidien, même si WP reste limité.