Gutenberg, Le futur de la création de contenu dans WordPress

Riad Benguella
Riad BenguellaWeb Developer at home
Le futur de la création de contenu dans WordPress
Hi I’m Riad
@riadbenguella
wp.org @youknowriad
https://riad.blog
AUJOURD’HUI, COMMENT ON
CRÉE DU CONTENU?
ON UTILISE
L’ÉDITEUR
ON UTILISE DES
META-BOXES
ON UTILISE DES
SHORTCODES
ON UTILISE DES
EMBEDS
ON UTILISE LE
CUSTOMIZER
ON UTILISE DES
WIDGETS
ON CRÉE DES
MENUS
POURQUOI GUTENBERG ALORS?
COHÉRENCE
Vous devez jonglez avec différents écrans et concepts
DÉCOUVRABILITÉ
Accès unique aux blocs (inserter)
ADAPTABILITÉ
L’outil doit s’adapter à l’évolution du web.
Design de contenu riche et structuré.
SÉMANTIQUE
Donner du sens au contenu. A11y
NOUVELLE CONCURRENCE
Innovante mais propriétaire
BIENVENUE À L’ÈRE DES BLOCS
QU’EST CE QU’UN BLOC?
➤ L’unité de base pour créer du contenu dans WordPress
➤ Le contenu peut être statique ou dynamique
➤ Structuré ou pas
➤ Conteneur ou contenu
➤ Édition visuelle
➤ Agnostique au contexte
➤ Fournit les styles de base (unopiniated)
TROIS ÉTAPES
1. Post Editor
2. Page Builder
3. Site Builder
Démo
Pour qui?
POUR LE CRÉATEUR DE CONTENU
Création de contenu riche et accessible facilitée
POUR LES AGENCES
Plus de contrôle sur le contenu produit grâce aux blocks et
templates
POUR LES CRÉATEURS DE
THÈMES
Des thèmes plus simples centrés sur la présentation
POUR LES DÉVELOPPEURS DE
PLUGINS
Une API principale pour étendre WordPress en profondeur
POUR LES DÉVELOPPEURS CORE
Des technologies modernes et une DevX améliorée
POUR LES HÉBERGEURS
Plus d’opportunités
PRÉCISIONS
➤ Tous les thèmes sont compatibles par défaut
➤ Vous pourrez désactiver Gutenberg grâce à un plugin
➤ Gutenberg supporte les meta boxes
➤ ACF est compatible avec Gutenberg
➤ Gutenberg sera l’éditeur par défaut de tous les CPT
➤ Gutenberg Supporte les shortcodes
➤ L’accessibilité est importante dans Gutenberg
➤ Gutenberg ne remplace pas TinyMCE, il l’utilise
Préparez vous
Installer, tester, anticiper, créer des blocs et remonter les problèmes
QUELQUES LIENS
➤ En savoir plus http://wordpress.org/gutenberg/
➤ Documentation https://wordpress.org/gutenberg/handbook/
➤ Le plugin https://wordpress.org/plugins/gutenberg/
➤ Le repository https://github.com/wordpress/gutenberg/
➤ Gutenberg Custom Fields https://wordpress.org/plugins/gutenberg-custom-fields/
➤ Le slack https://chat.wordpress.org (channel #core-editor, Le mercredi à 15h)
Avril/Mai 2018
1 of 31

Recommended

Jquery Mobile vs Twitter Bootstrap by
Jquery Mobile vs Twitter BootstrapJquery Mobile vs Twitter Bootstrap
Jquery Mobile vs Twitter BootstrapODC Orange Developer Center
3.7K views24 slides
Livre Drupal avance by
Livre Drupal avanceLivre Drupal avance
Livre Drupal avanceChristophe Villeneuve
2K views22 slides
Redgrove Presentation 2009 Fr by
Redgrove Presentation 2009 FrRedgrove Presentation 2009 Fr
Redgrove Presentation 2009 FrRed Grove
239 views21 slides
Drupal avancé, un CMS pour développeurs - drupalfr - Eyrolles by
Drupal avancé, un CMS pour développeurs - drupalfr - EyrollesDrupal avancé, un CMS pour développeurs - drupalfr - Eyrolles
Drupal avancé, un CMS pour développeurs - drupalfr - EyrollesChristophe Villeneuve
2.1K views43 slides
Presentation wc by
Presentation wcPresentation wc
Presentation wcEmilie LEBRUN
7.9K views41 slides
Wordpress notes de cours by
Wordpress notes de coursWordpress notes de cours
Wordpress notes de coursmichel.titeux
8.1K views35 slides

More Related Content

Similar to Gutenberg, Le futur de la création de contenu dans WordPress

WP day Algérie : Concevoir un plugin WordPress by
WP day Algérie : Concevoir un plugin WordPressWP day Algérie : Concevoir un plugin WordPress
WP day Algérie : Concevoir un plugin WordPressimath
1.4K views41 slides
Développer son site internet et optimiser son référencement by
Développer son site internet et optimiser son référencementDévelopper son site internet et optimiser son référencement
Développer son site internet et optimiser son référencementYoann Kassi-Vivier
1.8K views73 slides
Accessibilité numérique : comment la prendre en compte dans vos projets WordP... by
Accessibilité numérique : comment la prendre en compte dans vos projets WordP...Accessibilité numérique : comment la prendre en compte dans vos projets WordP...
Accessibilité numérique : comment la prendre en compte dans vos projets WordP...Claire Bizingre
1.1K views19 slides
Webdesign by
WebdesignWebdesign
WebdesignChris Gaillard
162 views19 slides
Livre blanc : Le succès de WordPress by
Livre blanc : Le succès de WordPressLivre blanc : Le succès de WordPress
Livre blanc : Le succès de WordPressEmilie LEBRUN
2.4K views60 slides
De 0 à 100 sur Drupal avec Acquia by
De 0 à 100 sur Drupal avec Acquia De 0 à 100 sur Drupal avec Acquia
De 0 à 100 sur Drupal avec Acquia Cyril Reinhard
2K views63 slides

Similar to Gutenberg, Le futur de la création de contenu dans WordPress(14)

WP day Algérie : Concevoir un plugin WordPress by imath
WP day Algérie : Concevoir un plugin WordPressWP day Algérie : Concevoir un plugin WordPress
WP day Algérie : Concevoir un plugin WordPress
imath 1.4K views
Développer son site internet et optimiser son référencement by Yoann Kassi-Vivier
Développer son site internet et optimiser son référencementDévelopper son site internet et optimiser son référencement
Développer son site internet et optimiser son référencement
Yoann Kassi-Vivier1.8K views
Accessibilité numérique : comment la prendre en compte dans vos projets WordP... by Claire Bizingre
Accessibilité numérique : comment la prendre en compte dans vos projets WordP...Accessibilité numérique : comment la prendre en compte dans vos projets WordP...
Accessibilité numérique : comment la prendre en compte dans vos projets WordP...
Claire Bizingre1.1K views
Livre blanc : Le succès de WordPress by Emilie LEBRUN
Livre blanc : Le succès de WordPressLivre blanc : Le succès de WordPress
Livre blanc : Le succès de WordPress
Emilie LEBRUN2.4K views
De 0 à 100 sur Drupal avec Acquia by Cyril Reinhard
De 0 à 100 sur Drupal avec Acquia De 0 à 100 sur Drupal avec Acquia
De 0 à 100 sur Drupal avec Acquia
Cyril Reinhard2K views
Sujets PFE 2019 - Advyteam by Advyteam
Sujets PFE 2019 - AdvyteamSujets PFE 2019 - Advyteam
Sujets PFE 2019 - Advyteam
Advyteam1.4K views
Alter way-wordcamp-paris-2014 by ALTER WAY
Alter way-wordcamp-paris-2014Alter way-wordcamp-paris-2014
Alter way-wordcamp-paris-2014
ALTER WAY2.2K views
Formation : Techniques de rédaction web - Hack/Hackers Dakar by Mountaga CISSE
Formation : Techniques de rédaction web - Hack/Hackers DakarFormation : Techniques de rédaction web - Hack/Hackers Dakar
Formation : Techniques de rédaction web - Hack/Hackers Dakar
Mountaga CISSE471 views
Accessiblite Web, Idées reçues, enjeux, implications et bénéfices by Etienne Samson
Accessiblite Web, Idées reçues, enjeux, implications et bénéficesAccessiblite Web, Idées reçues, enjeux, implications et bénéfices
Accessiblite Web, Idées reçues, enjeux, implications et bénéfices
Etienne Samson944 views
La gestion de projets nouveaux médias by Benjamin Hoguet
La gestion de projets nouveaux médiasLa gestion de projets nouveaux médias
La gestion de projets nouveaux médias
Benjamin Hoguet1.1K views

Gutenberg, Le futur de la création de contenu dans WordPress