Thèmes enfants WordPress. Ils peuvent sembler (et sembler) intimidants au début, mais une fois que vous aurez appris les tenants et les aboutissants (ainsi que la beauté) des thèmes pour enfants WordPress, vous vous amuserez beaucoup. Dans cet article, nous allons décomposer le thème enfant WordPress en ses différentes parties. Pour le dire autrement, nous allons apprendre:
  • Qu’est-ce qu’un thème enfant WordPress
  • Mérites des thèmes enfants WordPress
  • Inconvénients des thèmes enfants WordPress
  • Comment créer un thème enfant WordPress
  • Ressources de thème enfant WordPress

Qu’est-ce qu’un thème enfant WordPress?

Alors, qu’est-ce qu’un thème enfant WordPress?

Un thème enfant WordPress est essentiellement un thème WordPress qui «emprunte» des fichiers de modèle et des fonctionnalités à un autre thème WordPress connu sous le nom de thème parent. Ne frappez encore rien, je vous expliquerai tout en détail, je vous le promets.

UNE thème parent est un thème WordPress typique tel que notre thème WordPress Total le plus vendu, le thème par défaut Twenty Fourteen ou le thème que vous utilisez sur votre site Web.

Le thème enfant WordPress le plus basique est simplement un dossier contenant un fichier spécial style.css. Ne vous inquiétez pas, tout aura du sens une fois que je vous expliquerai. L’une des questions qui vous passe probablement par la tête en ce moment est la suivante: pourquoi voudrait-on utiliser un thème enfant alors qu’il y a beaucoup de thèmes parents?

La réponse est assez simple. La plupart des thèmes parents reçoivent des mises à jour de temps en temps. Donc, si vous prenez un thème parent et personnalisez le code (et le style), vous perdrez tous ces changements la prochaine fois que vous mettrez à jour le thème. C’est là que les thèmes enfants WordPress entrent en jeu. Un thème enfant WordPress vous donne le pouvoir de personnaliser votre thème parent sans courir le risque de perdre vos modifications lors de la mise à jour. Bien sûr, vous pouvez choisir de supprimer les mises à jour si cela ne vous dérange pas d’exposer votre site Web à des pirates.

Passons à autre chose…

Il y a quelques paragraphes, j’ai mentionné que les thèmes enfants «empruntent» les fichiers modèles et les fonctionnalités des thèmes parents. Comment cela peut-il arriver? Pensez aux thèmes enfants comme ombre thèmes; ils imitent leurs thèmes parents. C’est comme créer une copie de votre thème parent sans rien copier. Cela ressemble à de la magie, non?

Appuyez sur le bouton de gel. Comment créer une copie du thème parent sans rien copier? Le secret pour comprendre les thèmes enfants se trouve dans le fichier spécial style.css que nous avons mentionné précédemment. En fait, le secret est une seule ligne trouvée dans le style.css. Quelle ligne demandez-vous? Plus sur cela dans un instant. Puisque nous créerons un thème enfant plus tard dans cet article, je vais simplement présenter quelques concepts de base pour révéler la ligne dont je parle et vous donner une meilleure compréhension des thèmes enfants.

Pour créer un thème enfant, vous devez créer un dossier (pour le thème enfant) dans votre répertoire de thèmes WordPress. Vous pouvez nommer le dossier comme vous le souhaitez (ou après votre thème). Ensuite, vous devez créer un style.css avec le code suivant:

/*
Theme Name : The name of your child theme (e.g. Total Child Theme)
Theme URI: http://www.example.com (Your child theme's URL)
Description: A brief description of your child theme
Author: Your name goes here
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Version: 1.0.0
*/

Vous devez enregistrer ce style.css dans le dossier de votre thème enfant. Maintenant, revenez à la sixième (6e) ligne du code ci-dessus. Tu verras:

Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)

Cette ligne indique à votre thème enfant à partir de quel thème parent emprunter des fonctions et des fichiers modèles. Cette ligne simple relie votre thème enfant au thème parent, agissant comme un conduit par lequel le thème enfant reçoit les fichiers de modèle et les fonctionnalités du thème parent. Cela signifie que vous devez avoir le thème parent installé sur votre plate-forme WordPress.

Autant dire que sans cette ligne, vous n’avez pas de thème enfant. Vous avez juste un dossier et un fichier style.css typique.

En résumé, la ligne de modèle hérite (la plupart de) de votre thème parent lorsque vous activez votre thème enfant. Toutes les modifications que vous apportez à votre thème enfant ne seront pas affectées si / lorsque vous mettez à jour le thème parent. Comment aimez-vous cette explication? Suivez-vous ou n’est-ce pas assez clair? Si vous êtes avec moi, passons aux avantages et aux inconvénients des thèmes enfants WordPress.

Quels sont les avantages d’utiliser un thème enfant?

L’utilisation d’un thème enfant présente de nombreux avantages et nous recommandons à toute personne utilisant un thème qui n’a pas été personnalisé pour son site Web de configurer et d’activer un thème enfant. Nous avons répertorié certains des principaux avantages liés à l’utilisation d’un thème enfant et pourquoi vous devriez le considérer sérieusement.

Mises à jour sécurisées

Les thèmes enfants WordPress empruntent simplement des fonctions, des modèles et des styles au thème parent. Cela vous permet de personnaliser votre site Web sans toucher au thème parent. Par conséquent, chaque fois que les développeurs mettent à jour votre thème parent, vous pouvez mettre à niveau votre site Web en toute sécurité sans perdre les modifications personnalisées.

Les thèmes enfants sont facilement extensibles

Les thèmes enfants WP vous offrent beaucoup de flexibilité. Vous pouvez créer de nouveaux fichiers modèles qui ne faisaient pas partie du thème parent. Vous pouvez ajouter de nouvelles fonctions, styles et bien plus encore. De plus, il existe de nombreux cadres de thèmes commerciaux et gratuits avec des options extensibles pour vous aider à démarrer.

Les thèmes enfants sont sécurisés

Chaque développeur est humain et nous savons tous que l’erreur est humaine. Tout le monde fait des erreurs et tout le monde oublie. Cela dit, vous serez dans la soupe si vous oubliez de coder pour quelque chose lorsque vous utilisez un thème parent. Les choses sont un peu différentes avec les thèmes enfants. Si vous oubliez du code, WordPress chargera automatiquement une alternative (ou l’original) à partir du thème parent. Bien sûr, cela n’est vrai que si le code existe dans le thème parent.

Quels sont les inconvénients de l’utilisation d’un thème enfant?

Bien qu’en général les thèmes enfants soient géniaux et que nous recommandons à tous ceux qui utilisent WordPress d’activer un thème enfant sur leur site s’ils prévoient d’apporter des modifications potentielles à l’avenir, ce sont des choses que vous devez garder à l’esprit.

Il y a une courbe d’apprentissage

Les thèmes enfants servent principalement à étendre ou à personnaliser les fonctionnalités de votre thème parent, ce qui signifie que si vous n’êtes pas développeur, vous ne pourrez pas faire grand-chose avec votre thème enfant et vous voudrez apprendre un peu de codage à prendre plein potentiel de votre thème enfant. Donc, si vous êtes un débutant, vous avez besoin de temps pour apprendre le fonctionnement des thèmes parents et de WordPress (ainsi qu’un peu de code) en général pour profiter du plein potentiel des thèmes enfants. Tout de même, vous devez gagner vos galons. Après tout, vous coderez comme les pros en un rien de temps!

Les choses se cassent ou sont laissées pour compte

Si vous aviez construit votre site Web autour d’un thème parent, vous devrez peut-être modifier certaines choses (par exemple des menus, des widgets et / ou des options de thème) lorsque vous passerez à un thème enfant. Certains thèmes enregistrent les paramètres dans la base de données en fonction du nom du thème.Ainsi, lorsque vous passez à votre thème enfant, il peut sembler que vous avez perdu tous les paramètres de votre thème parent (paramètres de personnalisation) mais ne vous inquiétez pas, ils sont en sécurité dans la base de données, mais vous le ferez devez revenir à votre parent si tel est le cas afin que vous puissiez copier vos paramètres et les migrer. Dans notre thème Total, nous fournissons un panneau d’importation / exportation utile directement dans le tableau de bord afin que vous puissiez copier les paramètres de personnalisation de votre thème avant de passer à votre thème enfant et de les migrer.

De plus, si vous utilisez votre thème enfant pour fournir une fonction supplémentaire à votre site plutôt que d’utiliser un plugin si jamais vous changez de thème parent, vous devrez peut-être déplacer certaines de ces modifications vers un nouveau thème enfant, renommer votre thème enfant actuel ou déplacer le tweaks dans un plugin personnalisé.

Comment créer un thème enfant WordPress?

Je veux supposer que vous êtes proactif et que vous avez créé un dossier et un fichier style.css «spécial» pour votre thème enfant. Si vous venez de passer à cette partie (ou attendiez avec impatience cette section), veuillez ouvrir votre répertoire de thèmes WordPress via FTP / SFTP (… / wp-content / themes) et créer un dossier dans lequel vous stockerez votre thème enfant.

Remarque: Vous pouvez accéder au répertoire des thèmes via votre gestionnaire de fichiers dans votre cPanel. Vous pouvez également utiliser un client FTP tel que FileZilla si vous avez des comptes FTP activés.

Ensuite, ouvrez votre éditeur de texte préféré (le mien Bloc-notes ++) et créez un fichier style.css avec les informations suivantes:

/*
Theme Name : The name of your child theme (e.g. Total Child Theme)
Theme URI: http://www.example.com (Your child theme's URL)
Description: A brief description of your child theme
Author: Your name goes here
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Version: 1.0.0
*/

C’est le même code que nous avons utilisé plus tôt.

Téléchargez votre fichier style.css dans le dossier du thème enfant. À ce stade, votre fichier style.css est vide (à part les lignes ci-dessus, qui ne font rien en termes de style), alors ne vous attendez pas à ce que votre thème enfant ressemble à votre thème parent. Pour surmonter cet obstacle, vous pouvez importer le style.css de votre thème parent en créant un nouveau fichier functions.php vide dans le dossier du thème enfant et en ajoutant le code PHP suivant:

function total_child_enqueue_parent_theme_style() {
    
    // Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
    $theme   = wp_get_theme( 'Total' );
    $version = $theme->get( 'Version' );
    
    // Load the stylesheet
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css', array(), $version );
    
}
add_action( 'wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style' );

Assurez-vous de changer l’endroit où il est dit “Total” pour être le nom de votre thème parent. Cela permettra à votre thème enfant de mettre à jour dynamiquement le numéro de version ajouté au style.css parent.Ainsi, lorsque le thème parent est mis à jour, s’il y a eu des modifications dans le fichier style.css dans le thème parent, il laissera le navigateur et votre CDN ( si vous en utilisez un) remettez en cache la feuille de style et empêchez votre site d’avoir des problèmes de CSS lors de la visualisation.

Personnalisation de votre thème enfant

personnalisations de thème enfant

Maintenant vient la partie amusante. Vous avez probablement créé votre thème enfant pour faire des personnalisations, alors plongez-vous!

  • Pour personnaliser votre thème enfant, ajoutez simplement vos styles au fichier style.css que vous avez créé. Ils remplaceront les styles correspondants trouvés dans le thème parent.
  • Pour modifier les fichiers de modèle, copiez-les d’abord dans votre thème enfant, puis modifiez-les à partir de là. Mais TOUS les fichiers ne peuvent pas être copiés sur votre thème enfant et modifiés, vous ne pouvez copier que les fichiers modèles. Donc, si le thème contient certains fichiers pour un dossier includes, inc, functions ou autre qui contient des classes et des fonctions personnalisées, vous ne pourrez peut-être pas les copier et les modifier. Dans ces cas, vous souhaiterez peut-être envisager d’utiliser des filtres ou des hooks d’action pour modifier les fonctions de thème parent par défaut.
  • Vous pouvez ajouter des fichiers de modèles personnalisés à votre thème enfant pour plus de fonctionnalités
  • Utilisez le fichier functions.php de votre thème enfant pour ajouter des fonctions personnalisées et utiliser le thème parent ou les filtres WordPress. N’ajoutez pas de nouvelles fonctions au fichier functions.php dans votre thème parent!

WordPress chargera d’abord les fichiers de modèle et les styles dans votre thème enfant, mais s’il manque quelque chose, il chargera les fichiers correspondants dans le thème parent. Oh oui, les thèmes enfants sont sans danger, mais je parie que nous l’avons déjà dit.

Et c’est tout.


Pour conclure…

Les thèmes enfants sont très puissants en matière de personnalisation et d’extensibilité. De plus, ils offrent de bonnes bases d’apprentissage pour tous ceux qui cherchent à apprendre le développement de thèmes WordPress. Ils sont simples et amusants à créer et vous offrent de nombreuses options pour transformer votre site WordPress comme vous le souhaitez.

Concevez et amusez-vous, et ne partez pas avant de partager avec nous dans les commentaires ci-dessous. Nous aimons et apprécions vos commentaires 🙂

Share: