Évolution de l'interface utilisateur de WordPress (2003

L’interface utilisateur (UI) de WordPress a évolué régulièrement depuis sa première version en 2003.

Cela a commencé comme une simple plate-forme de blogs, mais WordPress est devenu une plate-forme CMS à part entière et un cadre d'application Web robuste. L'interface utilisateur a également évolué au fil des années.

Dans cet article, nous vous ferons remonter le temps pour vous montrer les différentes étapes de l’évolution de l’interface utilisateur de WordPress de 2003 à aujourd’hui.

Les débuts de WordPress

WordPress a débuté en 2003. Cela s'explique principalement par le fait que le développement d'un logiciel de blogging déjà populaire appelé b2/cafelog a été interrompu par ses principaux développeurs.

Deux utilisateurs passionnés de b2/cafelog, Matt Mullenweg et Mike Little, ont décidé de créer une nouvelle plateforme en plus de ce logiciel de blog. C’est ainsi que WordPress a été lancé pour la première fois le 27 mai 2003. Vous pouvez en apprendre davantage sur l’histoire d’origine de WordPress dans notre article sur l’histoire de WordPress.

Depuis, de nombreuses versions de WordPress ont été publiées. Dans cet article, nous mettrons en évidence les versions qui ont introduit un changement majeur dans l'interface utilisateur du panneau d'administration.

WordPress 0.71 – (juin 2003)

La page de destination du panneau d’administration de WordPress 0.71 a été utilisée pour rédiger directement des articles de blog. Il n'y avait pas vraiment beaucoup d'options en dehors de l'interface du post-éditeur.

Il est resté simple en incluant moins de fonctionnalités. Par exemple, les utilisateurs ne pouvaient attribuer qu’une seule catégorie à chaque publication.

Il avait également une méthode d'installation fastidieuse dans laquelle de nombreuses informations étaient modifiées manuellement en éditant les fichiers principaux du logiciel.

WordPress 1.0.1 (Miles – 2004)

WordPress a commencé à donner à ses principales versions le nom de musiciens de jazz avec la sortie de la version 1.0.1. Comme vous pouvez le voir, cette version porte le nom d'un célèbre musicien, Miles Davis.

Dans cette version, WordPress a cessé d’utiliser la structure de fichiers b2 et a évolué vers son propre style de structure de fichiers.

Les nouvelles fonctionnalités comprenaient plusieurs sélections de catégories, une structure d'URL optimisée pour le référencement, la modération des commentaires, un nouveau programme d'installation et plusieurs autres améliorations.

WordPress 1.2 – Mingus (mai 2004)

Nommé d'après Charles Mingus, WordPress 1.2 était une version monumentale. L'une des améliorations les plus importantes de cette version a été l'introduction des « Plugins », qui constituent désormais un élément essentiel de l'écosystème WordPress.

D'autres changements notables concernaient les sous-catégories, les champs personnalisés, la création de vignettes, l'aperçu des publications, les mots de passe cryptés et la possibilité d'envoyer une requête ping à plusieurs services à la fois.

WordPress 1.5 – Strayhorn (février 2005)

Cette version de WordPress porte le nom de Billy Strayhorn. Il montrait le premier aperçu d’un nouveau style de tableau de bord. Il n'utilisait pas Ajax et était bien plus lent que le WordPress que nous utilisons aujourd'hui.

Une autre fonctionnalité importante était l'introduction de pages à côté des articles, permettant aux utilisateurs de créer des pages statiques ne faisant pas partie des flux de leur blog. Cette version prenait également en charge l'installation de plusieurs thèmes dans une seule installation WordPress.

WordPress 2.0 – Duke (décembre 2005)

WordPress 2.0 a apporté une refonte majeure de l'interface d'administration de WordPress. Il y avait un grand en-tête bleu sur le dessus et une zone d'administration entièrement repensée.

C'était beaucoup plus rapide que les versions précédentes, car il utilisait Ajax pour effectuer certaines tâches. Cette version comprenait également un éditeur WYSIWYG complet.

Akismet a été introduit en tant que plugin pour lutter contre le problème croissant du spam dans les commentaires. Certaines autres fonctionnalités notables étaient le téléchargement d'images/fichiers, l'aperçu du thème via une vignette (screenshot.png), une vitesse de publication améliorée, de nouveaux hooks pour les développeurs, et plus encore.

WordPress 2.1 – Ella (janvier 2007)

WordPress 2.1 Ella a été la première version à introduire un nouvel écran d'administration pour gérer les commentaires.

Le processus de gestion des commentaires a été considérablement amélioré car les utilisateurs pouvaient supprimer ou approuver des commentaires sans recharger les écrans d'administration.

WordPress 2.3 – Dexter (septembre 2007)

Cette version n'a pas radicalement modifié l'interface utilisateur de WordPress mais a ajouté plusieurs améliorations significatives. Pour la première fois, WordPress a amélioré la prise en charge native pour ajouter des balises à vos publications.

Il a également introduit un système de notification de mise à jour, qui permettait au noyau et aux plugins WordPress d'afficher des notifications lorsqu'une nouvelle version était disponible.

Cette version a également commencé à rediriger automatiquement les utilisateurs vers l'URL WordPress correcte, telle que définie dans les paramètres.

WordPress 2.5 – Brecker (mars 2008)

Pour WordPress 2.5, l'équipe WordPress a collaboré avec Happy Cog, l'un des principaux cabinets de conseil en conception de sites Web, pour repenser l'interface utilisateur d'administration de WordPress.

Il s’agissait d’une amélioration majeure de la conception et cela a eu un impact énorme sur la façon dont nous utilisons WordPress aujourd’hui.

Le tableau de bord s'est bien amélioré à mesure qu'ils y ajoutaient des informations plus utiles. C'était la première version où nous voyions une mise à niveau en un clic pour les plugins dans le répertoire des plugins WordPress.

Un éditeur visuel bien meilleur et une galerie intégrée ont également été inclus dans cette version.

La plupart des composants centraux de cette refonte constituent toujours une partie importante du logiciel. Cependant, son apparence a rapidement changé à peine 10 mois plus tard.

WordPress 2.7 – Coltrane (décembre 2008)

WordPress 2.7 a apporté une autre mise à niveau majeure à l'interface utilisateur d'administration de WordPress. Les utilisateurs pouvaient désormais réajuster les éléments du tableau de bord WordPress. Des options d'écran ont été introduites afin que les utilisateurs puissent afficher et masquer des éléments pour répondre à leurs besoins.

D'autres fonctionnalités notables comprenaient une installation plus facile du plugin via le panneau d'administration WordPress, les administrateurs pouvaient ajouter des réponses aux commentaires à partir du panneau d'administration, des commentaires en fil de discussion, des messages collants, des raccourcis clavier, la pagination des commentaires, etc.

WordPress 2.9 – Carmen (décembre 2009)

WordPress 2.9 n'a pas modifié l'interface utilisateur, mais il a ajouté plusieurs nouvelles fonctionnalités qui s'intègrent parfaitement à l'interface WordPress existante. L'un de ces changements était un système de mise à jour des plugins qui permettait aux utilisateurs de mettre à jour leurs plugins vers les versions les plus récentes en un seul clic.

Un autre changement majeur dans la version concerne les fonctionnalités d’édition d’images, qui permettent aux utilisateurs de recadrer, redimensionner, faire pivoter, redimensionner et retourner les images dans WordPress.

WordPress 3.0 – Thelonious (2010)

WordPress 3.0 Thelonious était une mise à niveau majeure qui a véritablement transformé WordPress d'une plate-forme de blogs à un CMS à part entière.

Il a introduit les types de publication, les taxonomies, les arrière-plans personnalisés, les en-têtes, les liens courts et les menus de navigation. Il est également livré avec un nouveau thème par défaut appelé Twenty Ten, qui a lancé la tradition d'introduire chaque année un nouveau thème par défaut nommé d'après l'année elle-même.

Cette version a fusionné un projet sœur de WordPress appelé WordPress MU dans le noyau WordPress. Cette fonctionnalité est désormais connue sous le nom de WordPress multisite. Le style de base de l'interface d'administration pourrait s'adapter à tous ces changements majeurs sans une autre refonte significative de la zone d'administration.

WordPress 3.1 – Django Reinhardt (2011)

WordPress 3.1 a continué à ajouter des fonctionnalités à l'interface utilisateur robuste de WordPress.

Avec cette nouvelle version, WordPress a introduit la barre d'administration, les formats de publication et une meilleure fonctionnalité de liens internes.

WordPress 3.3 – Sonny (2011)

Sorti en décembre 2011, WordPress 3.3 était doté de fonctionnalités et d'améliorations par rapport à l'interface utilisateur WordPress existante.

Il a ajouté des menus déroulants pour une meilleure navigation dans la zone d'administration, une barre d'administration remaniée, un glisser-déposer pour télécharger des fichiers multimédias et des info-bulles. Vous pouvez voir plus de fonctionnalités et de captures d'écran de WordPress 3.3.

WordPress 3.5 – Elvin (2012)

Les appareils mobiles et haute résolution deviennent déjà accessibles à tous les utilisateurs. WordPress 3.5 a rationalisé l'interface utilisateur pour les appareils d'affichage Retina modernes.

Cette version comprenait des icônes mises à niveau et des styles adaptatifs qui s'affichaient parfaitement sur n'importe quelle résolution d'écran. Voir plus de fonctionnalités et de captures d'écran de WordPress 3.5.

WordPress 3.8 – Parker (2013)

L’apparence et le style de base de l’interface utilisateur WordPress n’ont pas été modifiés depuis 2008 et auraient dû faire l’objet d’une mise à niveau majeure.

Cette mise à niveau visait à gérer les appareils mobiles avec plus d’élégance et à rendre WordPress plus accessible. Après une tonne de travail, la nouvelle interface utilisateur de WordPress a été publiée avec WordPress 3.8.

La nouvelle interface utilisateur, qui est toujours utilisée (avec des améliorations mineures), était adaptée aux appareils mobiles, comportait davantage de jeux de couleurs, utilisait des polices d'icônes dans le tableau de bord et utilisait la police Open Sans pour la typographie.

WordPress 3.9 – Smith (2014)

WordPress 3.9 a apporté plusieurs améliorations pour étendre l'interface utilisateur à de nouvelles fonctionnalités.

Il a commencé à utiliser des boutons plats dans l'éditeur de publication, des téléchargements d'images par glisser-déposer, des aperçus de galerie, etc.

Il a également ajouté des aperçus en direct lors de l'ajout de widgets dans le personnalisateur de thème. Voir plus de fonctionnalités et de captures d'écran de WordPress 3.9.

WordPress 4.0 – Benny (2014)

La même année, WordPress 4.0 est sorti. Il n’y a eu aucun changement majeur dans l’interface utilisateur. Cependant, quelques changements intéressants ont étendu l’interface d’administration WordPress existante.

Une nouvelle vue en grille pour la galerie Média a été introduite avec un défilement infini et une édition fluide. Voir les captures d'écran et les fonctionnalités de WordPress 4.0.

WordPress 4.2 – Powell (2015)

WordPress 4.2 est venu avec une amélioration minime mais significative de la palette de couleurs de la zone d'administration.

Les gris ont reçu une légère teinte bleue et les bleus ont été transformés en bleu pur sans canal rouge. Voir plus de fonctionnalités et de captures d'écran de WordPress 4.2.

WordPress 4.5 – Coleman (2016)

WordPress 4.5 a apporté des améliorations indispensables à l'éditeur de publication WordPress par défaut. Une nouvelle fonctionnalité d'édition de liens en ligne et de nouveaux raccourcis de texte en ligne ont été introduits.

Des aperçus réactifs ont été ajoutés dans le personnalisateur de thème, permettant aux utilisateurs de prévisualiser leur thème pour les écrans de bureau, de tablette et de mobile sans changer d'appareil. Pour plus de fonctionnalités, consultez notre article sur la sortie de WordPress 4.5 avec captures d'écran.

WordPress 4.6 – Poivre (2016)

Avec WordPress 4.6, l'équipe principale a décidé de commencer à utiliser des polices natives au lieu de charger Open Sans depuis les serveurs de Google.

Cette version a également rationalisé les mises à jour, ce qui a permis aux utilisateurs d'installer, de mettre à jour et de supprimer des plugins/thèmes sans recharger la page.

WordPress 4.8 – Vaughan (2017)

WordPress 4.8 a introduit un nouvel ensemble de widgets pour ajouter des médias tels que des images, de l'audio, de la vidéo et du texte enrichi.

Il a également ajouté un nouveau widget de tableau de bord affichant les actualités et les événements WordPress. Pour plus de fonctionnalités et de captures d’écran, consultez notre aperçu de WordPress 4.8.

WordPress 4.9 – Tipton (2017)

La dernière version majeure de WordPress pour 2017 a ajouté plus de fonctionnalités au personnalisateur de thème, notamment une nouvelle expérience de navigation et de prévisualisation du thème.

Il a également ajouté la coloration syntaxique et la saisie semi-automatique aux éditeurs de code pour les éditeurs CSS personnalisés et de thèmes/plug-ins.

WordPress 5.0 – Bebo (2018)

WordPress 5.0 est sorti en décembre 2018. Il s'agit d'une étape majeure qui a introduit un nouvel éditeur basé sur des blocs nommé Gutenberg.

Le nouvel éditeur de blocs a permis aux utilisateurs de créer facilement de superbes mises en page de contenu avec une nouvelle interface intuitive. Chaque élément de contenu a été ajouté sous forme de bloc avec ses propres paramètres, et les utilisateurs pouvaient enregistrer et réutiliser des blocs pour une écriture beaucoup plus rapide.

Le nouvel éditeur de blocs n'avait pas autant de fonctionnalités qu'un constructeur de pages WordPress complet, mais il a jeté les bases pour utiliser la même fonctionnalité d'éditeur de blocs dans d'autres domaines de WordPress.

Vous pouvez consulter notre article sur les constructeurs de pages Gutenberg et WordPress pour une description complète des différences dans le nouvel éditeur de contenu.

Il s'agissait d'un changement massif du vieil éditeur TinyMCE vers un éditeur plus moderne. Les utilisateurs qui n'étaient pas prêts pour la transition ont pu utiliser l'ancien éditeur en installant le plugin Classic Editor.

Cependant, de nombreux experts, dont WPBeginner, estiment qu’il s’agit d’une avancée nécessaire pour WordPress. L’ancienne interface de l’éditeur classique semblait bien obsolète par rapport aux autres créateurs de sites Web populaires sur le marché.

WordPress 5.2 – Jaco (2019)

En 2019, WordPress est resté concentré sur l’amélioration de l’éditeur de blocs en ajoutant de nouvelles fonctionnalités, en corrigeant des bugs et en améliorant l’expérience utilisateur.

Avec WordPress 5.2, une fonctionnalité de mode de récupération a été introduite. Au lieu d’afficher une erreur fatale, WordPress a affiché une page d’erreur.

Il a également envoyé un e-mail aux administrateurs du site Web avec un lien permettant d'accéder à la zone d'administration en mode de récupération.

Cela a permis aux propriétaires de sites de résoudre rapidement le problème sans passer par plusieurs étapes de dépannage.

WordPress 5.4 – Adderley (2020)

L’éditeur de blocs est également resté la partie la plus importante du développement de WordPress en 2020. À chaque version, il a continué à s'améliorer avec de nouveaux blocs et outils et une expérience beaucoup plus rapide.

Avec WordPress 5.4, l'éditeur plein écran est devenu le paramètre par défaut de l'éditeur de blocs.

L'éditeur de blocs a également introduit une nouvelle barre d'outils pour les écrans mobiles.

Cela a permis aux utilisateurs d'avoir une expérience d'édition beaucoup plus propre sur des écrans de plus petite taille.

WordPress 5.5 – Eckstine (2020)

WordPress 5.5 a introduit les modèles de bloc.

Un modèle est un ensemble de blocs pré-arrangés pour ajouter rapidement des éléments de conception couramment utilisés tels que des en-têtes, des pieds de page, des intros, des appels à l'action, etc.

WordPress 5.8 – Tatum (2021)

Au cours des dernières années, WordPress a continué d’améliorer l’éditeur de blocs dans le but de proposer une solution complète d’édition de site.

Dans WordPress 5.8, une nouvelle fonctionnalité de modèles a été introduite ainsi que plusieurs blocs à l'échelle du site pour vous aider à créer facilement des modèles à l'échelle du site dans WordPress.

Cette version a également introduit des widgets basés sur des blocs. Chaque zone prête pour les widgets de votre thème WordPress apparaît désormais sous forme d'onglet dans l'éditeur de blocs. Les utilisateurs ont pu ajouter des widgets sous forme de blocs aux barres latérales et aux zones activées pour les widgets de leurs sites Web.

Ces fonctionnalités ont jeté les bases des futures mises à jour et ont préparé WordPress à utiliser un éditeur de site basé sur des blocs.

WordPress 5.9 – Joséphine (2022)

WordPress 5.9 est arrivé en janvier 2022, avec l'éditeur de site complet faisant ses débuts.

Il a remplacé les menus de navigation, les widgets et les liens de personnalisation de thème de la barre latérale d'administration par un lien vers l'éditeur du site.

Cependant, il n’était visible que par les utilisateurs ayant un thème basé sur des blocs activé sur leurs sites. La version est livrée avec Twenty Twenty-Two comme nouveau thème par défaut avec une prise en charge complète de l'éditeur de site.

L'éditeur du site utilisait l'éditeur de blocs, il fournissait donc la même interface utilisateur pour l'édition de sites Web que les utilisateurs utilisaient déjà pour rédiger du contenu.

WordPress 6.0 Arturo (2022)

WordPress 6.0 est sorti en mai 2022. Il n'a apporté aucune modification aux principaux composants de l'interface utilisateur, mais il a apporté des améliorations significatives à l'expérience de l'éditeur de site.

Cela incluait l'ajout de la prise en charge de la modification de davantage de modèles et l'ajout de davantage d'outils à différents paramètres de bloc.

WordPress 6.1 – Micha (2022)

WordPress 6.1 est sorti en novembre 2022 et s'est poursuivi avec les améliorations apportées à l'éditeur de site, notamment les modèles et les parties de modèles.

Cette version n'a pas apporté de modifications majeures à l'interface utilisateur principale elle-même. Cependant, il a ajouté plusieurs nouveaux outils et améliorations à l'éditeur de blocs. Cela a également commencé à apporter de la cohérence aux outils et paramètres de bloc.

WordPress 6.2 – Dolphy (2023)

Au premier semestre 2023, WordPress est resté concentré sur une édition et une personnalisation plus faciles du site.

Avec la sortie de WordPress 6.2, le nouvel éditeur de site basé sur des blocs est sorti de la version bêta. Cela a permis aux utilisateurs d'utiliser l'éditeur de blocs pour personnaliser leurs thèmes WordPress et créer des mises en page, des modèles, des styles, etc.

WordPress 6.3 – Lionel (2023)

Au second semestre 2023, WordPress a publié la version 6.3 avec des mises à jour importantes de l'éditeur de site.

Il a introduit un nouvel écran de navigation pour l'éditeur de site, qui permet un accès plus facile aux modèles, pages, modèles, styles et menus de navigation.

Cette version a également introduit une « Palette de commandes ». Les utilisateurs peuvent le lancer avec les touches Commande+K ou CTRL+K de leur clavier.

L'outil de commande a également permis d'accéder plus facilement aux raccourcis WordPress et de rechercher du contenu, des blocs, des modèles, des modèles existants, etc.

Dans les prochaines versions, WordPress se concentrera sur l’éditeur de site, la collaboration en temps réel au sein de l’éditeur WordPress et les capacités multilingues.

Nous espérons que cet article vous a aidé à voir l’évolution de l’interface utilisateur de WordPress depuis sa première version en 2003. Vous souhaiterez peut-être également lire l’historique complet de WordPress ou jeter un œil aux principales sociétés et entreprises WordPress qui ont grandi avec WordPress.

Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.