le projet gutenberg · wordpress 4.9.6 intégration d’un bouton «essayez gutenberg » dans...
TRANSCRIPT
![Page 1: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/1.jpg)
LE PROJET GUTENBERG
![Page 2: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/2.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
DISCLAIMER
✓ Cette présentation n’est pas une présentation technique✓ Elle s’adresse essentiellement aux (futurs) utilisateurs et
gestionnaires de site WordPress✓ Vous ne verrez pas de démo
N’hésitez pas à m’interrompre si vous avez des questions !
![Page 3: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/3.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
QU’EST-CE QUE LE PROJET GUTENBERG ?
Le nouvel éditeur de contenu natif de WordPress, mais pas que…
![Page 4: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/4.jpg)
LES DIFFÉRENTES FAÇONS DE CRÉER DU CONTENU
AVEC WORDPRESS
![Page 5: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/5.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Éditeur de contenu
Méta-boxes
Codes courts
Outil de personnalisation
Bibliothèque de médias
Menus
Widgets
Intégrations
Extensions
C’EST UN PEU LE BORDEL, NON ?
![Page 6: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/6.jpg)
POURQUOI GUTENBERG ?
![Page 7: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/7.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Non, ce n’est pas une conspiration des Illuminati francs-maçons de l’Atlantide travaillant chez Automattic pour compliquer la vie des développeurs !
![Page 8: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/8.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Pour plus de cohérence et de facilité dans la gestion des contenus
![Page 9: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/9.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Pour s’adapter à l’évolution du web et faciliter l’intégration de contenus riches
![Page 10: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/10.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Pour une meilleure sémantique des pages. Et donc une meilleure accessibilité.
![Page 11: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/11.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Pour ne pas se faire distancer par la concurrence propriétaire.
![Page 12: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/12.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Parce que WordPress ne se repose pas sur ses lauriers.
![Page 13: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/13.jpg)
LE BLOC : LE CONCEPT CLÉ DE GUTENBERG
![Page 14: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/14.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Le bloc est la nouvelle unité de base pour créer du contenu dans WordPress.
✓ Il peut avoir du contenu statique ou dynamique
✓ Il peut être conteneur ou contenu
✓ Il peut être édité visuellement pour en faciliter l’usage sans avoir à utiliser la prévisualisation
✓ Il est autonome
![Page 15: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/15.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
https://www.youtube.com/watch?v=wxmza8girkI
![Page 16: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/16.jpg)
OÙ EN EST LE PROJET ?
![Page 17: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/17.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
2016Annonce lors du WC US du lancement d’un travail sur
un nouvel éditeur
2017Première démo lors du WC Europe
Une première version beta sous forme d’extension est disponible
2018
WordPress 4.9.6 intégration d’un bouton « Essayez Gutenberg »
dans WordPress (version beta le 1er mai, version finale le 15 mai)
WordPress 5.0 Intégration de Gutenberg en tant que nouvel
éditeur par défaut (2018)
… mais possibilité de garder l’éditeur actuel
![Page 18: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/18.jpg)
COMMENT ANTICIPER LE PASSAGE À GUTENBERG ?
![Page 19: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/19.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Plusieurs cas de figures :
✓ Alea jacta est : je verrai bien à la sortie de WordPress 5.0 ce qu’il se passe…
✓ Je vais anticiper : j’installe la version beta et je vois ce que ça donne. Cela me laisse le temps de me familiariser
✓ Je suis parano : Gutenberg c’est de la m**** et la version 4.9.6 est tellement bien que je vais la garder toute ma vie !
![Page 20: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/20.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Une seule solution : l’expérimentation !
![Page 21: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/21.jpg)
EST-CE QUE GUTENBERG VA CASSER LA MISE EN PAGE DE MES CONTENUS ?
![Page 22: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/22.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Je sais pas…
(mais il est fort probable que non)
![Page 23: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/23.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
✓ Si votre thème est récent, il est fort probable que non
✓ Si vous utilisez des outils comme Elementor, Divi ou Visual Composer, il est fort probable que non
✓ Si vous utilisez des méta-boxes générée avec des plugins comme ACF, il est fort probable que non
✓ Si vous n’utilisez rien de tout ça, il est fort probable que non
✓ Si vous utilisez l’éditeur de base avec beaucoup de codes courts maison, c’est possible que vous ayez à convertir vos codes courts en bloc Gutenberg manuellement
![Page 24: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/24.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
Une seule solution : l’expérimentation !
![Page 25: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/25.jpg)
QUELLES SONT LES ÉVOLUTIONS PRÉVUES ?
![Page 26: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/26.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
L’intégration du concept de blocs dans WordPress va se faire en trois étapes :
✓ Intégration dans l’éditeur de contenu (content builder)✓ Utilisation des blocs pour gérer la structure des pages (page builder)✓ Utilisation des blocs pour construire intégralement son site (site builder)
![Page 27: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/27.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
POUR ALLER PLUS LOIN
En Français :https://fr.wordpress.org/gutenberg/https://riad.blog/2018/03/09/mon-premier-wordcamp-en-tant-que-speaker/https://www.whodunit.fr/maintenance-sites-wordpress-comment-preparer-la-mise-a-jour-vers-gutenberg/https://wpfr.net/wordpress-gutenberg/https://fr.wordpress.org/plugins/gutenberg
En anglais : https://gutenbergtimes.com/https://gutenbergtimes.com/known-conflicts-with-gutenberg/https://github.com/WordPress/gutenberghttps://github.com/WordPress/gutenberg/tree/master/core-blocks
![Page 28: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/28.jpg)
MERCI DE VOTRE ATTENTION
![Page 29: LE PROJET GUTENBERG · WordPress 4.9.6 intégration d’un bouton «Essayez Gutenberg » dans WordPress (version beta le 1er mai, version finale le 15 mai) WordPress 5.0 Intégration](https://reader036.vdocuments.site/reader036/viewer/2022071011/5fc9fa843fc84c7b524817f7/html5/thumbnails/29.jpg)
WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier
CRÉDITS
Photos https://www.flickr.com/photos/100739735@N06/36334356016/https://www.flickr.com/photos/skynoir/8636560441https://www.flickr.com/photos/dougww/502792940/
Pictogrammes https://thenounproject.com/