10 thèmes de blocs WordPress avec édition complète du site

WordPress est loin d'être considéré comme une simple solution de blog. Depuis la sortie de l'éditeur Gutenberg, la plate-forme n'a cessé de pousser pour donner à ses utilisateurs plus de liberté avec des choix de conception utilisant le concept de blocs.

Le but ultime de Blocks est de transformer WordPress en un constructeur de site Web. C'est déjà possible dans une certaine mesure, grâce à l'utilisation de plugins et, plus récemment, à l'ajout de l'édition complète du site. FSE est un nouveau type d'expérience de création de sites Web où les utilisateurs de WordPress peuvent styliser la conception de leur site directement depuis le front-end.

Qu'est-ce que l'édition complète du site ?

En termes simples, la fonctionnalité d'édition complète du site permet aux utilisateurs de WordPress de modifier la conception de leur thème (bloc), sans avoir à écrire de code. L'accent est mis sur les thèmes Block puisque cette nouvelle fonctionnalité n'est disponible que pour les thèmes construits sur les fondations Blocks.

En tant qu'utilisateur de WordPress, vous êtes déjà familiarisé avec l'utilisation de l'éditeur Gutenberg pour écrire des articles de blog à l'aide de blocs. L'idée pour FSE est la même. Tout comme pour écrire un article de blog, avec l'éditeur de site complet, vous pouvez également modifier la conception de votre site à l'aide de blocs.

Une fois que vous avez activé un thème de bloc (tel que Twenty Twenty-Two), vous remarquerez une nouvelle option sous l'onglet Apparence du tableau de bord d'administration. Il s'appelle Editeur .

En cliquant sur Éditeur , vous accédez immédiatement au nouveau tableau de bord d'édition complète du site. La page par défaut qui s'ouvre est la page d'accueil. Mais vous pouvez sélectionner n'importe quelle page prise en charge par le thème et commencer la personnalisation. Voici un exemple:

Dans la démo ci-dessus, j'ai :

1. Sélectionné le bloc Footer comme une section entière.
2. Modification de la couleur d'arrière-plan à l'aide de l'éditeur de blocs.

Je n'ai pas eu besoin d'écrire de CSS personnalisé. Je n'ai pas non plus utilisé un seul plugin. Toutes les modifications sont enregistrées directement dans le thème lui-même. Mieux encore, vous pouvez styliser l'ensemble de votre site Web de cette façon.

Vous pouvez sélectionner les plus petits éléments, y compris la pagination et les éléments de navigation individuels. Il s'agit d'une expérience de création de site Web native à l'intérieur de WordPress lui-même. Et, comme vous pouvez l'imaginer, cela ne fera que s'améliorer avec le temps.

Inaugurant une nouvelle ère de WordPress

Le concept de FSE est encore très frais aux yeux de tous.

Je pense qu'il est prudent de dire que pour le moment, FSE aura du mal à rivaliser avec des constructeurs de sites Web raffinés comme Elementor et Visual Composer. Mais je suis certain que les choses vont changer radicalement avec la sortie de WordPress 6.0 et au-delà.

Quant aux thèmes de blocs, les développeurs ont déjà commencé à travailler dans ce domaine. Dans le référentiel WordPress, plus de 60 thèmes de ce type sont disponibles. Et peut-être 50 autres répartis à la fois dans des conceptions haut de gamme et des projets open source.

Donc, avec tout ce qui a été dit et fait, je pense qu'il est temps d'examiner de plus près certains des meilleurs thèmes d'édition de site complet. Mise à jour fréquemment pour inclure de nouveaux thèmes à mesure qu'ils sortent !

Wabi

Rich Tabor construit des produits WordPress depuis plus d'une décennie. Vous le connaissez peut-être grâce à des plugins comme CoBlocks, mais aussi à sa société de thèmes ThemeBeans. En l'occurrence, non seulement Rich est un grand fan des nouvelles fonctionnalités de WordPress, mais il a également créé lui-même un thème d'édition complète du site. Le thème Wabi.

Tout comme son thème Tabor ( que j'adore ! ), Wabi est conçu pour les conteurs, les blogueurs et toute personne intéressée par la publication de contenu détaillé. C'est également un excellent choix pour les sites de portfolio, et Rich utilise le thème sur son site Web.

L'une des fonctionnalités clés de Wabi est la possibilité de changer de style * en un seul clic. Il a à la fois un thème clair et foncé et de multiples variations de couleurs dynamiques. Cela vous donne la liberté créative de styliser chaque message indépendamment.

Utilisez les liens ci-dessous pour en savoir plus sur le thème et le voir en action.

* Le plugin Gutenberg est requis pour les styles personnalisés.

Tové

Voir un nouveau thème sorti par Anders Noren est toujours un régal. Et si vous êtes fan d'une approche design élégante, le thème Tove impressionnera ! Mais pas seulement avec le design non plus.

Le thème est construit à partir de zéro comme point de départ pour l'édition complète du site. Et Anders a fait beaucoup de travail pour fournir des éléments créatifs prêts à l'emploi. Mais en plus du design, le thème laisse une petite empreinte ; sans JavaScript ni images frontales.

Le site de démonstration ( lien ci-dessous ) est conçu pour un site de restaurant. Mais, si vous aimez l'ambiance générale du thème, vous avez une totale liberté pour l'adapter à vos besoins. Au total, environ 40 modèles de blocs sont inclus dans le Tove Style Guide. Vous pouvez les utiliser pour assembler n'importe quel nombre de conceptions pour n'importe laquelle des pages de votre site WordPress.

Blockpress

Blockpress semble être l'un des premiers thèmes de blocs tout-en-un prenant en charge l'édition complète du site. Et, il est construit avec les meilleures pratiques à l'esprit.

Plus précisément, Blockpress est optimisé pour l'utilisation des ressources. Chaque page n'utilise qu'une petite empreinte d'actifs requis, et tout le reste est chargé en fonction des blocs que vous utilisez sur n'importe quelle page. De plus, le thème n'utilise pas jQuery ou des bibliothèques externes.

Le résultat est un très bon score Core Web Vitals. Une autre caractéristique intéressante est l'inclusion d'animations. Ce qui, comme je l'ai dit plus tôt, est l'objet de ce nouveau paradigme de thèmes. Avec Blockpress, vous pouvez utiliser les fonctionnalités du framework Lottie Animations, directement depuis votre éditeur de blocs. Pas de goulots d'étranglement de performances non plus.

Archéo

Il est logique qu'Automattic produise lui-même des thèmes FSE. Il y en a quelques-uns sur cette liste, et le premier est Archeo. Le thème est conçu pour être utilisé par les écrivains qui aiment une mise en page simple avec une grande typographie.

Le concept principal derrière la conception est d'avoir une grande photo comme section héros, une section médiane pour les articles de blog et un pied de page dédié. Dans les articles de blog, la structure de mise en page reste la même. Bien sûr, vous avez beaucoup de liberté pour changer les choses.

Brique

Bricksy d'Anariel Design est un autre thème axé sur l'approche polyvalente de la gestion des blocs. Plus précisément, Bricksy est conçu pour inclure une variété de modèles de blocs, qui servent de base à la conception du site que vous souhaitez réaliser.

À l'heure actuelle, Bricksy propose des démos pour les blogs de cuisine, de mariage et de mode. Mais, en examinant de plus près tous les modèles, il est sûr de dire que vous pouvez intégrer ce thème dans pratiquement n'importe quel projet. Vous pouvez consulter le lien du site Web ci-dessous, dans lequel une introduction vidéo à la bibliothèque de modèles est incluse dans ce thème.

 En parlant de modèles, consultez cet article de Justin Tadlock sur WP Tavern - WordPress a ajouté un répertoire Patterns, qui contient des modèles de blocs créés par la communauté que vous pouvez copier et coller dans vos thèmes existants. Entièrement compatible avec n'importe quel thème WordPress.

Skatepark

Le thème Skatepark sera un point de départ fantastique pour tous les sites Web liés aux médias que vous envisagez de créer avec WordPress. En tant que thème d'édition complète du site, il est conçu pour être personnalisé par vous .

Géologue

Geologist est un autre thème Automattic (le dernier, je le promets ! ) - axé sur l'écriture, avec un mode sombre natif au cas où c'est votre point fort. Dans l'ensemble, le style minimal signifie qu'il n'y a pas grand-chose à dire, à part le fait que la base de code est optimisée pour la gestion des blocs en temps réel.

Un minimum

Même si le thème Ona est décrit comme minimal , je pense que le style de conception aide beaucoup à le compenser. Là encore, je suis un grand fan de typographie élégante, et Ona a juste cette structure pour laisser une bonne impression.

Si je devais dire à qui s'adresse ce thème, je dirais qu'il s'adresse aux professionnels, aux blogueurs de mode et à tous ceux qui aiment une mise en page épurée. J'aime aussi le souci du détail :

Un formulaire d'inscription propre avec des liens sociaux est tout simplement parfait. D'autres modèles incluent un bloc de portefeuille, un flux Instagram et une mise en page de publication de blog pleine largeur super agréable.

Kemet

Mon impression de Kemet est qu'il s'agit plus d'un cadre que d'un simple thème.

Il regorge de fonctionnalités telles que des conteneurs collants, des éléments de modèle séparés et des styles d'image personnalisés, et est également optimisé pour la traduction. Les modèles de modèles intégrés sont particulièrement utiles lors de la création d'un site Web de plusieurs pages. Si vous cherchez à créer un site d'entreprise ou d'agence avec l'édition complète du site, Kemet est un thème à considérer.

Finance

La conception par défaut de Financio semble cibler les sites Web de style professionnel. Le menu de navigation bien organisé avec une page de héros pleine largeur est plutôt agréable. Toutes les icônes que vous voyez utilisées pour les cartes de fonctionnalités et autres éléments du site peuvent être remplacées en un seul clic.

A noter que Financio est développé par Gutenverse. Et ils ont un peu d'expérience avec les blocs WordPress. Attendez-vous donc à une expérience d'édition de site fluide, sur laquelle vous pouvez vous appuyer à partir du modèle prédéfini qu'ils ont fourni.

Attraper FSE

Catch est l'un des thèmes WordPress les plus récents prenant en charge l'édition complète du site. C'est également l'un des rares thèmes construits comme une page de destination au lieu d'une conception de blog. La mise en page, comme vous vous en doutez, comprend de nombreuses sections couvrant tous les aspects importants de la création d'une page de destination commerciale. Tous sont modifiables directement depuis le front-end.

Et si vous souhaitez que votre site Web ait un mode sombre, vous n'avez pas besoin de faire les ajustements vous-même avec ce thème. Il est par défaut conçu pour avoir un mode sombre. En dehors de cela, il est gratuit et rassemble lentement des utilisateurs actifs.

Guténa

Gutena est l'un des nouveaux thèmes FSE ajoutés au référentiel WordPress. Avec une abondance de tons crémeux et d'éléments soigneusement optimisés, ce thème est un candidat idéal pour un site Web d'agence, d'entreprise et de startup.

Du point de vue de la conception, j'ai été agréablement surpris de voir la mise en œuvre de cartes superposées, l'utilisation d'éléments box-shadow et de nombreuses images pour vous aider à faire passer votre mission commerciale devant vos clients.

Et vous avez toute liberté pour modifier chaque élément grâce au nouvel éditeur de thème Block.

Wei

Le tout premier thème FSE que nous avons examiné dans cette collection était de Rich Tabor. Maintenant, un peu plus de 2 mois après la publication de cet article - Rich a sorti un autre thème d'édition complète du site appelé Wei . Fait intéressant, bien que quelques mois se soient écoulés depuis sa dernière sortie, il y a eu une quantité extrêmement marginale de thèmes similaires introduits sur le marché.

Wei est conçu pour être utilisé pour les besoins pratiques des blogs. Il est conçu pour vous offrir de nombreuses options pour gérer plusieurs styles et accents de mise en page. Comme vous le verrez dans la démo, chaque article de blog peut avoir un style distinct, y compris des couleurs et une image d'arrière-plan personnalisée.

L'EauLave

Ce thème orienté Spa / Beauté de Gutenverse offre une expérience de page de destination ultra fluide et ajoute de nombreuses fonctionnalités uniques à votre site. D'une part, WaterLava a un générateur de formulaires intégré, qui vous évitera d'utiliser un plugin dans le même but.

La page d'accueil est conçue pour inclure des effets d'animation de transition, de sorte que les sections apparaissent lorsque le visiteur navigue sur le site. Dans ce thème, vous trouverez également de nombreux séparateurs de formes uniques. Pensez donc aux vagues et aux lignes personnalisées pour ajouter une touche moderne à votre site.

Il est également soigneusement optimisé pour les performances. Le thème ne dépend pas de jQuery et les modèles/blocs ne sont chargés que sur les pages où ils sont activement utilisés.

L'avenir du développement de thèmes WordPress

Je pense que ce que nous voyons maintenant est une évolution lente pour la prochaine phase de WordPress. Pour le moment, les thèmes traditionnels et les constructeurs de sites Web auront leur place. Mais, à l'avenir, il est tout à fait clair que WordPress deviendra un constructeur de sites à grande échelle.

Je suis également assez confiant car des entreprises comme Webflow ont montré qu'il est possible de créer des sites Web visuellement attrayants avec uniquement des outils plug-and-play.

La question est de savoir quand les développeurs de thèmes commenceront-ils à adopter cette prochaine phase ? À l'heure actuelle, la disponibilité des thèmes de blocs est assez rare. Je suppose qu'une fois que nous commençons à voir une véritable fiabilité en termes d'édition, les choses vont changer assez rapidement.

Bien sûr, de nombreux utilisateurs de WordPress continueront à utiliser des thèmes traditionnels, mais l'idée d'utiliser WordPress en tant que constructeur de site natif est quelque chose à penser.