Vous pouvez maintenant créer votre propre thème de bloc dans WordPress

WordPress Full Site Editing (FSE) nous permet de modifier divers aspects d'un site Web sans avoir besoin de code. Il a placé des parties auparavant cachées d'un thème à la portée des non-concepteurs. Et peut-être rendu le travail d'un professionnel du Web un peu plus facile dans le processus.

Mais cela ne fait qu'effleurer la surface du potentiel de FSE. Des capacités plus avancées sont en cours de développement. Parmi eux se trouve la possibilité de créer un thème de bloc entier dans WordPress.

Réfléchissons un instant à cela. Historiquement, il y a eu deux méthodes principales pour mettre en œuvre des thèmes. La première consiste à créer le vôtre à partir de zéro en utilisant PHP, HTML, JavaScript et CSS. L'autre consiste à télécharger un thème tiers et à le modifier à votre guise.

Grâce au plugin Create Block Theme, il existe désormais une troisième méthode : créer un thème de bloc entièrement à partir de WordPress. À partir de là, vous pouvez exporter votre création pour l'utiliser ailleurs.

Cela semble révolutionnaire en termes de création de sites Web avec WordPress. Comment ça marche? Aujourd'hui, nous allons jeter un premier coup d'œil à Créer un thème de bloc et vous montrer ce qu'il peut faire.

Ce que fait le plugin Créer un thème de bloc

La sortie du plugin Create Block Theme arrive à un moment où FSE est encore une technologie naissante. Développé par des membres de l'équipe officielle des thèmes WordPress, il pourrait bien se retrouver un jour dans le logiciel de base.

À première vue, c'est un logiciel très simple, mais c'est par conception. Le plugin n'ajoute aucune nouvelle fonctionnalité radicale à l'éditeur de site. Au contraire, il fournit un moyen d'exporter le travail que vous avez déjà effectué. Et il y a aussi quelques autres goodies.

Lorsque vous téléchargez Créer un thème de bloc et que vous l'activez sur votre site Web (il est également recommandé d'exécuter la dernière version du plugin Gutenberg), vous remarquerez un nouvel élément de menu situé dans Apparence > Créer un thème de bloc .

Cet écran vous propose les options suivantes :

Exporter le thème actif
Si vous utilisez déjà un thème de bloc, tel que Twenty Twenty-Two, et que vous avez apporté des modifications dans l'éditeur de site, vous pouvez exporter la version personnalisée du thème. Cela peut être utile si vous souhaitez créer un point de départ personnalisé pour d'autres projets qui utilisent le thème.

Créer un enfant du thème actif
Dans le passé, les thèmes enfants étaient recommandés pour garantir que les personnalisations ne soient pas écrasées lorsque vous téléchargez des mises à jour de votre thème. En ce qui concerne les thèmes de blocs, un enfant peut servir de moyen de distribuer des variantes spécifiques du parent. Par exemple, l'un peut contenir une typographie ou un jeu de couleurs différent.

Cloner le thème actif
Cette option copie votre thème actif et inclut toutes les modifications que vous y avez apportées dans l'éditeur de site en utilisant un nouveau nom. Puisqu'il s'agit d'une copie séparée, cela vous permet de travailler sur le nouveau thème sans endommager accidentellement l'original.

Remplacer le thème actif
Si vous avez apporté des modifications au thème actif et souhaitez qu'elles remplacent ses paramètres par défaut, cette option vous permet de le faire.

Construire un thème de bloc WordPress personnalisé

Le processus de création d'un thème de bloc WordPress personnalisé consiste à apporter les modifications souhaitées via l'éditeur de site ( Apparence > Éditeur ). Modifiez l'en-tête, le pied de page, les zones de contenu de votre thème et tout ce que votre cœur désire.

Mais avant de pouvoir le faire, il est important de choisir le bon thème de bloc. Par exemple, vous pouvez utiliser une toile vierge telle que Blockbase. Cela vous permet de repartir de zéro et de créer un look entièrement personnalisé. Cela signifie également ne pas avoir à supprimer les éléments de thème existants dont vous ne voulez pas.

Si vous préférez quelque chose avec plus d'ajustement et de finition, il existe plusieurs thèmes de blocs disponibles qui peuvent fournir un excellent point de départ. Vous aurez une mise en page établie et pourrez apporter les modifications nécessaires pour répondre à vos besoins.

Quelle que soit la façon dont vous démarrez, Créer un thème de bloc vous permettra d'exporter votre thème pour l'utiliser sur une autre installation WordPress.

Exportation de votre thème de bloc personnalisé

Dans cet exemple, j'ai apporté quelques personnalisations de base à Blockbase. Il est maintenant temps d'exporter le thème et de l'installer sur un autre site Web WordPress local.

Comme mentionné précédemment, Créer un thème de bloc fournit plusieurs options d'exportation. J'ai choisi de créer un thème enfant et de lui donner un nom personnalisé. Cela signifie que j'aurai besoin d'avoir une copie de Blockbase installée sur tous les autres sites Web sur lesquels j'aimerais utiliser mon nouveau thème enfant.

L'exportation génère un fichier ZIP, que je peux ensuite importer dans mon nouveau site. Sur le nouveau site WordPress, je vais naviguer vers Apparence > Thèmes , puis cliquer sur le bouton « Ajouter nouveau ».

Une fois sur la page Ajouter des thèmes , je peux télécharger mon nouveau thème de bloc en cliquant sur le bouton « Télécharger le thème » et en sélectionnant le fichier .ZIP exporté de mon disque dur. Enfin, je vais activer le thème enfant.

Les résultats semblent bons. Les modifications que j'ai apportées ont survécu au processus d'exportation et semblaient bien fonctionner sur le nouveau site. Théoriquement, cela fournirait une bonne longueur d'avance pour travailler sur de futurs projets.

Est-ce l'avenir de la création de thèmes WordPress ?

La possibilité de créer un thème de bloc à partir de WordPress, puis de l'utiliser n'importe où pourrait changer la donne pour votre flux de travail. Cela réduit potentiellement beaucoup de temps passé à traiter le code et offre une expérience de conception visuelle complète.

Pourtant, la commodité peut ne pas signifier grand-chose si l'éditeur du site n'offre pas tous les outils dont vous avez besoin. Il est assez simple de créer différentes mises en page et d'ajuster les couleurs, etc. Mais il y aura probablement des scénarios où le code sera nécessaire.

Tout dépend de la façon dont vous aimez travailler. Certains d'entre nous s'en tiendront volontiers aux processus que nous avons mis en place – et ce n'est pas grave. Le confort et la stabilité sont importants, en particulier lorsque les thèmes FSE et blocs en sont à leurs débuts.

Cependant, la portabilité offerte par Create Block Theme est un aperçu du futur. Et avoir la possibilité de créer des thèmes de blocs WordPress de cette manière sera attrayant pour de nombreux concepteurs de sites Web. C'est un développement qui mérite d'être surveillé car il continue d'évoluer.