SlideShare une entreprise Scribd logo
Gutenberg
Wordpress 5
Gutenberg
Gutenberg principale nouveauté de Wordpress 5, est un éditeur de contenu qui
remplace TinyMCE, un petit Page Builder, ou constructeur de page comme Divi,
Visual Composer, Avada… plus simple mais extensible avec des blocs communs.
Gutenberg a pour objectif de se transformer en un véritable constructeur de site.
Faire de WordPress une alternative OpenSource (avec des modules payants) à
des concurrents comme Wix ou SquareSpace.
Gutenberg
Un système de blocs
Comme un constructeur de pages,
Gutenberg propose à la place de l’éditeur
de texte classique, un ensemble de blocs.
Des plugins vont permettra d’ajouter d’autres
blocs, comme des maps Google, des sliders
animés, des blocs de textes avec plus
d’options.
Gutenberg
Tous les thèmes ne sont pas compatibles ou optimisés pour Gutenberg. Il est possible
d’être dans WordPress 5 et d’activer l’éditeur classique tinyMCE, avec le plugin Classic
Editor.
Celui-ci propose deux modes :
- Désactivation complète de
Gutenberg.
- Gutenberg activé par défaut
mais possibilité de le
désactiver au cas par cas.
Gutenberg
Avec Wordpress 5, le nouveau thème Twenty Nineteen est activé par défaut. Ce thème
est optimisé pour Gutenberg, contrairement à ces prédécesseurs comme Twenty
Eighteen, d’autres thèmes gratuits sont proposés dans WordPress et des thèmes
payants sont disponibles sur les plateformes de vente de thèmes Wordpress ou les sites
des éditeurs.
Twenty Nineteen
Pour afficher une image en bichromie en
entête de page, il faut la mettre comme
« image mise en avant » dans la page.
Pour activer les icônes des réseaux sociaux,
il faut nommer ses liens de menu
« facebook », « twitter »,etc… ils seront
remplacés par les icônes.
Gutenberg
Et Divi ?
Il est possible d’utiliser le thème DIVI, et de concevoir ses pages alternativement avec
DIVI ou Gutenberg.
- Si on construit une page avec Gutenberg et qu’on active DIVI sur cette page, la
mise en forme est conservée. La page passe dans un module texte DIVI, certains
blocs deviennent difficilement modifiables..
- Si on construit une page avec DIVI et qu’on l’édite avec Gutenberg, on perd la
mise en forme et il est alors compliqué de récupérer ses contenus.
Il devient possible d’éditer une page avec le Visual Builder mais impossible d’accéder à
mes blocs depuis l’admin Wordpress.
Il est possible depuis l’admin Wordpress de changer des options comme la page
parente et d’enregistrer sans perdre la mise en forme de DIVI.
Si on veut utiliser DIVI comme avant WordPress 5, on peut charger et activer le plugin
Classic Editor. Mais tout ça risque de changer avec les prochaines versions.

Contenu connexe

Plus de Chris Gaillard

Réseaux -sociaux 2023
Réseaux -sociaux 2023Réseaux -sociaux 2023
Réseaux -sociaux 2023
Chris Gaillard
 
SEO Référencement
SEO RéférencementSEO Référencement
SEO Référencement
Chris Gaillard
 
Cours Images
Cours ImagesCours Images
Cours Images
Chris Gaillard
 
Présentation et historique
Présentation et historiquePrésentation et historique
Présentation et historique
Chris Gaillard
 
WordPress
WordPressWordPress
WordPress
Chris Gaillard
 
Accessibilité web
Accessibilité webAccessibilité web
Accessibilité web
Chris Gaillard
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
Chris Gaillard
 
Migrer un site Wordpress
Migrer un site Wordpress Migrer un site Wordpress
Migrer un site Wordpress
Chris Gaillard
 
RGPD
RGPDRGPD
Ergonomie
ErgonomieErgonomie
Ergonomie
Chris Gaillard
 
Règles typo
Règles typoRègles typo
Règles typo
Chris Gaillard
 
Newsletter et publipostage
Newsletter et publipostageNewsletter et publipostage
Newsletter et publipostage
Chris Gaillard
 
Introduction à Wordpress
Introduction à WordpressIntroduction à Wordpress
Introduction à Wordpress
Chris Gaillard
 

Plus de Chris Gaillard (14)

Réseaux -sociaux 2023
Réseaux -sociaux 2023Réseaux -sociaux 2023
Réseaux -sociaux 2023
 
SEO Référencement
SEO RéférencementSEO Référencement
SEO Référencement
 
Cours Images
Cours ImagesCours Images
Cours Images
 
Présentation et historique
Présentation et historiquePrésentation et historique
Présentation et historique
 
WordPress
WordPressWordPress
WordPress
 
Cms
CmsCms
Cms
 
Accessibilité web
Accessibilité webAccessibilité web
Accessibilité web
 
Les étapes de création d'un site web
Les étapes de création d'un site webLes étapes de création d'un site web
Les étapes de création d'un site web
 
Migrer un site Wordpress
Migrer un site Wordpress Migrer un site Wordpress
Migrer un site Wordpress
 
RGPD
RGPDRGPD
RGPD
 
Ergonomie
ErgonomieErgonomie
Ergonomie
 
Règles typo
Règles typoRègles typo
Règles typo
 
Newsletter et publipostage
Newsletter et publipostageNewsletter et publipostage
Newsletter et publipostage
 
Introduction à Wordpress
Introduction à WordpressIntroduction à Wordpress
Introduction à Wordpress
 

Gutenberg - WordPress 5

  • 2. Gutenberg Gutenberg principale nouveauté de Wordpress 5, est un éditeur de contenu qui remplace TinyMCE, un petit Page Builder, ou constructeur de page comme Divi, Visual Composer, Avada… plus simple mais extensible avec des blocs communs. Gutenberg a pour objectif de se transformer en un véritable constructeur de site. Faire de WordPress une alternative OpenSource (avec des modules payants) à des concurrents comme Wix ou SquareSpace.
  • 3. Gutenberg Un système de blocs Comme un constructeur de pages, Gutenberg propose à la place de l’éditeur de texte classique, un ensemble de blocs. Des plugins vont permettra d’ajouter d’autres blocs, comme des maps Google, des sliders animés, des blocs de textes avec plus d’options.
  • 4. Gutenberg Tous les thèmes ne sont pas compatibles ou optimisés pour Gutenberg. Il est possible d’être dans WordPress 5 et d’activer l’éditeur classique tinyMCE, avec le plugin Classic Editor. Celui-ci propose deux modes : - Désactivation complète de Gutenberg. - Gutenberg activé par défaut mais possibilité de le désactiver au cas par cas.
  • 5. Gutenberg Avec Wordpress 5, le nouveau thème Twenty Nineteen est activé par défaut. Ce thème est optimisé pour Gutenberg, contrairement à ces prédécesseurs comme Twenty Eighteen, d’autres thèmes gratuits sont proposés dans WordPress et des thèmes payants sont disponibles sur les plateformes de vente de thèmes Wordpress ou les sites des éditeurs. Twenty Nineteen Pour afficher une image en bichromie en entête de page, il faut la mettre comme « image mise en avant » dans la page. Pour activer les icônes des réseaux sociaux, il faut nommer ses liens de menu « facebook », « twitter »,etc… ils seront remplacés par les icônes.
  • 6. Gutenberg Et Divi ? Il est possible d’utiliser le thème DIVI, et de concevoir ses pages alternativement avec DIVI ou Gutenberg. - Si on construit une page avec Gutenberg et qu’on active DIVI sur cette page, la mise en forme est conservée. La page passe dans un module texte DIVI, certains blocs deviennent difficilement modifiables.. - Si on construit une page avec DIVI et qu’on l’édite avec Gutenberg, on perd la mise en forme et il est alors compliqué de récupérer ses contenus. Il devient possible d’éditer une page avec le Visual Builder mais impossible d’accéder à mes blocs depuis l’admin Wordpress. Il est possible depuis l’admin Wordpress de changer des options comme la page parente et d’enregistrer sans perdre la mise en forme de DIVI. Si on veut utiliser DIVI comme avant WordPress 5, on peut charger et activer le plugin Classic Editor. Mais tout ça risque de changer avec les prochaines versions.