226 views
 owned this note
# Histoire de WordPress ## légende **année version :** numéro - principales fonctionnalité du logiciel - ??? *je n'ai pas forcément bien compris ce dont il est question* :::info info sur l'écosystème WordPress ::: :::warning info sur le web en général ::: :::danger évolution Gutenberg et les blocs basiques ::: ## préambule :::warning **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 ::: > 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. Navigation, 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** :::warning 2004 : the**Facebook** et **Firefox** ::: ![image Theme Kubrik](https://upload.wikimedia.org/wikipedia/commons/2/2d/Wordpress_default_theme.png) **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](https://fr.wordpress.org/plugins/) ) ::: info Avec cette version, wp = 250 000 blogs hébergés et 150 000 téléchargements* ::: ![image Theme : arrivée de sidebars](https://upload.wikimedia.org/wikipedia/commons/b/bd/K2_asides.png?uselang=fr) **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** :::warning 2005 : Lancement de **Youtube**.com ::: ::: info **2005** Création de la société **[Automattic](https://automattic.com/)**, 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. ::: ![image éditeur en 2006 : ajout d'un média](https://upload.wikimedia.org/wikipedia/commons/3/3f/CRCimageinsert001.png) **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 ::: info 2007 : un thème WordPress pour le CMS **MediaWiki** (base de Wikipédia) ![image wordpress nov 2007]( https://upload.wikimedia.org/wikipedia/commons/2/23/Wordpress_screenshot.jpg) ::: **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 :::warning 2007 : sortie de l'**iPhone** ::: :::info **2007** rachat de **Gravatar** par Automattic ::: ![image back office 2.5](https://upload.wikimedia.org/wikipedia/commons/4/4f/Admin_wordpress_v2.5_ger.jpg) **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 :::warning 2008 : lancement de **Chrome** et de l' **App Store** Apple ::: :::info **2008** création de la communauté francophone **[WP Fr](https://wpfr.net/)** rachat de **BuddyPress** par Automattic ::: ## 2009 - 2014 : 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 se professionalise selon des spécialités : développement, web-design, rédaction, référencement, etc. La promesse de WordPress 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'éco-systè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) :::warning 2009 : le BitCoin (première crypto monnaie) ::: ![image backoffice en 2010](https://upload.wikimedia.org/wikipedia/commons/c/c9/WordPress_Dashboard.png) **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 *essor grandissant du e-commerce wordpress, 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 ![image thème 2010](https://i0.wp.com/themes.svn.wordpress.org/twentyten/3.7/screenshot.png?w=572&strip=all) :::warning 2010 : Début du **HTML5** *le futur du web* ::: :::info **2010** - création de la **[fondation WordPress](https://wordpressfoundation.org/)**, qui gère la marque et le logo - lancement de l'**[application Android WordPress](https://play.google.com/store/apps/details?id=org.wordpress.android&pli=1)**, 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.** ![image theme 2011](https://i0.wp.com/themes.svn.wordpress.org/twentyeleven/4.2/screenshot.png?w=572&strip=all) **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 ![image wordpress 3.3 décembre 2011](https://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Wordpress_3.3_%28id%29.jpg/1024px-Wordpress_3.3_%28id%29.jpg) :::warning 2011 : Le web = environ 300 millions de sites ::: **2012 : version 3.4** Green - apparition : personnalisateur, 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 ![image theme 2012](https://md.picasoft.net/uploads/upload_e518f4766a2d96548dc45802e2ba461a.png) **2013 version 3.6** Oscar ![image version 3.6](https://upload.wikimedia.org/wikipedia/commons/f/f5/Wordpress_3.6.png) - 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. ![image theme 2013](https://i0.wp.com/themes.svn.wordpress.org/twentythirteen/3.7/screenshot.png?w=572&strip=all) **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 :::spoiler un détail en passant.... 2013 *choix des couleurs dans l'interface d'admin / les coulisses des sites : prémices des Styles d'un Thème pour la scène-site (version 5.3 - 2019) ?* ::: ![image theme 2014](https://i0.wp.com/themes.svn.wordpress.org/twentyfourteen/3.5/screenshot.png?w=572&strip=all) :::info 2013 : Lancement de **Divi** par [ElegantPress](https://www.elegantthemes.com/developers/), un constructeur de pages web visuel (wysiwyg) qui peut s'intégrer à WordPress ::: :::warning 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 **Internet Explorer 11** dernière version du navigateur MS ::: ## 2014 - 2018 L'usage mobile rattrape celui des ordinateurs et transforme nos bulles internet : position géographique, instantanéité... L'**attention** des internautes est au coeur 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 apparaître 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. ![image theme 2015](https://i0.wp.com/themes.svn.wordpress.org/twentyfifteen/3.3/screenshot.png?w=572&strip=all) :::warning **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)* ::: :::info **2014** Lancement du projet **[Five for the future](https://wordpress.org/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) ![image theme 2016](https://i0.wp.com/themes.svn.wordpress.org/twentysixteen/2.8/screenshot.png?w=572&strip=all) :::info **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 :::info **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 ![image theme 2017](https://i0.wp.com/themes.svn.wordpress.org/twentyseventeen/3.1/screenshot.png?w=572&strip=all) :::warning 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 :::info **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 ![image version 5.0](https://upload.wikimedia.org/wikipedia/commons/d/df/WordPress_5.0_Dashboard.png) - introduit le nouvel éditeur basé sur des blocs : **Gutenberg** :::danger **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 --> àFAIRE une fiche spéciale. ::: - nouveau thème par défaut Twenty Nineteen - le support pour Classic Editor est maintenu ![image theme 2019](https://i0.wp.com/themes.svn.wordpress.org/twentynineteen/2.4/screenshot.png?w=572&strip=all) :::warning **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 ![image wp nov 2019](https://upload.wikimedia.org/wikipedia/commons/8/8d/WordPress_DashboardView.png) **version 5.3** Kirk - *645 contributeurs* - nouvelles fonctionnalités de l'éditeur qui prend son orientation "constructeur de pages" :::danger **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 ![image theme 2020](https://i0.wp.com/themes.svn.wordpress.org/twentytwenty/2.1/screenshot.png?w=572&strip=all) :::warning 2019 : Le web dépasse les 4 milliards d'utilisateurs (>50% pop mondiale) ::: :::info **2019** Automattic rachète **Tumblr** micro-blogging Divi et Elementor prennent une énorme place dans l'éco-système WP (extensions et thèmes dédiés, choix populaire ++ ) ::: ![image backoffice 2020]() **2020 *chaque version majeure ajoute plus à l'éditeur de blocs* version 5.4** Adderley :::danger **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é. > :::danger **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** ![image theme 2021](https://i0.wp.com/themes.svn.wordpress.org/twentytwentyone/1.7/screenshot.png?w=572&strip=all) :::warning **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 :::danger **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é :::info **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 bloc Navigation qui offre un menu adaptatif, bloc galerie amélioré - nouveau répertoire de modèles, vues remaniées ![image theme 2022](https://i0.wp.com/themes.svn.wordpress.org/twentytwentytwo/1.3/screenshot.png?w=572&strip=all) **version 6.0** Arturo pensé pour la construction de site total et 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 fier 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](https://make.wordpress.org/core/2022/10/04/block-based-template-parts-in-traditional-themes/) ![image thmeme 2023](https://i0.wp.com/themes.svn.wordpress.org/twentytwentythree/1.0/screenshot.png?w=572&strip=all) :::info à la sortie de cette dernière version majeure, **WordPress fait tourner 43% du web** et 67% des sites utilisant un CMS ::: ## ressources en vrac https://raidboxes.io/fr/blog/wordpress/was-ist-wordpress/#was-ist-wordpress-deine-universal-software https://www.designbombs.com/what-is-wordpress/ https://fr.wordpress.org/support/article/history/ https://wpformation.com/wordpress-story-histoire/ https://wpmarmite.com/wordpress/histoire/ https://www.seomix.fr/histoire-de-wordpress/ https://poststatus.com/acquisitions/ https://wpmarmite.com/wordpress/statistiques/ https://www.seomix.fr/wordpress-5-0-gutenberg-changement-de-philosophie/ https://www.seomix.fr/fonctionnement-wordpress/ https://www.smashingmagazine.com/2018/11/implications-blocks-blobs/ nov 2018 https://www.smashingmagazine.com/2018/08/complete-anatomy-gutenberg-wordpress-editor/#pros-and-cons aout 2018 https://wptavern.com/query-loop-the-ins-and-outs-of-one-of-wordpress-5-8s-most-powerful-features https://www.classicpress.net/ fork suite intégration Gutenberg : volonté de rester en TinyMCE https://www.getapp.fr/compare/2056955/240883/divi/vs/elementor Comparateur offres Divi & Elementor ### sources illustrations https://commons.wikimedia.org/wiki/Category:WordPress_screenshots?uselang=fr ou répertoire de thèmes wordpress