Tendances de conception de thèmes WordPress (2003 à 2020)

Quand le la première version de WordPress a été livrée en mai 2003, il avait des fonctionnalités de conception révolutionnaires pour l’époque et a défini le premier lot de tendances de conception de thème WordPress à venir. Il y avait des sauts de ligne très intelligents, de belles textures et la possibilité pour les blogueurs d’ajouter des liens à leurs blogrolls.


Vous vous souvenez de blogrolls? C’était une grosse affaire il y a 16 ans. Tous ceux qui étaient quelqu’un faisaient des liens avec d’autres blogueurs et espéraient obtenir des liens en retour.

Aujourd’hui, les blogrolls appartiennent au passé. En 2020, nous avons des constructeurs de pages et une édition basée sur des blocs qui permettent à quiconque de créer et de personnaliser un site WordPress – aucun code requis.

Comment en sommes-nous arrivés là? Pour comprendre ce qu’est WordPress aujourd’hui, regardons comment les thèmes WordPress ont évolué au cours des 16 dernières années.

Tendances de conception de thème WordPress

Tendances de conception de thèmes WordPress de 2003 à 2020

Le premier thème WordPress par défaut (indice: ce n’était pas Kubrick)

Quand WordPress 0.71-gold est sorti en 2003, il est venu avec le b2layout par défaut.

Le modèle était basique et idéal pour les blogs à l’époque. Il avait un en-tête simple et une barre latérale noire. Vous devez vous rappeler que les vitesses Internet étaient relativement lentes à l’époque et que la conception simple du thème WordPress n’était pas seulement chargée assez rapidement, mais elle était facile à modifier par rapport à la plate-forme de blogs rivale Moveable Type.

Conception WordPress de b2layout

Barres latérales: pilier des premiers blogs

Les barres latérales étaient un élément important de la conception Web au début, car les concepteurs ont essayé de comprendre comment concevoir pour le Web – et la conception de thèmes WordPress n’a pas fait exception. Les barres latérales occuperaient une place importante pendant de nombreuses années, disparaissant brièvement dans Twenty Thirteen et revenant dans Twenty Fourteen.

Au début des tendances de conception de thèmes WordPress, les barres latérales ont permis aux blogueurs d’afficher fièrement leurs blogrolls. Avec la sortie de WordPress 0.7 et de son Gestionnaire de liens, les blogueurs pourraient mieux gérer leurs blogrolls et les ajouter automatiquement à la barre latérale.

Le modèle de base fourni avec WordPress a fait peau neuve pour WordPress 1.2. La nouvelle palette de couleurs était une bouffée d’air frais – un changement agréable par rapport au thème auparavant sombre.

Thème WordPress classique

WordPress 1.2 a présenté pour la première fois une architecture de plugin, qui a permis aux développeurs d’étendre les fonctionnalités de leur conception de thème et de partager leurs plugins avec la toute nouvelle communauté WordPress.

En 2004, WordPress était le nouveau venu sur le bloc des blogs – et quelque chose d’amusant pour les gens qui aimaient jouer avec du code à personnaliser. Ces blogueurs avertis en technologie ont pris les plugins avec enthousiasme et ont contribué au développement de WordPress en général en signalant des bogues, en fournissant des commentaires et en demandant de nouvelles fonctionnalités.

Les développeurs principaux de WordPress étaient tous bénévoles et ont utilisé WordPress eux-mêmes pour leurs blogs. En tant que projet open source, les commentaires ont été accueillis et encouragés – et ils ont permis une approche centrée sur l’utilisateur du développement de WordPress, contrairement à d’autres plateformes de blogs à l’époque..

Interl Interlude rapide: Pour en savoir plus sur la façon dont l’interface utilisateur de WordPress a changé, consultez l’évolution de l’interface utilisateur de WordPress.

L’ère Kubrick: 2005-2010

En 2005, WordPress 1.5 a introduit un nouveau système de thème flexible. Les thèmes ont été divisés en différentes sections et fichiers, permettant aux utilisateurs de mieux contrôler la façon dont ils ont personnalisé leurs sites.

Par exemple, les éléments de site courants comme les en-têtes, les pieds de page et les barres latérales ont été divisés en leurs propres fichiers. Les utilisateurs peuvent modifier un seul fichier (par exemple home.php ou comments.php) et le voir partout immédiatement.

WordPress 1.5 a également annoncé le début de l’ère Kubrick de longue date. Généralement reconnu comme le premier vrai thème par défaut pour WordPress, Kubrick a présenté la puissance du nouveau système de thème.

Thème WordPress Kubrick

Michael Heilemann a créé le simple modèle de blog bleu et blanc et, pour l’époque, le design était frappant. Avec ses coins arrondis, son en-tête personnalisé et ses deux colonnes blanches – dont une large pour les poteaux et une plus mince pour une barre latérale – Kubrick était à la pointe de la technologie!

Kubrick a été le premier thème flexible qui a fonctionné prêt à l’emploi avec de nombreux plugins. C’était également la face avant de WordPress de 2005 à 2010, ce qui en fait le pilier des tendances de conception de thèmes WordPress pour les années à venir..

Thèmes premium: Un heureux accident

le Le référentiel de thèmes WordPress a été lancé en 2008, permettant aux blogueurs de télécharger des thèmes WordPress gratuits et de télécharger et partager leurs propres conceptions de thèmes personnalisés. Le référentiel était en quelque sorte une vitrine de conception de thèmes WordPress, permettant aux utilisateurs de voir comment les autres personnalisaient WordPress et étiraient les limites de la plate-forme.

Référentiel de thèmes WordPress

Brian Gardner était l’un de ces blogueurs qui essayait de repousser les limites de ce que WordPress pouvait faire. Il a téléchargé des thèmes, fait ses propres personnalisations, puis téléchargé ses conceptions mises à jour dans le référentiel pour que d’autres puissent les utiliser gratuitement.

Cela a conduit à des demandes de personnalisation. Au début, les blogueurs lui ont payé 25 $ – 50 $ pour changer des choses comme les couleurs. Mais bientôt, il recevait des demandes de personnalisations plus complexes. Comme il le dira plus tard au podcast StudioPress.fm, il faisait "argent de vacances" et c’était amusant par rapport à son travail de bureau ennuyeux.

Les choses ont changé quand un agent immobilier lui a demandé de personnaliser son blog. Brian est allé au-delà, créant un design de thème WordPress qui pourrait fonctionner comme une première page pour ressembler davantage à un site Web qu’à un blog.

Cependant, l’agent l’a rejeté en disant qu’il voulait juste un blog de base. Brian était écrasé.

Plutôt que d’abandonner le design, il a écrit un blog à ce sujet et a demandé à ses abonnés si le thème personnalisé était quelque chose qu’ils seraient intéressés à acheter. La réponse a été extrêmement positive. Brian a appelé sa conception de thème le thème Révolution.

En 2009, La révolution a été rebaptisée à ce que nous savons aujourd’hui – StudioPress.

L’essor et l’essor de la personnalisation WordPress

En 2008 et 2009, des boutiques de thèmes premium et des projets centrés sur WordPress ont été lancés et il y a eu une vague de nouveaux sites Web de didacticiels offrant des hacks de code et des idées pour personnaliser la conception de thèmes que vous ne trouveriez pas dans le Codex. C’était une toute nouvelle ère dans les tendances de conception de thèmes WordPress – donner plus de pouvoir à l’utilisateur.

Parmi ces sites pratiques, ThemeShaper.com. Initialement créé par Ian Stewart, ThemeShaper était un endroit où Ian pouvait partager son thème thématique. Mais Thematic était plus qu’un simple thème – c’était l’occasion pour Ian d’apprendre comment fonctionnait le système de thème WordPress et de partager ses apprentissages avec la communauté.

Thématique

Comme le rappelle Jeff Chandler de WP Tavern de Ian et Thematic, 2008 a été le "ouest sauvage du développement de thème et toute personne qui partage régulièrement des techniques de développement de thème est devenue un membre influent de la communauté."

L’émergence de cadres thématiques

C’est à cette époque que Brian Gardner s’est associé à Nathan Rice à lancer Genesis, l’un des premiers Cadres de thèmes WordPress. Ces cadres ont permis aux développeurs de créer des thèmes qui partageaient une base de code commune, fournissant une bibliothèque de code et une architecture de base pour les thèmes qui permettaient aux utilisateurs de mettre différentes conceptions au-dessus. Comme Brian a déclaré au podcast StudioPress.fm:

"Une fois que nous avons construit Genesis et présenté cette idée et ce concept à la communauté WordPress, les gens y ont adhéré. De toute évidence, nous avons eu un assez bon suivi à travers StudioPress et moi personnellement. Ce genre de transition de thèmes autonomes à ce qui est maintenant Genesis, le cadre et le système de thème enfant qui l’accompagne."

Cadre Genesis

D’autres cadres thématiques ont rapidement émergé, comme la thèse. Ces cadres ont marqué une étape évolutive dans le développement de thèmes WordPress, qui Joost de Valk de Yoast résume parfaitement dans un article ThemeShaper en 2009:

"La thèse de Chris Pearson et la thématique d’Ian Stewart pourraient pointer (les tendances de conception de thème WordPress) dans la direction où elle devrait se diriger: un thème qui n’est plus un thème, c’est un moteur de mise en page."

WordPress 3.0: un tournant

En 2010, la sortie de WordPress 3.0 a marqué un grand pas en avant dans le développement de la plateforme. Avec des fonctionnalités telles que des types de publication personnalisés, de meilleures taxonomies personnalisées et un arrière-plan, des en-têtes et des menus personnalisés, WordPress devenait un système de gestion de contenu à part entière, pas seulement une simple plate-forme de blogs.

WordPress 3.0 est venu avec Twenty Ten, mettant officiellement fin au règne de Kubrick en tant que thème par défaut et inaugurant la tradition d’un nouveau thème par défaut pour chaque année, ce qui a été une étape importante pour les tendances de conception de thèmes WordPress.

Thème WordPress Design Twenty Ten

Le personnalisateur de thème

En 2012, l’évolution de la conception de thèmes WordPress progressait à un rythme soutenu. Maintenant que les entreprises commerciales ont investi pour voir WordPress se développer, elles développaient des thèmes premium avec plus de fonctionnalités et de fonctionnalités qui permettaient aux utilisateurs de les personnaliser plus facilement via des panneaux dans l’administration WordPress.

C’est à cette époque que le Theme Customizer a été introduit dans WordPress 3.4. Le personnalisateur de thème permet aux utilisateurs d’apporter des modifications de base aux thèmes, tels que les couleurs et les arrière-plans et de les prévisualiser avant de les rendre en direct.

Personnalisateur de thème

Design réactif et mobile

À cette époque, le design réactif gagnait en popularité, car de plus en plus de personnes utilisaient leur smartphone pour accéder au Web. Vingt-douze était le premier thème par défaut à réponse complète conçu avec une mise en page mobile pour qu’il puisse être visualisé sur n’importe quel appareil, des smartphones aux grands écrans HiDPI / rétine.

Twenty Twelve était également spécial pour une autre raison – c’était le premier thème par défaut à venir avec un modèle de page d’accueil spécial, plutôt que de forcer les utilisateurs à afficher des articles de blog sur la page d’accueil.

Thème vingt-douze

L’émergence de thèmes constructeurs

Personnaliser WordPress à cette époque commençait à devenir plus facile. Grâce au personnalisateur de thème et aux nombreux sites Web qui ont publié des didacticiels sur la façon de personnaliser WordPress, les utilisateurs peuvent apporter des modifications à leur site..

Le seul problème était que les utilisateurs avaient encore besoin de connaissances en CSS et PHP s’ils voulaient faire des personnalisations au-delà des paramètres avancés disponibles avec de nombreux thèmes à l’époque.

Cela a changé en 2013 lorsque les constructeurs de pages ont émergé – et le plus connu à l’époque était Divi.

Theme Divi

Le constructeur de pages Divi d’Elegant Themes était révolutionnaire. Il permet aux utilisateurs de glisser-déposer différentes sections dans une page et de contrôler tous les aspects d’un site, des couleurs et des polices aux en-têtes et pieds de page. Il était fourni avec différentes dispositions prédéfinies et pouvait être facilement intégré à WooCommerce. Il était réactif et pouvait être utilisé pour afficher des images et des vidéos pleine largeur.

Divi a été un succès instantané – le 965 commentaires sur l’annonce prouve-le! Pour la première fois, n’importe qui pouvait créer un site Web sans avoir à toucher une seule ligne de code.

Le monde des tendances de conception de thèmes WordPress à ce stade avait évolué de la possibilité de glisser-déposer des widgets, de glisser-déposer des pages, et maintenant de glisser-déposer des thèmes.

Thèmes du magazine

Arrêtons-nous une minute et remontons le temps jusqu’en 2009.

Le référentiel thématique était encore assez récent, mais il se développait. Les utilisateurs téléchargeaient le thème et apportaient leurs propres conceptions de thème.

Dans le même temps, les thèmes WordPress premium gagnaient également en popularité. Par rapport aux thèmes gratuits du référentiel, les thèmes premium offraient des fonctionnalités avancées. Mais plus important encore, il ne s’agissait pas de thèmes de blogs. Le référentiel de thèmes était un excellent endroit pour télécharger un thème – si vous vouliez un blog.

C’est ainsi qu’a commencé un nouveau chapitre des tendances de conception de thèmes WordPress – les thèmes de magazines, qui ont permis aux gens de gérer des blogs et des sites d’actualités plus sophistiqués avec plus de contenu qu’une présentation de blog traditionnelle autorisée. Ces types de thèmes comprenaient souvent des espaces publicitaires, qui plaisaient aux utilisateurs qui voulaient gagner de l’argent via leur site.

Un exemple de thème de magazine:Thème de la vue

Les thèmes de magazines étaient une évolution naturelle des thèmes de blogs qui permettaient aux utilisateurs d’accéder à la plupart des catégories, des balises et des formats de publication.

Avance rapide jusqu’en 2014 et le thème WordPress par défaut a finalement rattrapé son retard. Twenty Fourteen présentait un design réactif élégant, moderne et magnifiquement conçu qui permettait à n’importe qui de transformer son site Web en magazine.

Voir Twenty Fourteen en action:Thème vingt-quatorze

Thèmes d’affaires et de portefeuille

En 2015, alors que WordPress continuait de devenir un CMS à part entière, la prochaine évolution naturelle a été les thèmes commerciaux et de portefeuille. Les gens commençaient à utiliser WordPress pour alimenter leurs sites commerciaux et d’agence – et même les sites d’entreprise – tandis que les pigistes utilisaient WordPress pour présenter leurs portefeuilles.

le thème le plus populaire disponible à cette époque était Avada, qui reste aujourd’hui le thème le plus populaire sur ThemeForest.com.

�� Quel est le meilleur: Avada, Divi ou le thème X?

Lancé en 2006, ThemeForest a contribué à propulser des thèmes WordPress premium. ThemeForest a fourni un marché où les utilisateurs pouvaient acheter des thèmes, et en même temps fournir un endroit où les développeurs et les agences pouvaient vendre leurs créations.

Thème Avada

Pendant ce temps, les barres latérales étaient moins courantes dans les thèmes commerciaux, qui avaient tendance à présenter un design horizontal et en couches similaire à Zelle thème illustré ci-dessous. La popularité des barres latérales a diminué à mesure que la conception réactive évoluait (les barres latérales étaient difficiles à afficher sur les petits appareils). Les conceptions sans encadrement similaires au thème Twenty Thirteen par défaut devenaient plus populaires.

thème zelle

C’était aussi à l’époque que des conceptions minimes et plates, telles que Flat par Themify, devenaient populaires parmi les tendances de conception de thèmes WordPress.

Thème Flatify

Thèmes polyvalents

En 2015, les thèmes polyvalents étaient chose – et ThemeForest était l’endroit idéal pour les trouver. La prolifération de thèmes polyvalents est sans aucun doute due à la popularité du vaste marché de ThemeForest, mais aussi des boutiques thématiques indépendantes. ThemeIsle’s le thème populaire Neve, par exemple, est extrêmement personnalisable et idéal pour une utilisation sur tout type de site grâce à ses nombreux modèles intégrés:

ThemeIsle

Ces thèmes tout-sauf-la-cuisine-évier polyvalents ont emballé des tonnes d’options différentes en un seul thème sur le backend, tout en présentant des charges de conceptions différentes sur le front-end.

Semblable aux cadres de thèmes, ce type de conception de thème WordPress peut être configuré à de nombreuses fins différentes. Vous pouvez utiliser le même thème pour créer un site de commerce électronique, un site d’entreprise ou un portfolio simplement en mettant à jour le panneau d’options de thème.

Par exemple, voici quelques-uns des BeTheme’s Plus de 400 démos:

BeTheme

Initialement, ces thèmes comportaient toutes les fonctionnalités nécessaires pour que le thème fonctionne à l’intérieur du thème lui-même. Mais ensuite, ils ont commencé à regrouper des plugins tiers pour gérer toute fonctionnalité supplémentaire. Les packs populaires incluraient un thème premium comme Avada + Slider Revolution + Visual Composer.

Les plugins de création de page comme Visual Composer (maintenant WPBakery Page Builder) étaient fréquemment fournis avec des thèmes premium, permettant aux utilisateurs de personnaliser leurs thèmes sur le front-end et de prévisualiser les modifications en direct.

En-têtes plein écran et héros

En 2016, les en-têtes devenaient plus gros et plus audacieux. Au début, ils étaient à pleine largeur, puis ils sont devenus en plein écran et comportaient des images ou des vidéos coulissantes.

Cette tendance dans la communauté de conception Web au sens large s’est reflétée dans les thèmes WordPress premium populaires de l’époque, y compris Avada, X Theme, Bridge et BeTheme, qui offraient tous des conceptions d’en-tête plein écran et de héros comme le thème Salient ci-dessous..

Thème saillant

Thèmes de niche

En 2017, ThemeForest et les petits développeurs de thèmes premium indépendants développaient des thèmes de niche. Alors que les thèmes polyvalents permettaient aux utilisateurs – souvent des implémenteurs – de créer tout type de site WordPress, les thèmes de niche desservaient des industries spécifiques.

Églises, organismes de bienfaisance, musiciens, entraîneurs personnels, coachs de vie, cabinets d’avocats, agents immobiliers – vous l’appelez, il y avait un thème de niche pour cela.

Thème Eduma

Ces thèmes étaient livrés avec des fonctionnalités utiles à des fins spécifiques. Par exemple, des lecteurs de musique pour les groupes, des outils de collecte de fonds pour les associations et même la gestion des tables de points pour les clubs sportifs.

Splash à thème

Aujourd’hui: les constructeurs de pages et l’éditeur de blocs

Et maintenant, nous en sommes aux thèmes pour les constructeurs et à la fusion de Gutenberg dans le noyau WordPress.

Pendant un certain temps, Visual Composer était le plug-in de création de page par glisser-déposer pour la conception de thèmes WordPress – ThemeForest et son regroupement de thèmes s’en sont assurés. Divi est une autre solution extrêmement populaire pour les utilisateurs qui souhaitent créer rapidement des sites Web.

Et oui, il y a eu de nombreux autres outils de création de pages similaires au fil des ans. Beaver Builder et, plus récemment, Elementor ont permis aux utilisateurs et aux développeurs de créer des sites complexes par glisser-déposer. Et maintenant, vous pouvez même télécharger des thèmes et des modèles Elementor.

�� Elementor, Beaver Builder ou Divi? Quel est le meilleur?

De nouvelles plateformes de sites Web comme Squarespace et Wix ont contesté la domination de WordPress en tant que CMS le plus populaire au monde. Le fait est que ces concurrents proposent une création de page par glisser-déposer conviviale que le noyau WordPress n’a tout simplement pas. Eh bien, il n’avait pas jusqu’à WordPress 5.0.

WordPress 5.0 et la fusion du Gutenberg projet dans le code WordPress est la tentative de WordPress de jouer au rattrapage, et il peut donc plaire aux utilisateurs qui attendent désormais la fonctionnalité de création de page sur les plateformes de sites Web.

Éditeur de blocs Gutenberg

Comme l’explique WordPress.org:

"Gutenberg est plus qu’un éditeur. C’est aussi la fondation qui révolutionnera la personnalisation et la création de sites dans WordPress."

Gutenberg (et les thèmes compatibles avec Gutenberg) offre une expérience d’édition et de construction basée sur des blocs qui permet aux utilisateurs de créer des articles de blog (au moins pour l’instant). Un bloc est un élément de contenu unique – une image, un paragraphe de texte ou une vidéo YouTube – et ces blocs peuvent être insérés, configurés et déplacés pour créer des dispositions de publication.

Le Twenty Twenty par défaut actuel a été conçu pour montrer la puissance de l’éditeur de blocs. Il propose des styles personnalisés pour tous les blocs par défaut et contrairement à de nombreux thèmes WordPress par défaut qui convenaient à un seul but (par exemple les blogs, les magazines), Twenty Twenty peut être adapté pour une utilisation sur une large gamme de sites Web, des portefeuilles et des sites commerciaux aux blogs et non bénéfices.

vingt vingt

Quelle est la prochaine étape pour l’éditeur de blocs? Le projet est toujours en développement actif en tant que plugin séparé, avec des plans pour continuer à développer le projet pour fournir une meilleure expérience de création de page sur WordPress, pas seulement des publications.

Conclusion

Il y a eu de nombreuses tendances de conception de thèmes WordPress au fil des ans, et WordPress en tant que plate-forme a parcouru un long chemin depuis 2003. Désormais, les utilisateurs peuvent contrôler tous les aspects de la conception de leur site grâce au développement de solutions de création de pages.

Où ira la conception de thèmes WordPress dans les années à venir? Qui sait. L’éditeur de blocs est encore nouveau et a un long chemin à parcourir. Les constructeurs de pages sont devenus la norme, offrant une personnalisation que les utilisateurs d’il y a 16 ans ne pouvaient que rêver.

Pendant ce temps, sur le backend, l’API REST WordPress signifie que tout se passe – WordPress est complètement méconnaissable sur les sites Web découplés, avec même des solutions WordPress statiques surgissant ici et là.

Quelles sont vos prédictions pour l’avenir des tendances de conception de thèmes WordPress? Faites-le nous savoir dans les commentaires ci-dessous.

Crédits image:

N’oubliez pas de rejoindre notre cours accéléré sur l’accélération de votre site WordPress. Avec quelques correctifs simples, vous pouvez réduire votre temps de chargement de 50 à 80%:

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map