WordPress : 20 ans d’histoire

à partir du pad préparé pour le rdv VdL du 25/11/22… Revoir l’histoire de l’outil WP parmi les autres géants du web permet de cerner un peu les récentes évolutions de son interface.

---

légende

année
version : numéro

• principales fonctionnalité du logiciel à cette étape
• ??? je n’ai pas forcément bien compris ce dont il est question

info sur l’écosystème WordPress

info sur le web en général

évolution Gutenberg et les blocs basiques

---

Sommaire

• 2003 – 2008 : Conquête et DIY
• 2009 – 2013: Solution Professionnelle
• 2014 – 2018 : fin de la Simplicité
• 2018: Gutenberg & au-delà… 2023
• Conclusion

---

préambule

rappels histoire du web
1984 : conférences TED
1990 : 1er site web (HTTP et HTML),
1994 : PHP,
Yahoo, Amazon (librairie en ligne), Netscape
premiers cookies, premières bannières publicitaires,
1995 : Internet Explorer,
1998 : création de Google,
2000 : première bulle internet (crash boursier),
2001 : Wikipédia
2003 : WordPress

WordPress est né du désir d’avoir un système personnel de publication élégant, bien architecturé, construit en PHP et MySQL et sous licence GPL.

citation doc officielle

2003 – 2008:
Conquête et DIY

Le web de l’époque se veut / se vend comme un territoire, un espace (d’expression et de libertés). Naviguer, Explorer… Le vocabulaire autour des nouveaux usages est très lié à cet imaginaire.

WordPress se présente dès le début comme une solution simple à prendre en main pour permettre à chacun de créer son blog et de partager ses réflexions avec le monde entier.

mai 2003 : début WordPress Version 0.7,
transition à partir du logiciel fr b2/cafelog qui compte alors 2000 utilisateurs.
développé par Matt Wullenweg, Ryan Boren et Donncha O Caoimh

2004 :
version 1.0 Miles Davis

• Prise en compte des moteurs de recherches avec une gestion des URL (permaliens).
• Support des Catégories
• possibilité de migrer un site construit ailleurs (b2, blogger, movable type… )

version 1.2 Charles Mingus

• Chiffrage des mots de passe
• Support des catégories hiérarchiques
• Création automatique de vignettes(à partir d’images externes)
• modération des commentaires
• Possibilité d’Extensions

2004 : theFacebook (réseau social) et Firefox (navigateur)

2005 :
version 1.5 Billy Strayhorn – 10 mois de durée de vie

• apparition des “pages statiques” (en opposition aux articles dynamiques)
• apparition de la gestion des Thèmes (habillages graphiques)
  avec le thème Kubrik proposé par défaut (il le restera jusqu’à la version 3.0 en 2010)
• amélioration de la gestion des commentaires et des spams
• création du répertoire d’extensions ( lien )

Avec cette version, wp = 250 000 blogs hébergés et 150 000 téléchargements

version 2.0 Duke Ellington – 1 an

• introduction d’un éditeur de texte WYSIWYG : intégration de Tiny MCE au coeur de WP
• gestion des médias : upload possible et médiathèque interne
• apparition d’un cache persistant
• nouveaux rôles utilisateurs
• début de l’extension anti-spamm Akismet

2005 : Lancement de Youtube.com

2005 Création de la société Automattic, derrière la plateforme d’hébergment wordpress.com et plus gros contributeur du logiciel wp, d’Akismet… et de plein d’autres!

2006 Organisation du premier WordCamp de l’histoire WP.

2007 :
version 2.1 Ella Fitzgerald

• correcteur orthographique
• sauvegardes automatiques
• refonte de l’interface administration / du back-office / des coulisses

version 2.2 Stan Getz

• optimisation des temps de chargement et d’exécution : fluidité
• introduction des widgets
• corrections de 200 bugs

2007 : un thème WordPress pour le CMS MediaWiki (base de Wikipédia)

version 2.3

• apparition des tags (étiquettes) : novateur
• possibilité de recevoir des notifications mails pour les mises à jours dispo
• correction de failles de sécurité
• améliorations du support pour les développeurs d’extensions

2007 : sortie de l’iPhone

2007 rachat de Gravatar par Automattic

2008 :
version 2.5

• amélioration visuelle de l’interface,
• accent donné aux widgets, API des codes courts

versions 2.6 et 2.7

• refonte (finale) de l’interface admin qui donne la base de ce que l’on connaît encore aujourd’hui
• mise à jour automatique du logiciel

2008 : lancement de Chrome (navigateur Google) et de l’ App Store Apple

2008
création de la communauté francophone WP Fr
rachat de BuddyPress par Automattic

2009 – 2013:
Solution professionnelle

Les plateformes ont pris leur envol, le web est maintenant fait de réseaux sociaux et de communautés. L’exploitation commerciale des données est déjà bien intégrée au modèle des grandes sociétés. La pratique du web s’e professionnalise selon ‘organise autour de différentes spécialités : développement, web-design, rédaction, référencement, etc.

La promesse de WP se tourne un peu plus vers les pro et les ambitieux : créer facilement son site web, sa boutique en ligne, animer son réseau d’abonnés ou de clients… L’écosystème se développe: on peut continuer à tout faire soi-même mais il est désormais plus facile de déléguer certains aspects de son site à des prestataires.

2009 :
version 2.8 Chet Baker

• mise à jour automatique des extensions
• révision des articles
• installeur de thèmes intégré
• amélioration des vitesses de chargement

version 2.9 Carmen McRae

• Global undo : Ctrl Z, édition d’images
• mise à jour en masse des extensions
• prise en charge du format oEmbed (pour partager un aperçu sur les RS)

2009 : le BitCoin (première crypto monnaie)

2010 :
version 3.0 Thelonious – développée en 6 mois par 218 personnes

• custom post type (types de billets personnalisés)
• amélioration du menu
• gestion du multisites (intégration de WPMU au coeur de WP)
• Thème par défaut Twenty-Ten
  
  

2010

essor grandissant du e-commerce wp et 11 496 extensions, 1240 thèmes,
utilisés par 12% des plus gros sites et par 9% de l’ensemble des sites web
la version 3.0 a été téléchargée plus de 16 millions de fois en 2010

2010 : Début du HTML5 le futur du web

• création de la fondation WordPress, qui gère la marque et le logo
• lancement de l’application Android WordPress, pour publier depuis son tel.

2011 :
version 3.1 Reinhardt
apparition de la barre d’aministration

version 3.2 Gershwin

• amélioration barre d’admin
• Nouveau thème par défaut Twenty Eleven en HTML5
• optimisation des vitesses
• Changement des pré requis techniques: PHP 5.2.4 et MySQL 5.0.15.
  

version 3.3 Sonny

• amélioration de l’expérience utilisateurs débutants : messages de bienvenue et conseils sur les fonctionnalités.
• Téléversements possibles par glisser-déposer
• Support des interfaces tactiles type tablettes

2011 : Le web = environ 300 millions de sites

2012 :
version 3.4 Green

• apparition : personnaliseur, prévisualisation des thèmes
• améliorations dans la médiathèque avec les formats d’images d’en-tête et la gestion des légendes d’images prenant en charge le HTML
• amélioration tech : XML-RPC, un en-tête API personnalisé et des améliorations de performances de WP_Query.

version 3.5 Elvin

• nouveau thème par défaut Twenty Twelve qui met en avant l’affichage mobile
• gestion du flux de téléversement de médias
• création de galeries
  

2013
version 3.6 Oscar

• nouveau thème par défaut Twenty Thirteen
• prise en charge audio et vidéo intégrée +
• prise en charge native des flux audio et vidéo embarquées, un lecteur multimédia HTML5 intégré, une nouvelle API pour la prise en charge des métadonnées (telles que les balises ID3) et l’amélioration des fournisseurs de contenus oEmbed existants comme Spotify, Rdio et SoundCloud.
  

version 3.7 Basie

• compteur de mots de passe plus puissant
• introduction des mises à jour automatiques (de sécurité)
• amélioration du support linguistique et installation automatique des fichiers de langues

version 3.8 Parker

• nouveau thème par défaut Twenty Fourteen, aspect magazine
• remaniement du tableau de bord, icones vectorielles et combinaisons de couleurs au choix : on arrive sur le design actuel à peu de choses près.
• simplification de la section Widget

Internet Explorer 11 : dernière version du navigateur MS

2013 :
Edward Snowden sort 1.7 millions de documents des agences CIA / NSA et révèle la surveillance généralisée de la population d’utilisateurs du web.

2013 : Lancement de Divi par ElegantPress, un constructeur de pages visuel (wysiwyg) qui peut s’intégrer à WP comme un thème.

2014 – 2018:
fin de la simplicité

L’usage mobile rattrape celui des ordinateurs et transforme nos bulles internet : position géographique, instantanéité…
L’attention des internautes est au cœur des préoccupations, des “patterns” d’interface sont inventés pour nous retenir plus longtemps sur le même site.
Les abus dénoncés des grosses plateformes font apparaitre des solutions alternatives et une volonté d’émancipation de certains.

Les premiers modules WordPress (thèmes ou extensions) Constructeur de Sites ont un énorme succès : ils permettent à des non-professionnels de définir l’aspect de leurs pages par glisser-déposer de blocs pré-conçus qu’on peut ensuite personnaliser (couleurs, fontes typo…etc).
WordPress sert tout autant à créer des blogs perso que des sites institutionnels ou marchands, et même des applications.

2014
amélioration expériences selon usages
version 3.9 Smith

• introduction aperçus en direct des widgets, des galeries et des en-tête
• améliorations de l’éditeur (accessibilité, mobile-tactile)
• ??? prise en charge des listes de lecture audio-vidéos ?
• les thèmes sont désormais accessibles via l’onglet Apparence

version 4.0 Benny

• vues en grille pour la médiathèques, pour l’installation d’extensions…
• aperçus des contenus intégrés (youtube, twitter) sont maintenant ok dans l’éditeur
• amélioration de l’interface extensions pour faciliter la recherche et afficher plus de détails

version 4.1 Dinah

• nouveau thème par défaut Twenty Fifteen, optimisé pour mobile
• introduction du mode écriture sans distraction
• installation de la langue à partir des paramètres + une logique conditionnelle avancée pour les requêtes de métadonnées.

2014 : Le web = plus d’1 milliard de sites.
C’est aussi l’année qui voit arriver l’intégration des DRM (système de protection des contenus) au HTML5
(Firefox cède, la spécification W3C du standard EME sera stabilisée en 2017)

2014 Lancement du projet Five for the future : Automattic annonce qu’elle va consacrer 5% de son temps au développement du coeur de wp, Matt Mullenweg appelle toutes les sociétés et personnes concernées à faire la même chose.

2015
version 4.2 Powell

• prise en charge des émoji et des caractères étendus
• ajout de 2 fournisseurs d’oEmbed : Kickstarter et Tumbler + améliorations de requêtes pour les dev + encodage base de données de utf8 à utf8mb4

version 4.3 Billie

• prise en charge des icônes de sites favicon ?
• aperçus de menus en direct depuis la personnalisation
• ??? introduction de raccourcis de formatage dans l’éditeur ?
• processus des mots de passe amélioré (sécurité)

version 4.4 Clifford – 471 contributeurs

• nouveau thème par défaut Twenty Sixteen
• images responsives (redimensionnement selon écrans)
• support oEmbed ajouté aux publications avec un aperçu enrichi sur les RS
• ajout de 5 autres fournisseurs d’oEmbed + intégration de l’API REST + apparition de 2 nouveaux objets (Term et Network)

2015 Automattic rachète WooThemes et son extension WooCommerce

2016
version 4.5 Colemann

• ajout de liens inline, du formatage de codes courts et des aperçus responsive selon écrans ( pc, tablette, téléphone)

version 4.6 Pepper

• gros changements pour les multisites, amélioration de l’administration réseau
• sauvegarde locale des brouillons (dans le navigateur)
• polices natives mises à dispo pour améliorer la vitesse

mai 2016
Sortie de la v0.1.0 de l’extension “constructeur de site” Elementor

version 4.7 Vaughan – 482 contributeurs

• nouveau thème par défaut Twenty Seventeen incluant des contenus de départ
• l’outil de personnalisation permet d’éditer les css avec un aperçu direct + interface de l'API REST lisible par des machines

2016 :

• Lancement de TikTok
• scandale Cambridge Analytica (utilisation massive des données Facebook pour influencer l’élection présidentielle américaine)

2017
version 4.8 Evans

• tableau de nouveaux widgets
• flux des événements WordPress sur le tableau de bord + introduction d'une API pour les zones d'édition

juillet 2017
Sortie de la v1.0.0 de l’extension Essential Add-on pour étendre l’extension Elementor

version 4.9 Tipton

• ??? possibilité de sauvegarder des conceptions en vue d’être révisées avant publication
• un nouveau verrouillage de conception pour éviter les écrasements en co édition
• appel à testeurs pour Gutenberg qui arrive… + vérification syntaxique du code

2018:
Gutenberg et au-delà… 2023

2018
version 5.0 Bebo

• introduit le nouvel éditeur basé sur des blocs : Gutenberg

Gutenberg révolutionne brusquement la rédaction / la création de contenus et promet de plus grandes évolutions à venir. C’est un choix de changements techniques importants qui a déjà généré des pages entières d’analyses et de commentaires.

• nouveau thème par défaut Twenty Nineteen
• le support pour Classic Editor est maintenu
  

2018 mise en application du RGPD pour encadrer les traitements de données personnelles dans un cadre Européen. Tous les éditeurs de sites web français sont donc concernés.

2019
version 5.1 Betty

• amélioration des perf de l’éditeur

ouvre la voie à un WordPress plus rapide, plus sûr avec des outils essentiels pour les admin et les dev

version 5.2 Jaco

• ajout d’outils plus robustes pour identifier et corriger les problèmes de config’ et les erreurs fatales

version 5.3 Kirk – 645 contributeurs

• nouvelles fonctionnalités de l’éditeur qui prend son orientation “constructeur de pages”

3 nouveaux Blocs Widget : RSS + Nuage d’étiquettes’ + Recherche

• notion de Styles variés pour un même thème
• nouveau thème par défaut Twenty Twenty avec l’objectif de construire de belles pages web
  

2019 : Le web dépasse les 4 milliards d’utilisateurs (>50% pop mondiale)

2019
Automattic rachète Tumblr micro-blogging
Divi et Elementor tiennent une énorme place dans l’éco-système WP (extensions et thèmes dédiés, choix populaire ++ )

2020
chaque version majeure ajoute plus à l’éditeur de blocs
version 5.4 Adderley

nouveau Bloc Design : Boutons
nouveau Bloc Widget : icônes de réseaux sociaux
nouveau Bloc Contenu Embarqué : TikTok

version 5.5 Eckstine

• on peut choisir la mise à jour automatique des extensions et des thèmes

votre site obtient une nouvelle puissance dans trois domaines principaux : vitesse, recherche et sécurité.

version 5.5.2 : Facebook et Instagram sont retirés des Contenus Embarqués (les contenus posés sur ces plateformes ne peuvent plus être exposés – intégrés sur d’autres sites web)

version 5.6 Simone

• la mise à jour automatique du coeur de WP est dispo comme une option pour les sites déjà en place et activée pour tout nouveau site
• nouveau thème par défaut Twenty TwentyOne comme une toile offerte pour “peindre avec les blocs riches”. Il nécessite la version 5.6 de PHP

2020: Il existe plus de téléphones portables que d’êtres humains dans le monde.

2021
version 5.7 Esperanza

• les blocs de l’éditeur prennent place à d’autres endroits de l’interface d’admin, pour permettre de construire des pages “sans plonger dans le code ou engager de professionnel”
• modifications des mises en page simplifiées

version 5.8 Tatum

• les blocs ont atteint les widgets et l’outil de personnalisation
• les Modèles sont aussi modifiables via l’éditeur

nouveau Bloc Widget : Liste des pages

+nouveau SUPER Bloc ?widget à confirmer** : Boucle de requêtes permet d’afficher des contenus selon un filtre défini

• ??? les images webP sont prises en charge le support d'Internet Explorer 11 est abandonné

2021 Automattic rachète Parse.ly analyseur de contenus

2022
version 5.9 Joséphine

• Arrivée du FSE pour Full Site Editing qui “donne le contrôle sur l’ensemble du site depuis l’administration”
• nouveau thème par défaut Twenty Twenty Two pour mettre en valeur ces fonctionnalités
• nouveau répertoire de modèles, vues remaniées

nouveau Bloc Widget Navigation qui offre un menu adaptatif, bloc galerie amélioré

version 6.0 Arturo
pensé pour la construction de site total : augmente considérablement l’expérience de l’éditeur…

• on peut enfin sélectionner du texte sur plusieurs blocs, pour faciliter le copier-coller…
• conserve les styles appliqués au sein du bloc même si on change la nature du bloc (d’un paragraphe à un bloc de code par ex)
• création de bouton personnalisés, chaque nouveau bouton se souvient des dernières personnalisation
• introduction du verrouillage de blocs, pour faciliter la transmission d’un projet du presta au client
• 50 efforts d’accessibilité

L’expansion de Gutenberg en une expérience d’édition de site complète dans WordPress signifie que tous les problèmes que la communauté a dû résoudre étaient complexes et d’une grande portée. WordPress 6.0 est un exemple de l’engagement de la communauté à relever ces défis difficiles ensemble.
Avec des mises à jour réfléchies de l’expérience d’écriture, la création d’une meilleure fonctionnalité de bloc, et l’ajout d’un nouveau sélecteur de style intuitif, je suis vraiment fière du travail qui a été fait dans cette version pour faire une grande expérience d’édition de site.

Josepha Haden Chomphosy, directrice générale - traduite avec Deepl

version 6.1 Misha – plus de 800 contributeurs

• nouveau thème par défaut Twenty Twenty Three avec 10 variations de Styles
• nouveaux modèles et possibilité étendue de créations de modèles pour construire son site
• amélioration du verrouillage : les blocs containers peuvent être verrouillés (dans leur hierarchie qui devient invisible dans l’arbre) tout en permettant une modification de leurs contenus.
• ajout d’outils de design : couleurs, arrondis, marges, graisse typo…
• possibilité pour les dev de définir des zones “basées sur les blocs” dans des thèmes traditionnels

à la sortie de cette dernière version majeure,
WordPress fait tourner 43% du web et 67% des sites utilisant un CMS !

Conclusion

L’expérience utilisateur a énormément changé avec les dernières versions de WP.
Les extensions et les habillages disponibles sont très nombreux et ajoutent une complexité à un outil déjà dense. L’objectif du nouvel éditeur est de permettre une meilleure gestion de la forme du site sans avoir à recourir à ces services tiers ou aux compétences d’un développeur.

C’est l’expérience de ce site pour l’instant : avec le thème par défaut personnalisé et sans extensions.

ressources

Sources des captures en illustrations : depuis wikimedia ou depuis le répertoire de thèmes.