Créer et Utiliser un Thème Enfant WordPress

Installer un thème enfant
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Wordpress 3.x
Revoir le teaser Je m'abonne
Transcription

59,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

Description Programme Avis

59,90€ Je commande

À partir de
27€ /mois
Je m'abonne à Elephorm

A l'issue de cette vidéo, vous serez capable de créer et d'utiliser un thème enfant afin de personnaliser la structure et les fonctions de vos pages WordPress sans craindre de perdre vos modifications lorsqu'une mise à jour se produit.

Découvrez l'importance des thèmes enfants dans WordPress et comment les utiliser pour personnaliser la structure de vos pages en toute sécurité.

Dans cette leçon, nous abordons la création et l'utilisation des thèmes enfants sous WordPress, une pratique essentielle pour quiconque souhaite personnaliser la structure de ses pages tout en minimisant les risques de perdre ses modifications lors des mises à jour. Un thème enfant hérite les fonctionnalités de son thème parent, vous permettant de modifier et d'ajouter des fonctionnalités en toute simplicité.

Nous montrerons étape par étape comment créer un répertoire pour votre thème enfant, comment y ajouter un fichier style.css, et comment intégrer les autres fichiers nécessaires. Nous inclurons également des conseils sur la modification de fichiers tels que functions.php et sidebar.php pour illustrer la puissance et la flexibilité des thèmes enfants.

Nous conclurons en illustrant comment déplacer et modifier des fonctions spécifiques de votre thème parent vers votre thème enfant, assurant ainsi que vos customisations restent intactes même après une mise à jour du thème parent.

Voir plus
Questions réponses
Pourquoi est-il important d'utiliser un thème enfant lors de la personnalisation de pages WordPress?
L'utilisation d'un thème enfant est importante car elle permet de conserver les modifications apportées à la structure et aux fonctionnalités des pages même après les mises à jour du thème parent.
Quels fichiers sont essentiels pour la création d'un thème enfant?
Pour créer un thème enfant, il est essentiel d'inclure un fichier style.css, et éventuellement un fichier functions.php. Ces fichiers permettent de surcharger et d'ajouter des styles et des fonctionnalités propres au thème enfant.
Comment déplacer des modifications de functions.php du thème parent vers le thème enfant?
Pour déplacer des modifications, il faut copier les fonctions ajoutées dans le fichier functions.php du thème parent et les coller dans le fichier functions.php du thème enfant, puis les enlever du thème parent pour conserver les modifications à jour.
Nous allons maintenant aborder une notion qui est très importante dès lors que vous souhaitez modifier un thème en modifiant la structure du thème. Jusqu'à présent, pour faire les modifications, on est plutôt passé par les options du thème ou nous sommes passés par les extensions. Nous allons voir maintenant comment on peut aussi personnaliser son site en modifiant la structure même des pages. Dès lors que l'on touche à la structure même des pages, il est fortement conseillé d'utiliser ce qu'on appelle un thème enfant. Un thème enfant, la définition qu'on trouve sur le codex, il hérite des fonctionnalités d'un autre thème, donc le thème parent, et il vous permet de modifier et d'ajouter des fonctionnalités. L'intérêt de cette méthode, c'est que dès lors que vous allez faire une modification, par exemple, lorsque l'on a inséré un shortcode pour la carte, j'ai modifié le fichier fonction.php, cette modification, elle est perdue finalement au milieu de tous les autres fichiers. Si je veux vraiment identifier le travail que j'ai fait, on duplique le fichier fonction.php et on insère dans le thème enfant, ce fichier modifié. Donc ça, c'est intéressant. Et l'autre chose aussi qui est très importante, c'est que jusqu'à présent, on travaille avec le thème par défaut 2011. Ce thème, il est régulièrement mis à jour par WordPress. Si vous appliquez des modifications sur ce thème, et que vous faites une mise à jour de WordPress et des thèmes, vous risquez de perdre vos modifications. Sauf si, bien sûr, vous avez fait des sauvegardes, là vous n'aurez pas de problème. Mais pour être sûr de travailler dans de bonnes conditions, vous verrez que utiliser les thèmes enfants est vraiment très pratique et très simple. Comment ça fonctionne ? Il suffit de créer un répertoire avec un fichier style.css, éventuellement screenshot c'est pour un affichage dans votre descriptif de thème, et d'envoyer ce dossier dans votre dossier thème. Alors je vais vous décrire un petit peu ce qu'on trouve dans le style.css. On trouve simplement un tout petit descriptif, et puis surtout, c'est cette ligne qui est importante, ça veut dire qu'elle va aller chercher le style du thème parent. En l'occurrence, le thème parent, c'est le thème 2011. Vous retrouverez ce code qui vous est fourni dans les fichiers d'aide. Mais déjà, je vais vous montrer comment est-ce qu'on l'installe. Pour l'installer, c'est très simple, j'ai ici un zip. Je vais dans mon site, et je vais installer un nouveau thème. Installer des thèmes, envoyer, parcourir, installer maintenant. Très bien, ce thème nécessite un thème parent, nous vérifions, thème parent bien installé, très bien, je peux l'activer. Donc ça c'est le screenshot, ici c'est le petit descriptif, et il sait que c'est un thème enfant pour 2011. Très bien, si je vais sur mon site, vous verrez, on va retrouver sensiblement la même structure. Il y a simplement ici des réglages qu'il faut refaire, les réglages de l'entête à refaire. En particulier, on perd simplement les menus. Il faut réactiver ici les menus. Maintenant, vous vous souvenez, sur ma page d'accueil, là j'ai ces commentaires qui nous ennuient un petit peu. Alors pour ça, on va modifier la page. Donc le fichier page, c'est page.php. Pour modifier le fichier de la page d'accueil, on va se connecter avec le logiciel FTP à notre serveur. Connexion. Et là, je vais aller dans VP content, dans les thèmes, et dans le thème parent, le thème 2011. Dans ce thème-là, je vais récupérer le fichier page, je le mets dans mon disque dur, et je vais aussi récupérer le fichier qui est utilisé en page d'accueil, qui est le template avec le sidebar. Vous vous souvenez, sur la page d'accueil, on avait décidé de ne pas afficher simplement la largeur, mais aussi d'afficher la sidebar. Donc c'est le sidebar page. Je le prends et je le dépose ici dans mon disque dur. Je vais maintenant déposer ces fichiers dans mon dossier de thème enfant. Pour l'instant, ça ne change rien. Mais je vais maintenant dans apparence éditeur, et je vais modifier ces fichiers. Donc vous voyez, dans mon dossier de thème enfant, on retrouve tous les fichiers qui sont sur le serveur. Dans le modèle de page, j'enlève ici le common template. C'est cette instruction-là qui va afficher les commentaires. Je la supprime. Je mets à jour. Et je fais la même chose pour le modèle sidebar. Très bien. Et je mets à jour. Si maintenant je retourne sur mon site, les commentaires ont disparu de ma page d'accueil, et les commentaires disparaîtront pour toutes les nouvelles pages créées. Je n'ai plus besoin maintenant, quand je suis dans mes pages, de désactiver les discussions. Les discussions n'apparaîtront plus. Alors il y a un autre point qui est intéressant aussi. Quand on a inséré le shortcode de la Google Map, on a inséré une fonction dans notre fichier fonction.php de 2011. On va aller récupérer ce code et on va le supprimer parce que maintenant, ces nouvelles fonctions, on va les rajouter dans le fichier fonction du thème enfant. Donc là, depuis mon éditeur, je peux sélectionner le thème. 2011. Sélectionné. Je vais chercher fonction du thème. Et là, je vais retrouver cette fonction que je vais enlever. Je mets à jour. Je remets le fichier comme il était à l'origine. Je retourne ici dans mon thème enfant. Et dans mon fichier fonction, ici, je colle mon instruction. Alors c'est ici maintenant que je vais aussi pouvoir rajouter d'autres instructions. Par exemple, il y a une instruction que je trouve très intéressante, que j'ai trouvée sur le thème CreativeJoys. On peut modifier le code de saisie de paragraphes. Vous savez, quand on est dans l'éditeur, la balise H1 ne sert à rien parce que c'est déjà la balise du titre et donc elle est inutile. On peut configurer la saisie avec ce code qui nous est fourni ici. Donc là, je fais copier le code. Très bien. Et je vais le coller ici dans mon fichier fonction.php du thème enfant. Alors c'est pour supprimer les balises H1, H2, là c'est renseigné. Je risque peut-être d'avoir des problèmes d'accent ici. Je vais le réécrire ça. Alors il faut faire un petit peu attention parce que ce fichier-là peut... S'il y a une instruction qui est mal perçue par WordPress, vous pouvez avoir un problème d'affichage. Mais il suffit d'aller ensuite avec votre logiciel FTP pour réparer. Et ici, je vais plutôt... Je vais enlever... Je vais laisser les H2, moi. Et je vais enlever le pré, que c'est du code. Ça, j'en ai pas besoin. Donc je vais faire H2 ici. Mettre à jour. Donc maintenant, quand je vais dans mes articles ou dans mes pages, ajouter au niveau du paragraphe. Ici, j'ai directement paragraphe titre 2. Je n'ai plus le titre 1, je n'ai plus la fonction d'insertion de code. Donc ce qui est plus simple à utiliser. Donc on a vu l'intérêt du thème enfant. C'est vraiment quelque chose, dès lors que l'on fait un peu de personnalisation de thème, qui devient vite incontournable.

Programme détaillé de la formation

Nos dernières formations WordPress