Actualités

WordPress et édition complète du site : comment créer un thème enfant et un thème de bloc

Quand utiliser un thème enfant pour WordPress ? Il est important de créer un thème enfant si vous envisagez d’apporter des modifications personnalisées au code.

Ainsi, lorsque le thème est mis à jour, les modifications personnalisées apportées au code ne seront pas écrasées.

Traditionnellement, lorsque vous travaillez avec WordPress, cela nécessitait de faire une copie de functions.php et de style.css pour créer le thème enfant et de mettre le thème enfant en file d’attente dans le thème parent.

Avec la structure de fichiers différente dans Édition complète du site quelques ajustements ont dû être faits pour que tous les fichiers appropriés soient trouvés.

Heureusement, avec la création du Créer un plug-in de thème de bloc par WordPress.org, créer non seulement un thème enfant, mais aussi un thème entièrement personnalisé ou une variation de style est plus facile que jamais.

Capture d’écran du référentiel de plugins WordPress.org, décembre 2022Créer un plug-in de thème de bloc

Sommaire

Configuration du plugin Créer un thème de bloc sur WordPress

Tout d’abord, vous voudrez installer et activer le thème de bloc WordPress pour lequel vous souhaitez créer votre nouveau thème ou thème enfant – dans ce cas, j’utilise Twenty Twenty-Two.

Capture d’écran du tableau de bord WordPress, décembre 2022Thème vingt vingt-deux

Ensuite, suivez les étapes suivantes :

Allez dans Plugins > Ajouter un nouveau.

Dans la fenêtre de recherche, recherchez « Créer un thème de bloc ».

Cliquez sur Installer et activer.

Page des pluginsCapture d’écran du tableau de bord WordPress, décembre 2022

Une fois le plug-in installé, vous disposerez de nouvelles options sous Apparence, notamment Créer un thème de bloc et Gérer les polices de thème.

Capture d’écran du tableau de bord WordPress, décembre 2022Options d'apparence

Créer un thème enfant WordPress

Le plug-in Créer un thème de bloc est un moyen extrêmement simple de créer un thème enfant pour un bloc, y compris un thème d’édition de site complet. Le plugin créera automatiquement le dossier des pièces, le dossier des modèles, theme.json et style.css.

Une fois le plugin installé, vous êtes prêt à créer le thème enfant :

  • Sous Apparence, sélectionnez Créer un thème de bloc.
  • Ensuite, sélectionnez Créer un enfant de Twenty Twenty-Two (si vous avez sélectionné un thème différent, il listera ce thème).
  • Sur la droite, remplissez le nom du thème, la description du thème, l’URI du thème, l’auteur et l’URI de l’auteur.
  • Cliquez sur le bouton bleu Générer pour créer le thème enfant.
Capture d’écran du tableau de bord WordPress, décembre 2022informations sur le thème enfant

Votre thème enfant sera exporté sous forme de fichier zip.

Capture d’écran du fichier de thème enfant généré, décembre 2022fichier zip thème enfant

Sous Apparence > Thèmes, cliquez sur Ajouter un thème et Télécharger un thème, puis sélectionnez le fichier zip qui a été généré.

Allez dans Thèmes et assurez-vous que vous voyez votre nouveau thème enfant.

Créer une image personnalisée pour un thème enfant WordPress

Un défaut du plugin est qu’il ne vous permet pas d’ajouter un screenshot.png pour votre thème enfantni celui fourni avec le thème parent.

Cela peut être facilement corrigé et offre une belle touche personnalisée pour votre thème enfant.

À l’aide de votre éditeur d’images préféré, créez une nouvelle image de 1200 pixels sur 900 pixels, et nommez-le screenshot.png.

Placez le nouveau screenshot.png dans le dossier du thème enfant que vous avez créé.

Capture d’écran des fichiers de thème pour le thème enfant WordPress, décembre 2022fichiers dans le thème enfant

Revenez aux thèmes et votre nouvelle image devrait apparaître avec votre thème enfant.

Capture d’écran du tableau de bord WordPress, décembre 2022Image du thème enfant actif

Maintenant qu’un thème enfant est défini sur votre thème de bloc, des modifications peuvent être apportées au thème.json et les fichiers de modèle style.css sans remplacer les fichiers de thème parent.

De cette façon, le thème parent peut être mis à jour sans aucun problème.

Vous pouvez également exporter le nouveau thème enfant avec les modifications apportées, telles que l’image, à utiliser comme thème enfant pour les nouvelles installations du thème parent.

Créer un thème de bloc personnalisé sur WordPress

La Créer un plug-in de thème de bloc fournit un certain nombre d’options pour créer votre propre thème. Vous pouvez cloner le thème actuel et apporter vos propres modifications personnalisées en l’utilisant comme modèle.

Une fois que vous avez apporté les modifications et que vous en êtes satisfait, vous pouvez ensuite utiliser le plugin pour exporter le thème avec toutes les modifications que vous avez apportées afin d’utiliser votre nouveau thème sur d’autres sites Web.

De plus, vous pouvez créer un nouveau thème complètement vierge qui utilise le thème actuel comme passe-partout. C’est un excellent moyen de créer quelque chose de complètement personnalisé.

Pour créer un tout nouveau thème, procédez comme suit :

Sous Créer un thème de bloc, choisissez Créer un thème vierge.

Remplissez toutes les informations sur le côté droit, nommez-le et ajoutez votre nom en tant que créateur, puis cliquez sur Générer.

Capture d’écran du tableau de bord WordPress, décembre 2022Créer un thème vierge

Votre nouveau thème sera téléchargé sous forme de fichier zip.

Sous Apparence > Thèmes, vous pouvez télécharger et activer votre nouveau thème.

Suivez les mêmes étapes que le thème enfant, si vous souhaitez ajouter une image personnalisée pour le screenshot.png.

Activez le nouveau thème et utilisez-le comme point de départ pour votre nouveau thème.

nouveau thème viergeCapture d’écran du tableau de bord WordPress, décembre 2022

Utilisez des modèles, des blocs, des éléments de modèle et l’éditeur de styles pour créer votre nouveau thème selon l’apparence souhaitée.

Une fois que vous avez terminé de travailler sur votre nouveau thème, retournez à Apparence > Créer un thème de bloc et exportez le nouveau thème, qui contient toutes les modifications que vous lui avez apportées.

Il sera exporté sous forme de fichier zip et pourra être téléchargé sur toute nouvelle installation WordPress.

Gestion des polices de thème WordPress

Une autre grande caractéristique du Créer un plug-in de thème de bloc est de pouvoir facilement ajouter et supprimer des polices pour le thème.

En règle générale, pour ajouter de nouvelles polices à un thème, les polices doivent être téléchargées, ajoutées au dossier des polices et mis en file d’attente dans functions.php fichier, ou un Lien Google devrait être ajouté au code.

L’ajout de plusieurs polices peut compliquer encore plus le processus.

Avec le plugin, Polices Google et polices locales de votre ordinateur peuvent être ajoutés ou supprimés facilement de votre thème personnalisé ou d’un thème que vous avez installé et activé.

Pour les polices Google, cliquez sur Ajouter une police Google et la fenêtre déroulante vous donnera une liste des polices Google disponibles.

Sélectionnez la police, cochez la case et cliquez sur le bouton pour ajouter Google Font à votre thème.

Capture d’écran du tableau de bord WordPress, décembre 2022Gérer les polices de thème
Capture d’écran du tableau de bord WordPress, décembre 2022Ajouter des polices Google

L’ajout d’une police locale que vous avez téléchargée est un processus similaire.

Cliquez pour ajouter une police locale, téléchargez le fichier de police, remplissez le nom, le style et le poids de la police, puis appuyez sur le bouton pour télécharger la police locale sur votre thème.

Polices localesCapture d’écran du tableau de bord WordPress, décembre 2022

Thèmes enfants WordPress simplifiés

Avec Édition complète du site et le Créer un plug-in de thème de bloccréer vos propres variations de thème et de style n’a jamais été aussi simple.

L’utilisation du plug-in au lieu de mettre manuellement les fichiers en file d’attente et de modifier le code simplifie la création de thèmes enfants et l’ajout de nouvelles polices.

Motifs, variantes de styleet blocs réutilisables lorsqu’il est utilisé avec le plugin, il existe d’excellents moyens simples de créer votre propre thème personnalisé que vous pouvez exporter et réutiliser.

Le tout sans avoir besoin de toucher à aucun des codes de thème.

Davantage de ressources:


Image en vedette : Kaspars Grinvalds/Shutterstock

 

À VOIR:   Mise à jour Yoast SEO 19.10 - Sachez-le avant la mise à jour

Articles similaires

Bouton retour en haut de la page