le projet gutenberg · wordpress 4.9.6 intégration d’un bouton «essayez gutenberg » dans...

LE PROJET GUTENBERG

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 !

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…

LES DIFFÉRENTES FAÇONS DE CRÉER DU CONTENU

AVEC WORDPRESS

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 ?

POURQUOI GUTENBERG ?

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 !

WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier

Pour plus de cohérence et de facilité dans la gestion des contenus

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

WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier

Pour une meilleure sémantique des pages. Et donc une meilleure accessibilité.

WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier

Pour ne pas se faire distancer par la concurrence propriétaire.

WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier

Parce que WordPress ne se repose pas sur ses lauriers.

LE BLOC : LE CONCEPT CLÉ DE GUTENBERG

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

WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier

https://www.youtube.com/watch?v=wxmza8girkI

OÙ EN EST LE PROJET ?

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

COMMENT ANTICIPER LE PASSAGE À GUTENBERG ?

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 !

WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier

Une seule solution : l’expérimentation !

EST-CE QUE GUTENBERG VA CASSER LA MISE EN PAGE DE MES CONTENUS ?

WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier

Je sais pas…

(mais il est fort probable que non)

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

WPinLille #23 – Le projet Gutenberg 25/04/2018 @laurent_naudier

Une seule solution : l’expérimentation !

QUELLES SONT LES ÉVOLUTIONS PRÉVUES ?

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)

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

MERCI DE VOTRE ATTENTION

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/