Comment personnaliser votre thème WordPress avec un thème enfant

Vous avez donc un thème WordPress sur votre site Web, qu'il soit gratuit ou commercial, et que vous souhaitez le personnaliser. Quelqu'un vous a sagement recommandé de le faire en "créant un thème enfant". Mais qu'est-ce que cela signifie et comment le faites-vous?

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

Thw WordPress Codex décrit les thèmes enfants comme ceci:

Un thème enfant WordPress est un thème qui hérite de la fonctionnalité d'un autre thème, appelé thème parent, et vous permet de modifier ou d'ajouter à la fonctionnalité de ce thème parent. Un thème enfant est le moyen le plus sûr et le plus simple de modifier un thème existant, que vous souhaitiez apporter quelques modifications mineures ou importantes. Au lieu de modifier directement les fichiers de thème, vous pouvez créer un thème enfant..

Essentiellement, un "thème enfant" est un thème WordPress qui s’ajoute à votre thème WordPress d’origine et remplace les parties de celui-ci que vous spécifiez, sans modifier réellement le thème original..

Pourquoi s'embêter à utiliser un thème pour enfants?

Si vous avez un thème WordPress gratuit ou commercial sur votre site, vous avez de bonnes chances de le personnaliser un peu pour l'adapter à vos besoins spécifiques. Vous pouvez modifier certaines couleurs, ajouter une barre latérale, faire en sorte que certains messages s'affichent différemment ou toute autre chose à laquelle vous pouvez penser..

Un jour, vous vous connectez à votre tableau de bord d'administration WordPress et vous constatez une mise à jour de votre thème. Cela corrige peut-être un bogue CSS ou un problème de sécurité lié au thème. Si vous cliquez sur Mettre à jour et que vous avez personnalisé les fichiers du thème directement, cette mise à jour va écraser vos modifications et BOOM! Ils sont partis. Vous devez refaire ces changements.

En utilisant un thème enfant, vous pouvez mettre à jour le thème d'origine à votre guise, et vos modifications sont sécurisées. Il est possible que quelque chose dans la mise à jour vous oblige également à modifier légèrement le thème de votre enfant, mais au moins vous ne partez pas de zéro.!

Ok, je pense que je suis à bord, mais comment puis-je le faire?

Votre thème original, que nous appellerons désormais "thème parent", vit dans votre / wp-content / themes / annuaire.

Par exemple, nous allons créer un thème enfant pour le thème par défaut "Twenty Twelve" de WordPress.

Donc, dans ce cas, pour créer un thème enfant, nous créons un nouveau répertoire à côté du répertoire du thème 'Twenty Twelve' appelé vingt-douze enfants.

Ainsi:

Tout ce répertoire doit être un thème enfant valide, c’est un style.css fichiers avec le contenu suivant:

 / * Nom du thème: Twenty Twelve Child URI du thème enfant: http://wp.tutsplus.com/ Description: Thème enfant pour Twenty Twelve Auteur: Japh URI de l'auteur: http://wp.tutsplus.com/author/japh Modèle: twentytwelve Version: 1.0.0 * / @import url ("… /twentytwelve/style.css");

Il y a deux parties importantes ici:

Modèle: vingt-douze - qui indique à WordPress que ce thème est un thème enfant du thème "Vingt Douze"
@import url ("… /twentytwelve/style.css"); - qui charge le thème parent (vingt douze dans ce cas) style.css comme point de départ

Maintenant, vous pouvez vous connecter à votre tableau de bord WordPress et voir votre thème 'Twenty Twelve Child', et l'activer.

Remarque:

Comme indiqué dans les commentaires ci-dessous, le @importation line n'est pas strictement nécessaire pour qu'un thème enfant soit valide. Je l'ai inclus ici comme dans la plupart des petites modifications d'un thème, vous voudrez l'utiliser. Pour le remplacement en gros du CSS dans un thème, vous pouvez laisser cette ligne et recommencer à zéro..

Doux, mon propre thème enfant! Maintenant quoi?

Maintenant, chaque fois que vous souhaitez personnaliser votre thème, faites-le dans le thème de votre enfant..

Les fichiers de votre thème enfant remplacent les fichiers du même nom dans le thème parent. Donc, tous les fichiers de votre thème parent que vous souhaitez modifier, copiez d’abord dans votre thème enfant, puis apportez vos modifications.

Il en va de même pour tous les modèles qui peuvent ne pas figurer dans votre thème parent. Vous pouvez les ajouter dans votre thème enfant et WordPress les utilisera..

Une exception à ces règles est la functions.php fichier. Dans ce cas, le functions.php Le fichier du thème enfant est chargé en premier, suivi du functions.php fichier du thème parent. Donc, il n'y a pas besoin de copier le functions.php fichier du parent dans l’enfant, il suffit de commencer à nouveau dans le thème de l’enfant pour celui-là.

Cela permet au thème enfant de disposer de toutes les fonctionnalités du thème parent. Les thèmes parents peuvent également rendre leurs fonctions connectables, ce qui permet à un thème enfant de les remplacer..

Qu'est-ce qu'une fonction enfichable?

Essentiellement, une fonction pouvant être connectée vérifie si elle existe déjà avant d'être définie. De cette façon, si le thème enfant définit une fonction du même nom, le thème parent ne crée pas de conflit..

Résumé

Voilà les bases de la personnalisation du thème WordPress utilisant un thème enfant. Ce n'est vraiment pas plus difficile que de modifier directement le thème d'origine, mais cela peut économiser beaucoup de chagrin d'amour au moment de la mise à jour. Il est également très facile pour vous de voir exactement ce que vous avez changé, car tout est bien compartimenté..

Vous pouvez trouver d'autres lectures sur les thèmes des enfants ici aussi sur Wptuts +.

Avez-vous des conseils particuliers pour la personnalisation avec des thèmes pour enfants? Faites le nous savoir dans les commentaires!

Code