Doingbuzz – Le pouvoir de l'information à votre portée
Créer un thème enfant WordPress
28/07/2020 à 09h35 par La redaction

Si vous vous intéressez à la maintenance de votre site, plus particulièrement celle de votre thème, vous vous rendrez compte que ce dernier obtient de temps en temps des mises à jour.

Que ce soit pour des mises à jour de fonctionnalités, de sécurité ou de design il est important de bien toutes les faire pour ne laisser aucune possibilité aux hackers de s’infiltrer dans votre site WordPress.

Cependant, si vous avez apportez des modifications à votre thème, celles-ci seront perdues à chaque mise à jour de votre thème et vous devrez de nouveau les refaire sur le thème mis à jour.

C’est là qu’interviennent les thèmes enfants. Un thème enfant est « une image » de votre thème principal, appelé thème parent. Ils vous permettent d’apporter des modifications à votre site web sans les perdre à chaque mise à jour. Pour cela vous allez devoir créer un thème enfant et y réaliser toutes les modifications dessus.

WordPress

Pour créer votre thème enfant vous allez avoir besoin d’un accès aux fichiers de votre site WordPress. Le moyen le plus commun pour cela est d’accéder via un client FTP et vos identifiants à votre site.

Vous ne savez plus comment utiliser votre FTP ? Rendez-vous sur notre tutoriel « installer WordPress sur votre serveur » pour (re)découvrir comment vous connecter à votre FTP et y gérer vos fichiers WordPress.

La création d’un thème enfant consiste à l’ajout d’un nouveau thème dans votre dossier contenant vos thèmes et d’y ajouter principalement 2 fichiers :

  • une feuille de style (CSS)
  • et un fichier de fonctions (PHP).

 

1. Création du répertoire enfant

Rendez-vous dans le dossier contenant vos thèmes. Celui-ci se trouve de base dans « /wp-content/themes/ ». Ajoutez-y un nouveau répertoire qui sera votre thème enfant.

Par exemple si votre thème principal, ou thème parent, se nomme « montheme » alors vous pourrez nommer votre thème enfant « montheme-child » (en anglais « child » signifie « enfant »).

création d'une child thème WordPress via FTP

Une fois ce nouveau répertoire créé nous allons voir comment ajouter les 2 fichiers nécessaires.

 

2. Création de la feuille de style CSS

Pour commencer, créez un nouveau fichier nommé « style.css ».

L’extension .css est importante, c’est cela qui vous permet de catégoriser votre fichier comme une feuille de style.

Nous allons ajouter un code CSS à ce fichier. Ce code permettra de lier le thème enfant à son thème parent et donc de prendre en compte les modifications faites dans le style.css enfant pour les appliquer sur celui du thème parent.

Ouvrez le fichier précédemment créé et ajoutez-y le code suivant :

/*
Theme Name: 	Nom thème enfant
Description: 	Description du thème
Author: 	Prénom et Nom
Author URI: 	https://www.votre-nom-de-domaine.fr
Template: 	nom-répertoire-thème-parent
Version: 	x.x
*/

Remplacez les différents champs avec vos informations comme cela :

  • Theme Name:  Renseignez le nom de votre thème enfant
  • Description: Ajoutez une description pour votre thème
  • Author: Indiquez votre nom et prénom ou bien un pseudonyme
  • Author URI : Ajoutez l’Url de votre site, si vous en avez un
  • Template: Renseignez le nom du répertoire de votre thème principal (thème parent)
  • Version: Indiquez la version du thème
Attention : Les « : » doivent être collés aux champs de cette manière « Theme Name: », si vous les décollez comme ceci : « Theme Name : » le thème enfant ne fonctionnera pas !

Grâce à ce code vous lierez votre thème enfant au thème parent et pourrez ensuite réalisez toutes les modifications CSS en dessous de ce code.

Par exemple, si vous avez un thème parent nommé « twentyfifteen » et souhaitez que tous les liens de votre site soient en gras alors vos fichier style.css du thème enfant pourrait ressembler à cela :

style-css

 

3. Créer le fichier de fonction PHP

Maintenant que la feuille de style CSS est créée pour votre thème enfant vous allez devoir y ajouter un fichier de fonction PHP que vous nommerez « functions.php ».

Ce fichier vous permettra grâce à un code de récupérer le fichier style.css du thème parent dynamiquement sans devoir le copier/coller dans votre thème enfant.

Ouvrez le fichier « functions.php » avec un éditeur de code, tel que Notepad++, et ajoutez-y le code suivant :

<?php
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');
function my_theme_enqueue_styles() {
	wp_enqueue_style('parent', get_template_directory_uri() . '/style.css');
}
Sauvegardez votre fichier pour finaliser la création de votre thème enfant !

Vous pourrez ensuite activer votre nouveau thème enfant sur votre site WordPress pour l’utiliser et le modifier à la place du thème parent.

Créer un thème enfant WordPress

Trouvez le meilleur prestataire WordPress pour votre projet rapidement et gratuitement sur Codeur.com

Trouver un freelance

 

Créer le thème enfant avec un plugin

Si vous le souhaitez, vous pouvez créer le thème enfant à partir d’un plugin WordPress.

Il en existe plusieurs tels que :

Cette solution sera certainement plus simple et moins risquée si vous n’êtes pas à l’aise avec la manipulation des fichiers de votre site WordPress.

Suivez notre tutoriel pour apprendre à installer des plugins WordPress simplement.

 

Conclusion

Il est primordial de créer votre thème enfant le plus tôt possible pour n’avoir aucune perte, après une mise à jour, des modifications apportées à votre thème. Manuellement ou grâce à un plugin, la sécurité de votre site en dépend.

 

Une fois votre thème enfant créé et votre site personnalisé, vous pourrez alors optimiser le référencement de votre WordPress, y installer Google Analytics ou encore rendre votre site multilingue.

RECEVEZ NOTRE NEWSLETTER ET ALERTE MAIL

Saisissez votre adresse e-mail pour vous abonner à Doingbuzz et recevoir une notification de chaque nouvel article par e-mail.

Rejoignez les 83 545 autres abonnés

Ne partez pas sans partager :

Contenu sponsorisé

DOINGBUZZ TV

Partagez l'opportunité que représente la plateforme Togopapel.com autour de vous.
Le site de petites annonces 100% gratuit et togolais est un outil inclusif pour vendre et acheter partout au Togo.

togopapel
WHATSAPP:

Vous êtes sur whatsapp, intégrez et récevez nos articles depuis nos groupes disponible sur whatsapp

🚨 DOINGBUZZ ACTUALITE
(PLEIN) DOINGBUZZ ACTUALITE(PLEIN) DOINGBUZZ ACTUALITE (PLEIN) DOINGBUZZ ACTUALITE (PLEIN) DOINGBUZZ ACTUALITE .
groupe emploi whatsapp doingbuzz-🇧🇯 Bénin- 🇧🇯 Bénin - 🇧🇯 Bénin -🇧🇯 Bénin-🇳🇪 Niger - 🇸🇳 Sénégal - 🇸🇳 Sénégal - 🇸🇳 Sénégal - 🇹🇬 Togo - 🇹🇬 Togo - 🇹🇬 Togo - 🇹🇬 Togo - 🇹🇬 Togo - 🇹🇬 Togo - 🇹🇬 Togo - 🇹🇬 Togo 🇨🇮- Côte d'Ivoire 🇨🇮- Côte d'Ivoire 🇨🇮- Côte d'Ivoire -🇨🇲 Cameroun -🇨🇲 Cameroun -🇨🇲 Cameroun -🇨🇲 Cameroun - 🇫🇷 France - 🇫🇷 France - 🇲🇱 Mali - 🇧🇫 Burkina Faso - 🇧🇫 Burkina Faso -🇬🇦 Gabon -🇬🇳 Guinéé - 🇲🇱 Mali - 🇲🇱 Mali - 🇨🇩 Congo -Pour les autres pays

NB: NE PAYEZ AUCUN FRAIS DE DOSSIERS POUR UNE OFFRE D’EMPLOI

Plus de news

Congo : les soignants auront bientôt des tablettes médicales

20/10/2020

Congo :...

  Ce lundi 19 octobre 2020, le...
URGENT! COMMUNIQUÉ DES CANDIDATS  SUITE À LA DÉCLARATION DE LA MISSION DE LA CEDEAO

20/10/2020

URGENT! COMMUNIQUÉ...

  Henri Konan Bédié et Pascal Affi...
« Alpha Condé n’a jamais été professeur ! C’était un buveur de whisky »

20/10/2020

« Alpha Condé...

Alpha Condé n’a jamais été professeur. En...
Mali : Robert Dussey transmet un message de Faure Gnassingbé à Bah N’daw

20/10/2020

Mali :...

  Quelques semaines après la nomination d’un...
Samuel Eto'o tacle violemment France Football

20/10/2020

Samuel Eto’o...

Samuel Eto'o tacle violemment le magazine  France...
RHDP : Cette grosse faute détectée dans un de ses tweets

20/10/2020

RHDP : Cette...

Une grosse faute a été détectée dans...
Insolite : un vaudou devant l’ambassade du Togo à Paris (photo)

20/10/2020

Insolite :...

Dans la matinée de ce dimanche 18...
Patokh Chodiev: comment un milliardaire a réussi

20/10/2020

Patokh Chodiev:...

Toute personne ayant eu du succès voit...
Côte d’Ivoire / Présidentielle 2020: voici ce que la mission de la CEDEAO recommande à l’opposition

20/10/2020

Côte d’Ivoire...

Une mission est arrivée ce dimanche 18...
Campagne / Ouattara se moque de Bédié et Affi : ” Ils n’ont pas d’argent…”

20/10/2020

Campagne /...

Le candidat Alassane Ouattara a raillé ses...
Violences contre le 3e mandat / Soro en colère : ” ADO assassine les Ivoiriens…”

20/10/2020

Violences contre...

Le Président de Générations et peuples Solidaires...
Présidentielle en Guinée / L’opposant Cellou Dalein Diallo revendique la victoire

20/10/2020

Présidentielle en...

L’opposant guinéen vient contre toute attente de...
Insolite : trois soleils aperçus à Mohe en Chine

20/10/2020

Insolite :...

Les phénomènes terrestres ne finiront pas d’étonner...
Tensions en Côte d’Ivoire / Des véhicules de transport incendiés à Yopougon

20/10/2020

Tensions en...

Des minicars de transport communément appelés “Gbaka...
Qui est en réalité Cellou Dalein Diallo, le farouche opposant d'Alpha Condé ?

19/10/2020

Qui est...

Economiste de formation, Cellou Dalein Diallo est...
Présidentielle en Guinée : ça chauffe

19/10/2020

Présidentielle en...

Les esprits s’échauffent dans tous les camps...
Port de masque : L’arrêté du ministre de l’Intérieur prorogé de 3 mois (communiqué)

19/10/2020

Port de...

Le gouvernement ne veut pas de relâchement...
Coronavirus : Voici le bilan établi ce 19 octobre dans le monde

19/10/2020

Coronavirus :...

Les conséquences économiques et humaines du coronavirus...
Ousmane Sonko attristé par le Rappel à Dieu des 3 enfants du Khalif des Layénes en 48 heures

19/10/2020

Ousmane Sonko...

En l’espace de 2 jours le Khalif...
Sénégal/ Education: Le cri de cœur des albinos

19/10/2020

Sénégal/ Education:...

Au Sénégal, 98% des albinos sont analphabètes....

Si vous vous intéressez à la maintenance de votre site, plus particulièrement celle de votre thème, vous vous rendrez compte que ce dernier obtient de temps en temps des mises à jour.

Que ce soit pour des mises à jour de fonctionnalités, de sécurité ou de design il est important de bien toutes les faire pour ne laisser aucune possibilité aux hackers de s’infiltrer dans votre site WordPress.

Cependant, si vous avez apportez des modifications à votre thème, celles-ci seront perdues à chaque mise à jour de votre thème et vous devrez de nouveau les refaire sur le thème mis à jour.

C’est là qu’interviennent les thèmes enfants. Un thème enfant est « une image » de votre thème principal, appelé thème parent. Ils vous permettent d’apporter des modifications à votre site web sans les perdre à chaque mise à jour. Pour cela vous allez devoir créer un thème enfant et y réaliser toutes les modifications dessus.

WordPress

Pour créer votre thème enfant vous allez avoir besoin d’un accès aux fichiers de votre site WordPress. Le moyen le plus commun pour cela est d’accéder via un client FTP et vos identifiants à votre site.

Vous ne savez plus comment utiliser votre FTP ? Rendez-vous sur notre tutoriel « installer WordPress sur votre serveur » pour (re)découvrir comment vous connecter à votre FTP et y gérer vos fichiers WordPress.

La création d’un thème enfant consiste à l’ajout d’un nouveau thème dans votre dossier contenant vos thèmes et d’y ajouter principalement 2 fichiers :

  • une feuille de style (CSS)
  • et un fichier de fonctions (PHP).

 

1. Création du répertoire enfant

Rendez-vous dans le dossier contenant vos thèmes. Celui-ci se trouve de base dans « /wp-content/themes/ ». Ajoutez-y un nouveau répertoire qui sera votre thème enfant.

Par exemple si votre thème principal, ou thème parent, se nomme « montheme » alors vous pourrez nommer votre thème enfant « montheme-child » (en anglais « child » signifie « enfant »).

création d'une child thème WordPress via FTP

Une fois ce nouveau répertoire créé nous allons voir comment ajouter les 2 fichiers nécessaires.

 

2. Création de la feuille de style CSS

Pour commencer, créez un nouveau fichier nommé « style.css ».

L’extension .css est importante, c’est cela qui vous permet de catégoriser votre fichier comme une feuille de style.

Nous allons ajouter un code CSS à ce fichier. Ce code permettra de lier le thème enfant à son thème parent et donc de prendre en compte les modifications faites dans le style.css enfant pour les appliquer sur celui du thème parent.

Ouvrez le fichier précédemment créé et ajoutez-y le code suivant :

/*
Theme Name: 	Nom thème enfant
Description: 	Description du thème
Author: 	Prénom et Nom
Author URI: 	https://www.votre-nom-de-domaine.fr
Template: 	nom-répertoire-thème-parent
Version: 	x.x
*/

Remplacez les différents champs avec vos informations comme cela :

  • Theme Name:  Renseignez le nom de votre thème enfant
  • Description: Ajoutez une description pour votre thème
  • Author: Indiquez votre nom et prénom ou bien un pseudonyme
  • Author URI : Ajoutez l’Url de votre site, si vous en avez un
  • Template: Renseignez le nom du répertoire de votre thème principal (thème parent)
  • Version: Indiquez la version du thème
Attention : Les « : » doivent être collés aux champs de cette manière « Theme Name: », si vous les décollez comme ceci : « Theme Name : » le thème enfant ne fonctionnera pas !

Grâce à ce code vous lierez votre thème enfant au thème parent et pourrez ensuite réalisez toutes les modifications CSS en dessous de ce code.

Par exemple, si vous avez un thème parent nommé « twentyfifteen » et souhaitez que tous les liens de votre site soient en gras alors vos fichier style.css du thème enfant pourrait ressembler à cela :

style-css

 

3. Créer le fichier de fonction PHP

Maintenant que la feuille de style CSS est créée pour votre thème enfant vous allez devoir y ajouter un fichier de fonction PHP que vous nommerez « functions.php ».

Ce fichier vous permettra grâce à un code de récupérer le fichier style.css du thème parent dynamiquement sans devoir le copier/coller dans votre thème enfant.

Ouvrez le fichier « functions.php » avec un éditeur de code, tel que Notepad++, et ajoutez-y le code suivant :

<?php
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');
function my_theme_enqueue_styles() {
	wp_enqueue_style('parent', get_template_directory_uri() . '/style.css');
}
Sauvegardez votre fichier pour finaliser la création de votre thème enfant !

Vous pourrez ensuite activer votre nouveau thème enfant sur votre site WordPress pour l’utiliser et le modifier à la place du thème parent.

Créer un thème enfant WordPress

Trouvez le meilleur prestataire WordPress pour votre projet rapidement et gratuitement sur Codeur.com

Trouver un freelance

 

Créer le thème enfant avec un plugin

Si vous le souhaitez, vous pouvez créer le thème enfant à partir d’un plugin WordPress.

Il en existe plusieurs tels que :

Cette solution sera certainement plus simple et moins risquée si vous n’êtes pas à l’aise avec la manipulation des fichiers de votre site WordPress.

Suivez notre tutoriel pour apprendre à installer des plugins WordPress simplement.

 

Conclusion

Il est primordial de créer votre thème enfant le plus tôt possible pour n’avoir aucune perte, après une mise à jour, des modifications apportées à votre thème. Manuellement ou grâce à un plugin, la sécurité de votre site en dépend.

 

Une fois votre thème enfant créé et votre site personnalisé, vous pourrez alors optimiser le référencement de votre WordPress, y installer Google Analytics ou encore rendre votre site multilingue.

RECEVEZ NOTRE NEWSLETTER ET ALERTE MAIL

Saisissez votre adresse e-mail pour vous abonner à Doingbuzz et recevoir une notification de chaque nouvel article par e-mail.

Rejoignez les 83 545 autres abonnés

Ne partez pas sans partager :

Laisser votre commentaire