Comme pour la plupart des logiciels, vous n’avez pas besoin de partir de zéro pour créer quelque chose d’utile pour vos clients ou pour vous-même.
C’est particulièrement vrai pour les thèmes de blocs WordPress. L’extension Create Block Theme, disponible dans le dépôt d’extensions WordPress, offre un moyen simple de construire un nouveau thème de blocs – qu’il soit dérivé d’un thème actif ou qu’il parte d’un canevas vierge.
Cette extension utilise les capacités de l’éditeur de site WordPress en tant qu’outil de construction de thèmes, ce qui en fait un atout puissant pour les développeurs de thèmes. Toutefois, comme il peut apporter des modifications permanentes à votre site, nous vous recommandons vivement de l’utiliser dans un environnement de staging. Si vous êtes un utilisateur de Kinsta, la mise en place d’un environnement de staging pour votre site est rapide et sans problème.
Comme prévu, cette extension n’est compatible qu’avec les thèmes de blocs et ne fonctionne pas avec les thèmes classiques. Dans cet article, nous explorons les fonctionnalités de l’extension Create Block Theme et expliquons comment l’utiliser.
Comment utiliser le plugin Create Block Theme ?
L’extension Create Block Theme offre deux façons d’accéder à ses fonctionnalités, en fonction de vos préférences et de votre flux de travail :
Vous pouvez accéder aux réglages de l’extension via Apparence > Créer un thème de bloc dans le tableau de bord d’administration de WordPress.
Vous y trouverez une liste d’options, notamment la sauvegarde des modifications apportées au thème actuel, la création de nouveaux thèmes ou l’exportation de thèmes. Bien que cette méthode soit simple, elle est limitée en termes de fonctionnalités par rapport à l’éditeur de site.
Pour une expérience optimale, nous vous recommandons d’utiliser l’extension dans l’éditeur de site de WordPress. En sélectionnant l’icône de la clé à molette dans l’éditeur de site, vous pouvez déverrouiller toutes les fonctionnalités de l’extension directement dans un environnement d’édition en direct. Cette intégration vous permet de prévisualiser et de personnaliser vos changements de manière transparente.
Explorer les fonctionnalités de Create Block Theme
L’extension Create Block Theme offre un ensemble de fonctionnalités robustes pour vous aider à construire, personnaliser et exporter des thèmes de blocs de manière efficace. Nous allons examiner chaque fonctionnalité en détail :
1. Enregistrer les modifications apportées à un thème
Le concept et l’exécution sont assez simples. Dans l’éditeur de site, modifiez vos styles, modèles et compositions en fonction du thème actif, puis enregistrez votre travail.
Le bouton Enregistrer les modifications permet d’enregistrer ce que vous souhaitez exporter, et non les modifications apportées au thème, qui ne peuvent être enregistrées qu’à l’aide du bouton Enregistrer par défaut. Les modifications sauvegardées peuvent toujours être annulées à l’aide de l’outil de révision de WordPress (sans avoir besoin de l’extension).
Comme indiqué ci-dessus, vous avez huit options à prendre en compte si vous souhaitez exporter le thème :
- Sauvegarder les polices
- Sauvegarder les changements de modèles
- Traiter uniquement les compositions modifiées
- Sauvegarder les compositions synchronisées
- Localiser le texte
- Localiser les images
- Supprimer les références de navigation
2. Créer une variation de thème
Bien que cela ne soit pas évident à première vue, cette option vous permet de créer non seulement une variation de style, mais aussi une nouvelle palette de couleurs et/ou un jeu de caractères (une collection de polices qui peut être appliquée au texte, aux liens, aux titres, aux légendes et aux boutons).
Dans l’exemple ci-dessous, nous avons créé un style « My New Variation ». Pour cela, vous devez au minimum créer une nouvelle palette de couleurs et une nouvelle police de caractères à associer à la nouvelle variation de style. Sachez que vous ne verrez ici que la nouvelle variation (sans modification des palettes de couleurs et des jeux de caractères par défaut).
Dans l’exemple ci-dessous, nous avons créé une nouvelle palette de couleurs avec deux couleurs qui peuvent être appliquées à n’importe quelle variation de style. La partie gauche met en évidence la création de deux couleurs personnalisées pour la nouvelle palette de couleurs. La partie centrale montre le processus d’enregistrement. La partie droite confirme la nouvelle palette de couleurs personnalisée.
Enfin, nous avons créé un nouveau jeu de caractères. Une nouvelle police, Roboto, est ajoutée puis affectée aux éléments de texte et d’en-tête (non illustrés).
Le côté droit indique les polices utilisées pour la nouvelle composition, le milieu montre le processus d’enregistrement et le côté droit confirme la nouvelle composition.
En résumé, vous pouvez créer non seulement une variation de style complète, mais aussi une palette de couleurs et/ou une composition séparée, qui peut être appliquée à votre thème de la manière que vous souhaitez
3. Créer un thème vierge
Si vous souhaitez commencer avec un thème propre et sans design, l’option Créer un thème vierge est la meilleure solution. Son objectif est similaire à celui du thème Underscores, qui était populaire auprès des développeurs pendant l’ère classique de la thématisation de WordPress.
La création d’un thème bloc génère un thème standard de base. Comme prévu, un thème vierge :
- Ne comprend qu’un modèle d’index.
- Ne comportera aucune variation de style.
- Comportera une seule partie de modèle d’en-tête et de pied de page
- Contient un fichier
theme.jsonminimaliste. - Exclure un fichier
functions.php.
Contrairement aux options Créer un nouveau thème ou Créer des variations de style, cette option permet de créer un thème entièrement nouveau, ce qui sera visible une fois que vous aurez consulté la page Apparence.
4. Exporter le thème au format zip
Il s’agit d’une fonction pratique de l’extension, car c’est le moyen le plus efficace de migrer votre thème actif vers un nouveau site. La fonction d’exportation crée un fichier zip de thème standard qui peut être utilisé pour un autre site.
Quelle est la différence entre l’exportation d’un thème de cette manière et la fonction d’exportation intégrée à WordPress ? Aucune. Il s’agit simplement d’un moyen très pratique d’exporter le thème actif.
Si vous n’êtes pas familier avec la méthode intégrée d’exportation d’un thème actif, sélectionnez l’option à trois points dans le coin supérieur droit et localisez l’option Exporter.
5. Créer un nouveau thème
Examinons les deux approches proposées par l’extension pour créer un nouveau thème. Comme pour le thème vierge, les thèmes créés avec cette option apparaîtront également sur la page Apparence > Thèmes et deviendront automatiquement le thème actif après leur création.
Quelle que soit l’option choisie – Cloner un thème ou Créer un thème enfant – vous aurez les mêmes choix que pour le thème vierge.
Cloner un thème
Le clonage d’un thème crée une copie des modifications enregistrées dans le thème actif. Une fois que vous avez choisi le nom du thème cloné, vous pouvez également définir les métadonnées du thème comme suit :
- Nom du thème
- Description du thème
- URI du thème
- Auteur
- URI de l’auteur
- Version minimale de WordPress
Créer un thème enfant
La création d’un thème enfant permet aux développeurs d’apporter des modifications à un thème sans en altérer le code.
Vos choix de métadonnées sont les mêmes que pour la création d’un thème clone.
6. Modifier les métadonnées du thème
Vous pouvez personnaliser les métadonnées de votre thème actif directement via l’extension. Les champs de métadonnées que vous pouvez mettre à jour sont les suivants :
- Nom du thème : Le nom affiché dans le gestionnaire de thème de WordPress.
- Description du thème : Une brève description de l’objectif ou des fonctionnalités de votre thème.
- URI du thème : Une URL pointant vers la documentation ou la démo du thème.
- Auteur : Le nom du créateur du thème.
- Version du thème : Le numéro de version du thème.
- Version minimale de WordPress : La première version de WordPress compatible avec le thème.
- Étiquettes du thème : Mots-clés pour catégoriser et décrire votre thème.
- Extensions recommandées : Extensions dont votre thème dépend ou qu’elle améliore.
- Crédits des polices : Remerciements pour les polices utilisées dans votre thème.
- Crédits des images : Remerciements pour toutes les images utilisées dans votre thème.
- Capture d’écran : L’image de prévisualisation affichée dans le gestionnaire de thème de WordPress.
Ces champs sont essentiels pour rendre votre thème professionnel et prêt à être distribué.
7. Voir theme.json
Si vous avez besoin d’un coup d’œil rapide à votre fichier theme.json, l’extension fournit une vue en lecture seule du fichier theme.json de votre thème. Ce fichier contient les styles et réglages globaux de votre thème, tels que les couleurs, la typographie et les configurations de mise en page.
L’examen de ce fichier vous permet de vérifier rapidement les personnalisations appliquées à votre thème.
8. Voir les styles personnalisés
Pour les thèmes de blocs enfants, le fichier theme.json inclut des personnalisations qui n’affectent pas le thème parent. Cela permet de s’assurer que le thème parent reste intact pendant que vous mettez en œuvre des modifications spécifiques dans le thème enfant.
L’interface permettant d’afficher ces styles personnalisés est la même que celle utilisée pour le fichier theme.json du thème parent.
9. Réinitialiser le thème
Cette option vous permet de ramener les modifications apportées à votre thème, y compris les styles, les modèles et les parties de modèle, à l’état dans lequel elles se trouvaient lors de la dernière opération d’enregistrement.
Pour une approche plus robuste, vous pouvez utiliser la fonction WordPress Revisions. Cette fonction intégrée fournit un historique détaillé de vos modifications, ce qui vous permet de restaurer votre thème à un état antérieur avec précision.
Résumé
Si vous commencez à développer un thème de blocs personnalisé, l’extension Create Block Theme est un outil idéal. Elle exploite toutes les capacités de WordPress en tant qu’outil de construction de thèmes, rendant votre thème plus rapide.
Au fur et à mesure que vous travaillez avec l’extension, vous recevrez des alertes du navigateur qui vous aideront à comprendre les étapes que vous êtes sur le point de franchir.
Essentiellement, cette extension permet un transfert de données de la base de données vers le système de fichiers. Lorsque vous apportez des modifications à un thème, celles-ci sont enregistrées dans la base de données. Cette extension extrait ces changements de la base de données et crée les fichiers nécessaires pour un nouveau thème et/ou pour une exportation si nécessaire.
Comme cette extension est en cours de développement, vous pouvez vous attendre à des améliorations, mais soyez attentifs aux ruptures potentielles. Lorsque vous testez une fonctionnalité particulière, utilisez toujours un environnement de staging. Chez Kinsta, nous offrons des outils qui permettent aux créateurs de thèmes et aux développeurs de travailler facilement avec WordPress.
Essayez Kinsta dès aujourd’hui pour découvrir comment nous pouvons vous aider à créer des thèmes WordPress étonnants !
Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.
