Pourquoi avez-vous besoin d’un thème enfant WordPress ?

Inspiré par un article sur Habré, j'ai décidé de créer ma propre version sur la création d'un thème enfant dans WordPress, car Habré contient beaucoup de texte et d'explications. En tant que personne qui ne me considère pas comme un grand pro de la programmation sur WordPress, je vais essayer de tout raconter brièvement et précisément.

Si c’est la deuxième fois que vous consultez WordPress et la troisième fois que vous tombez sur une mise à jour de thème, lisez la suite.

Alors, à quoi servent les thèmes enfants ? J'ai déjà partiellement répondu à cette question. Avec une certaine périodicité, des failles de sécurité sont découvertes dans le noyau WordPress, les plugins et les thèmes. En règle générale, les gars intelligents qui développent des thèmes, des plugins et le CMS lui-même publient des mises à jour. Toutes vos personnalisations disparaissent au moment où vous installez ces mises à jour. Cela devient particulièrement grave dans une situation dont le thème est profondément modifié. C'est très déplorable - en l'absence de copie de sauvegarde.

Afin de ne pas perdre toutes vos modifications, mieux vaut ne pas les faire dans les fichiers principaux du thème.

J’ai réussi à le retrouver dans les bacs WordPress avec une ancienne version du thème Twenty Twelve. Je vais l'utiliser comme exemple.

1. Créez un dossier de thème enfant :

mkdir wp-content/themes/twentytwelve-child

2. Pour que le thème fonctionne, vous avez besoin de deux fichiers :

• style.css
• fonctions.php

Créons-les :

touchez wp-content/themes/twentytwelve-child/style.css
touchez wp-content/themes/twentytwelve-child/fncctions.php

3. Le nom du thème est défini dans style.css. Code minimum pour style.css :

/* Nom du thème : Twenty Twelve Child Modèle : vingttwelve Auteur : l'équipe WordPress Version : 1.0 Domaine texte : vingttwelve-child */ @import url("../twentytwelve/style.css")

La dernière ligne charge les styles du thème mère.

À ce stade, le thème apparaît dans la liste des thèmes de la zone d’administration WordPress et ressemble à ceci :

Copiez capture d'écran.png du thème mère pour que l'image apparaisse. Vous pouvez le modifier si vous le souhaitez :

cp wp-content/themes/twentytwelve/screenshot.png wp-content/themes/twentytwelve-child/

Maintenant, la liste des sujets ressemble à ceci :

Après cela, le thème peut être activé et il fonctionnera même.

Il ne reste plus qu'à mettre tous les fichiers modifiés dans le dossier du thème enfant. Le fait est que WordPress donne la priorité aux scripts/fichiers du dossier du thème enfant par rapport aux fichiers/scripts du thème mère. Si l'un des fichiers est introuvable dans le dossier du thème enfant, il est extrait du thème mère.

Le thème standard ressemble à ceci :

Modifions-le un peu pour plus de clarté. J'ai copié le fichier header.php du thème mère, modifié l'affichage du menu (au-dessus de l'en-tête) et supprimé l'affichage de la description du blog. Dans le même temps, le header.php original est resté intact. Cela s'est passé comme ceci :

Comme nous pouvons le voir, header.php du dossier du thème enfant a fonctionné.

Embuscade uniquement avec des styles. Si vous déclarez un nouveau style d'affichage, tel que la largeur de la zone de texte, dans le fichier style.css de votre thème enfant, cela ne fonctionnera pas.

Pour que cela fonctionne, vous devez créer un fichier de styles distinct et le connecter :

touchez wp-content/themes/twentytwelve-child/custom.css

Ajoutez-y le code de spoiler.site :

Site (marge : 0 auto ; largeur maximale : 90 % ; débordement : caché ; )

Malheureusement, la directive @import url ne fonctionne qu'une seule fois dans le fichier style.css, vous ne pourrez donc pas inclure un deuxième fichier de style.

Dans WordPress, les styles sont activés à l'aide de la fonction wp_enqueue_style() dans le fichier function.php.

Créez la première fonction personnalisée dans le fichier function.php du thème enfant, qui renverra le dossier ou l'URI du thème enfant :

Fonction get_child_template_directory_uri() ( return dirname(get_bloginfo("stylesheet_url")); )

Après cela, nous pouvons utiliser en toute sécurité get_child_template_directory_uri() dans d'autres fonctions personnalisées.

Maintenant, nous connectons custom.css :

Function child_styles() ( wp_enqueue_style("twentytwelve-child-style", get_child_template_directory_uri() . "/custom.css"); ) add_action("wp_enqueue_scripts", "child_styles",12);

Si nécessaire, vous pouvez copier la ligne et ajouter d'autres fichiers CSS. Tout fonctionnera.

Je pense qu'il n'est pas nécessaire d'expliquer pourquoi le fichier function.php doit commencer par

À propos, le nombre dans add_action() détermine la priorité. 12 est l'action la plus cool, il est sous-entendu que les styles qui ont été connectés en l'utilisant auront priorité sur les styles standards du thème mère.

Par analogie avec les styles, vous pouvez ajouter d’autres fonctions sans possibilité de les perdre lors d’une mise à jour.

Je ne déclamerai pas davantage. Mettez tous les fichiers qui ont été modifiés dans un dossier, connectez tous les fichiers CSS nécessaires et mettez à jour autant que vous le souhaitez.

(Visité 1 223 fois, 1 visite aujourd'hui)

La plateforme WordPress est un aimant pour ceux qui veulent prendre les choses en main, qui veulent prendre le contrôle total de leur site Web et qui veulent être indépendants dans sa gestion. WordPress rend cela très simple et peut complètement personnaliser votre site Web. Si vous avez un peu de connaissances en HTML, CSS et/ou PHP, alors il n'y a rien que vous ne puissiez changer.

Je veux dire, comparez simplement les thèmes par défaut, Twenty Fifteen et Twenty Fourteen. Il est difficile de croire qu’ils fonctionnent sur la même plateforme, n’est-ce pas ? Il est donc tout à fait naturel que vous souhaitiez adapter l’apparence et la convivialité de votre site à vos préférences. Je doute qu’il y ait des utilisateurs de WordPress qui n’y pensent pas constamment. Cependant, un problème se pose.

Configurer WordPress : vous pourriez vous tromper

Lorsqu’ils tentent d’apporter des modifications à un site Web, un grand nombre de personnes préfèrent modifier le thème lui-même. Cela signifie qu'ils modifient ou ajoutent des fichiers à leur fichier . Cela crée un certain nombre de problèmes.

Le plus gros inconvénient est que toutes les modifications apportées au thème seront ainsi perdues une fois le thème mis à jour par le développeur. En conséquence, les utilisateurs ne pourront pas maintenir leur thème à jour (ce qui est mauvais pour la sécurité) ou perdront toutes les personnalisations qu'ils ont effectuées.

Quoi qu’il en soit, la situation est loin d’être idéale.

Une bien meilleure idée est d’utiliser . Cela vous permet d'apporter un certain nombre de modifications à votre site Web sans toucher aux fichiers de thème d'origine.

Ça a l'air bien? Génial, car dans cet article, nous verrons de plus près de quoi il s’agit. thèmes enfants dans WordPress, comment les créer et comment les utiliser, comment bien configurer votre site internet.

Que sont les thèmes enfants et comment les utiliser ?

Lorsqu’on parle de thèmes enfants, il faut d’abord parler des thèmes parents. Un thème ne devient parent que lorsque quelqu'un crée un thème enfant pour lui. En attendant, il ne s’agit que d’un thème que vous retrouverez dans l’annuaire WordPress. Chaque thème comprend tous les fichiers nécessaires au thème parent.

Cependant, un tel sujet Peut êtreétant le parent du thème, certains sont mieux adaptés à cet effet que d'autres. Par exemple, il existe des frameworks spécialement conçus pour personnaliser un thème enfant.

Qu'est-ce qu'un thème enfant ? Dans le backend WordPress, un thème enfant se comporte comme un thème normal. Vous pouvez le trouver et l'activer dans la section « Apparence » → « Thèmes », comme n'importe quel autre thème.

La grande différence est qu’un thème enfant dépend entièrement de son parent pour fonctionner. Sans thème parent, le thème enfant ne fera rien et ne pourra même pas être activé.

En effet, un thème enfant n'est pas un thème à part entière, il modifie ou ajoute des fichiers à un thème existant. Il utilise tout le thème parent et ne modifie que les parties que vous souhaitez modifier.

Il vous permet de modifier les styles, les fonctionnalités, la mise en page, les modèles et bien plus encore. En fait, vous pouvez personnaliser le thème parent au-delà de toute reconnaissance. Cependant, sans sa présence, aucun d’entre eux ne fonctionnerait.

Avantages des thèmes enfants

Les avantages d’un thème enfant sont nombreux :

• Au lieu de cela, vous pouvez vous baser sur un modèle existant, accélérant ainsi le temps de développement.
• Vous pouvez profiter des fonctionnalités de structures complexes et de thèmes parents tout en personnalisant la conception en fonction de vos besoins.
• Vous pouvez mettre à jour le thème parent sans perdre les paramètres personnalisés.
• Si vous n'êtes pas satisfait de vos paramètres, désactivez simplement le thème enfant et tout sera comme avant.
• C'est une excellente façon de commencer à apprendre comment fonctionnent les thèmes.

Un thème enfant peut contenir des dossiers d’images, des fichiers modèles, etc. Vous pouvez activer autant de paramètres que vous le souhaitez.

En fait, un thème enfant n'a besoin que de trois éléments : des dossiers, des fichiers de feuille de style et des fichiers . C'est ça. Et puis, ces deux fichiers peuvent même être largement vides.

Quand utiliser un thème enfant

Alors, est-il toujours nécessaire de créer un thème enfant chaque fois que vous souhaitez apporter des modifications à votre site WordPress ? Non.

Si vous envisagez d'apporter uniquement des modifications mineures, telles que des changements de couleur ou une police différente, il est préférable d'installer un plugin CSS personnalisé. . De nombreux thèmes offrent désormais également la possibilité d’ajouter du code personnalisé de manière native.

Cependant, si vous envisagez d’introduire des changements importants tels qu’une refonte majeure de la conception, quelques modifications de modèle ou toute autre chose entre les deux, alors un thème enfant est définitivement la solution.

Configuration de base du thème enfant

Bon, maintenant que nous savons ce qu'est un thème enfant et ce qu'il peut faire pour nous, voyons comment en créer un étape par étape. Pour notre exemple, nous utiliserons Twenty Fifteen, le dernier thème par défaut pour WordPress. Ne vous inquiétez pas, c'est très simple et vous l'obtiendrez en un rien de temps.

Note:

Les actions suivantes peuvent être effectuées directement sur le serveur à l'aide de . Cependant, je recommande de tout configurer d'abord localement, puis de compresser le dossier du thème enfant et de l'installer en tant que thème standard via le menu Thème. Cela rendra tout beaucoup plus facile.

Création d'un dossier dans wp-content/themes

Comme mentionné, un thème enfant a besoin de trois choses : son propre dossier, des feuilles de style et un fichier function.php. Nous allons commencer par le dossier.

Comme tout autre thème, les thèmes enfants se trouvent dans le dossier wp-content/themes de votre installation WordPress. Alors allons-y et créons un nouveau dossier pour votre thème enfant.

La meilleure pratique consiste à fournir votre dossier de thème, le même nom que le thème parent, et à ajouter -child . Puisque nous utilisons le thème vingt-quinze, nous nommerons notre dossier vingt-quinze-enfant.

Vous pouvez utiliser le nom de votre choix ; assurez-vous simplement de ne pas inclure d'espaces car cela peut entraîner des erreurs.

Création de feuilles de style

Maintenant que nous avons notre dossier, nous aurons besoin d’une feuille de style. Au cas où vous ne le sauriez pas, une feuille de style contient du code qui définit la conception d'un site Web. Les thèmes peuvent avoir plusieurs feuilles de style, mais nous nous en tiendrons à une seule pour l'instant.

Créer une feuille de style est simple : créez simplement un nouveau fichier texte et appelez-le style.css . Prêt! Cependant, pour que cela fonctionne, nous devrons insérer le code suivant, appelé « en-tête de feuille de style », au tout début du fichier (code fourni par WordPress Codex) :

/* Nom du thème : Twenty Fifteen Child Thème URI : http://example.com/twenty-fifteen-child/ Description : Twenty Fifteen Child Thème Auteur : John Doe Auteur URI : http://example.com Modèle : vingt-quinze Version : 1.0.0 Licence : GNU General Public License v2 ou version ultérieure URI de la licence : http://www.gnu.org/licenses/gpl-2.0.html Balises : light, dark, two-columns, right-sidebar, responsive-layout, Domaine de texte prêt pour l'accessibilité : vingt-quinze-enfants */

Voici ce que signifie chaque ligne :

• Nom du thème
  C'est le nom qui apparaîtra pour votre thème dans le backend WordPress.
• URI du thème
  Le lien pointe vers un site Web ou une page de démonstration pour le sujet. Il s'agit généralement d'un lien d'auteur qui doit être présent pour que le thème soit accepté dans le répertoire WordPress.
• Description
  Cette description de votre thème apparaîtra dans le menu du thème lorsque vous cliquerez sur le bouton « Détails du thème ».
• Auteur
  Le nom de l'auteur, c'est vous dans ce cas.
• URI de l'auteur
  Vous pouvez mettre l'adresse de votre site Web ici si vous le souhaitez.
• Modèle
  Cette partie est critique. Voici le nom du thème parent, ce qui signifie le nom de son dossier. Gardez à l’esprit qu’il est sensible à la casse et que si vous ne saisissez pas les bonnes informations, vous obtiendrez une erreur, alors vérifiez bien !
• Version
  Affiche la version de votre thème enfant. En règle générale, tout le monde commence à 1,0.
• Licence
  Ceci est la licence de votre thème enfant. Les thèmes du répertoire WordPress sont généralement publiés sous licence GPL ; vous devez adhérer à la même licence que votre thème parent.
• URI de licence
  C'est l'adresse où est indiqué le lien vers votre licence de thème. Encore une fois, respectez ce que dit le sujet de vos parents.
• Balises
  Les balises aident les autres à trouver votre thème dans le répertoire WordPress. Donc, si vous en incluez, assurez-vous qu’ils sont à jour.
• Domaine de texte
  Cette partie est utilisée pour l'internationalisation et pour rendre les sujets traduisibles. Cela devrait correspondre au « slug » de votre thème.

Si vous vous sentez un peu dépassé (déjà ?), vous serez peut-être heureux de savoir que toutes les informations ne sont pas réellement requises. En fait, tout ce dont vous avez réellement besoin est un nom de thème et un modèle.

Le reste n’est important que si vous envisagez de publier votre sujet. Pour cette raison, l'en-tête de mon thème enfant ressemble à celui ci-dessous. N'hésitez pas à le copier et à apporter vos propres modifications.

/* Nom du thème : Twenty Fifteen Child Theme Description : Un thème enfant du thème WordPress par défaut Twenty Fifteen Auteur : AndreyEx Modèle : Twentyfifteen Version : 1.0.0 */

Activer un thème enfant

Une fois que vous avez créé votre dossier et vos feuilles de style, allez dans Apparence → Thèmes et trouvez-y votre thème enfant. Lorsque vous cliquez sur le bouton « Détails du thème », vous verrez le contenu de l’en-tête de la feuille de style. C'est toutes les informations.

D'accord, cliquez maintenant sur le bouton « Activer ». Bon travail! Votre thème a été activé. Cependant, si vous regardez votre site Web, il ressemblera à ceci :

Ne vous inquiétez pas, tout va bien. Tu n'as pas foiré. Sortez votre visage d'un sac en papier. La raison pour laquelle votre site est vide est qu'il n'a pas encore de style.

Nous voulions juste vous montrer qu'en théorie, avoir une feuille de style et un dossier suffit pour créer un thème enfant. Et si cela fonctionne pour vous, alors vous l'avez déjà fait ! Cependant, venons-en à l'amélioration.

Création d'un fichier fonctions.php

Le fichier function.php vous permet de modifier et d’ajouter des fonctionnalités et des fonctionnalités à votre site Web WordPress. Il peut contenir à la fois des fonctions PHP et WordPress intégrées. De plus, vous pouvez créer vos propres fonctions.

En bref, function.php contient du code qui change fondamentalement l’apparence d’un site Web.

Créer un fichier est aussi simple que créer une feuille de style, voire plus simple. Tout ce dont vous avez besoin est un fichier texte appelé function.php puis collez le code suivant :

Voyons ce qui se passe lorsque nous changeons l'ordre du code :

Comme vous pouvez le voir, après avoir enregistré et chargé le fichier dans le dossier de votre thème enfant, l'image de chaque article de blog apparaîtra désormais sous le titre de l'article.

Bien sûr, il pourrait utiliser un peu de style, mais vous voyez l’idée. Vous pouvez utiliser cette méthode pour apporter toutes les modifications sur votre site Web. N'oubliez pas de donner au thème enfant la même arborescence de dossiers que son parent. Par exemple, si le fichier que vous souhaitez modifier se trouve dans un dossier appelé page-templates dans le thème parent, vous pouvez créer un dossier du même nom dans le répertoire de votre thème enfant et y placer le fichier.

Travailler avec des fichiers modèles

Nous avons appris que nous pouvons écraser n'importe quel fichier du thème parent en plaçant une copie dans le dossier du thème enfant et en la personnalisant. Cependant, il est également possible d'utiliser des fichiers qui n'existent que dans un thème enfant. Les fichiers modèles en sont un bon exemple.

Disons que nous voulons créer un modèle pleine largeur de page pour notre thème enfant. Je serai le premier à admettre que le thème vingt quinze ne se prête pas à une présentation plein écran, mais faisons-le quand même à des fins de démonstration.

Pour créer une page vingt-quinze pleine largeur, nous devons faire quatre choses : créer un modèle de page personnalisé, un fichier d'en-tête et de pied de page personnalisé, puis ajouter du CSS personnalisé. Commençons par le modèle de page.

Pour notre modèle de page personnalisé, nous allons simplement copier le fichier page.php du thème parent, le renommer custom-full-width.php et le placer dans un dossier appelé page-templates dans notre thème enfant.

Maintenant, apportons quelques modifications au code pour qu'il ressemble à ceci :

La seule chose que nous avons faite ici est d'introduire un en-tête qui indique à WordPress qu'il s'agit d'un modèle de page, où nous avons modifié get_header et get_footer afin qu'ils incluent deux fichiers appelés header-custom.php et footer-custom.php .

Revenons à la page que nous voulons voir en pleine largeur et remplaçons le modèle de page par notre modèle nouvellement créé.

Il est maintenant temps de créer notre en-tête et pied de page personnalisés dans le fichier de thème. Tout d’abord, accédez au thème parent, copiez header.php et footer.php dans le dossier du thème enfant, puis renommez-les respectivement header-custom.php et footer-custom.php.

Jusqu'à présent, notre page était la même qu'avant. Il est temps de se mettre au point. Commençons par notre en-tête personnalisé.

Encore une fois, nous allons copier le fichier footer.php du thème parent vingt-quinze et le coller dans notre thème enfant. Mais cette fois, nous laisserons son nom tel quel.

Après cela, nous devons ajouter un appel à notre nouveau widget de pied de page, il ressemblera donc à ceci :

. Vous pouvez ajouter le code PHP souhaité entre ces balises.

Modification d'autres fichiers de modèle

En plus des modifications CSS et des fonctionnalités, vous pouvez apporter des modifications structurelles à votre thème en ajustant les fichiers php du modèle. Cela doit être fait avec prudence, mais cela vous permet de personnaliser n'importe quelle partie du thème. Contrairement à l'édition du fichier function.php, où les fonctions du thème d'origine sont automatiquement importées, lorsque vous modifiez les fichiers modèles d'un thème enfant, ils remplacent complètement les modèles du thème parent. Le fichier du thème parent est ignoré et le nouveau (du thème enfant) est utilisé à la place. La première chose à faire est de recréer l'ancien fichier avant de commencer à le modifier. Pour ce faire, copiez simplement le fichier modèle du thème parent et collez-le dans le dossier du thème enfant. Par exemple, si nous voulons modifier le fichier modèle de l'en-tête du site (header.php), nous le copions simplement depuis /wp-content/themes/sebweo/ et le collons dans /wp-content/themes/sebweo-child/ (remplacez à votre manière !)

WordPress utilisera désormais ce fichier à la place de l'ancien puisque son nom et son emplacement sont les mêmes. Nous pouvons maintenant ouvrir le fichier souhaité dans le thème enfant et apporter les modifications nécessaires.

Avantages et inconvénients d'un thème enfant

Avantages de l'utilisation d'un thème enfant WordPress

Mise à jour sécurisée :

Un thème enfant hérite automatiquement des fonctionnalités, styles et modèles du thème parent. Cela nous permet d'apporter des modifications au site en utilisant des thèmes enfants sans changer le thème parent. Lorsqu'une nouvelle version du thème parent sort, vous pouvez la mettre à jour en toute sécurité car toutes vos modifications sont stockées dans le thème enfant.

Facilement extensible :

Un thème enfant vous offre plus de flexibilité sans écrire beaucoup de code. Vous pouvez modifier de manière sélective uniquement les fichiers modèles et les fonctions dont vous avez besoin sans modifier complètement les autres fichiers modèles. Vous pouvez ajouter de nouvelles fonctionnalités et bien plus encore.

Sauvegarde:

Lorsque vous créez un nouveau thème, vous devez réfléchir à tous les scénarios possibles et à son code. Cependant, lorsque vous travaillez sur un thème enfant et que vous avez oublié d'écrire certains codes, les fonctionnalités du thème parent seront toujours disponibles en guise de sauvegarde.

Inconvénients de l’utilisation d’un thème enfant WordPress

L’un des plus gros inconvénients de l’utilisation de thèmes enfants est le temps nécessaire pour apprendre le code du thème parent.

Un autre inconvénient est souvent que les développeurs du thème parent peuvent réécrire complètement une fonctionnalité que vous avez utilisée dans votre thème enfant ou apporter des modifications qui brisent complètement votre thème enfant. Étant donné que la mise à jour du thème est essentielle à la sécurité du site et à la compatibilité avec d’autres fonctionnalités et plugins, vous devrez suivre les changements importants pouvant accompagner la mise à jour.

WordPress m'a toujours surpris par ses fonctionnalités cachées. Et j'ai été surpris non pas tant par la présence de ces opportunités, mais par la facilité de leur mise en œuvre. Bien sûr, les fonctionnalités cachées ne font pas partie des grands secrets du système, c’est juste que pour l’heure, vous ne savez même pas que « ça » peut se faire sur WordPress. L'accessibilité pour l'édition des codes des thèmes WordPress fonctionnels vous permet de modifier et de compléter l'apparence du site, depuis la modification de la conception jusqu'à la création de widgets et de plugins supplémentaires.

Pourquoi avez-vous besoin d’un thème enfant ?

Il y a cependant un petit inconvénient : tout ajustement direct du code du thème disparaît, ou plutôt revient à la source d'origine, après chaque mise à jour du modèle. Pour éviter de telles restaurations, un thème enfant WordPress est créé qui vous permet de modifier le code du thème sans risquer de perdre toutes les modifications lors d'une mise à jour planifiée.

Qu'est-ce qu'un thème enfant WordPress

Un thème enfant est un outil qui vous permet d'apporter toutes les modifications correctes à l'apparence (édition du fichier style.css) et aux fonctionnalités du site (fichiers function.php et autres fichiers modèles) et de ne pas perdre les modifications lors de la mise à jour du modèle.

Les styles et le balisage du thème parent sont intégrés au thème enfant, et les modifications apportées au thème enfant sont superposées. Nous effectuons toutes les modifications dans le thème enfant, mais le thème principal reste inchangé.

Créer un thème enfant WordPress – Exemple pratique

Je vous rappelle que tous les thèmes du système se trouvent dans le répertoire wp-content/themes. Prochaine étape par étape.

• Dans le répertoire wp-content/themes, créez un dossier avec un nom personnalisé pour le thème enfant. Par exemple, je crée un dossier : first-child-theme. Le nom est arbitraire, il sera bientôt nécessaire.
• Dans votre éditeur de texte préféré (j'utilise Notepad++), créez un fichier texte avec l'extension css et le nom style . Nous ne changeons pas le nom, mais le contenu du fichier ne doit contenir, pour l'instant, que le titre :

/* Nom du thème : Premier thème enfant URI du thème : http : //domen.ru/ Description : Création d'un thème enfant Auteur : Igor Serov URI de l'auteur : http : //site Modèle : zeefocus */

Ici, seule la dernière ligne est importante, c'est le nom du dossier avec le thème parent. C'est à partir de là que le système téléchargera les styles de modèles.

• Enregistrez le fichier et téléchargez-le dans le dossier du thème enfant, first-theme.
• Un thème enfant apparaît dans la console du site. Le nom correspond au nom spécifié dans la ligne : Nom du thème. Lors de l'ouverture d'un sujet, la description spécifiée du sujet s'affiche - la ligne Description.

Le sujet est encore vide et doit être rempli et activé. Vous pouvez faire l'inverse : l'activer puis le remplir.

Comment remplir un thème enfant

Permettez-moi de vous rappeler la tâche, nous n'avons pas besoin d'un thème enfant vide, mais nous avons besoin d'un thème qui duplique le thème parent afin d'y modifier les styles et le balisage.

Pour dupliquer le thème, choisissez parmi deux options :

• Copiez le fichier style.css parent et déplacez-le vers un fichier similaire dans le thème enfant (il n'y en a qu'un pour l'instant).
• Ou dans le fichier style.css du thème enfant, ajoutez une ligne supplémentaire :

@import url(“../zeefocus/style.css”);

Où, zeefocus est le sujet parent principal.

Important! Avec cette ligne nous chargeons les styles du thème principal. Désormais, vous n'avez plus besoin de copier le fichier de style, vous pouvez apporter des modifications au fichier vide du thème enfant et il sera écrit au-dessus des styles du thème principal. Vous pouvez modifier le fichier style.css depuis le panneau d'administration du site, conformément à l'onglet Apparence → Éditeur.

N'oubliez pas de supprimer la fonction d'importation de l'en-tête du fichier style.css.

Autres fichiers de thème

Encore deux options

• nous créons des fichiers vides avec des noms similaires avec un contenu vide : () et les écrivons selon les besoins ;
• ou, plus simplement, nous transférons les fichiers du thème principal vers le thème enfant et les modifions selon les besoins.

Plugins de thème enfant

À propos des plugins qui facilitent la création d'un thème de site Web enfant dans l'article.