Au fil des années, WordPress a évolué : d’un simple système de blogging, cette solution est devenue un véritable CMS convivial et un acteur incontournable du World Wide Web. Grâce à sa popularité, de nombreux professionnels de WordPress se sont spécialisés dans la mise à disposition de thèmes WordPress, qui sont autant de modèles pour créer des sites Internet. Ces thèmes intègrent presque toutes les fonctionnalités possibles et correspondent même aux attentes esthétiques approximatives des gérants de sites Internet, mais seulement approximativement. Il faut en effet adapter le code ici et là ou modifier la structure pour que les pages correspondent à l’identité visuelle de l’entreprise. Mais qu’arrivera-t-il à ces modifications lorsque le thème sera mis à jour ? C’est là que les thèmes enfant de WordPress entrent en jeu.
Afin d’éviter qu’une mise à jour du thème n’écrase vos modifications, vous avez tout intérêt à créer un thème WordPress enfant. Un thème WordPress enfant, comme son nom l’indique, correspond à « l’enfant » d’un thème parent dans l’arborescence. Il reprend l’apparence et les fonctionnalités du thème parent. Si vous apportez vos propres modifications au thème enfant WordPress, celles-ci écrasent automatiquement les instructions du thème parent. Ces modifications n’ont aucun effet sur le thème parent. Si le thème parent dispose d’une mise à jour, les modifications du thème enfant WordPress seront conservées.
Lorsque vous apportez des modifications conséquentes ou que vous lancez des mises à jour, votre site Internet peut afficher des messages d’erreur. Pour ne pas brusquer les utilisateurs, activez le mode maintenance de WordPress.
Un thème enfant WordPress peut se composer de plusieurs éléments. Le plus important, ce sont les modifications que vous apportez et à quels fichiers vous les appliquez. Il existe cependant des fichiers spécifiques dont n’importe quel thème enfant WordPress a impérativement besoin pour assurer son fonctionnement optimal :
À quoi servent ces trois fichiers dans un thème enfant WordPress ?
Comme évoqué précédemment, un thème enfant WordPress fonctionne uniquement lorsqu’il contient les fichiers listés ci-dessus. Ces fichiers ont les fonctions suivantes :
Si vous n’apportez que des modifications mineures à votre thème, vous pouvez aussi opter pour des solutions plus simples comme le plugin Simple Custom CSS Plugin ou le Customizer, intégré dans WordPress depuis la version 4.7.
En principe, utiliser un thème enfant dans WordPress offre de nombreux avantages. Cette solution n’est cependant pas sans inconvénients. Si vous envisagez uniquement de petites modifications du CSS, prenez le temps de déterminer s’il est vraiment intéressant d’installer un thème supplémentaire :
Stockage en ligne HiDrive
Avec HiDrive, vos fichiers sont sauvegardés en toute sécurité dans le Cloud basé en Europe et sont accessibles depuis tout appareil !
Assistance 24/7Accès partagéUltra-sécurisé| Avantages | Inconvénients |
|---|---|
| Lors de la mise à jour du thème parent, les modifications ne sont pas écrasées. | La mise à jour du modèle d’origine résout uniquement les failles de sécurité dans les fichiers template du dossier parent. Les fichiers template du thème enfant WordPress conservent ces failles. |
| Un thème enfant WordPress offre davantage de libertés que le back-office de WordPress. Par exemple, il vous permet d’adapter la disposition et la structure du site Internet ou de développer certaines fonctions du thème. | Le site peut rencontrer des latences, car le navigateur doit charger deux feuilles de style. |
| Les modifications CSS conséquentes restent visibles dans le fichier style.css, contrairement aux modifications dans le Customizer de WordPress. | |
| Les thèmes enfant WordPress sont parfaits pour les débutants qui veulent se familiariser avec WordPress. En cas d’erreur, ils peuvent revenir à tout moment sur le thème parent. | |
| Le temps de développement d’un site Internet peut être réduit grâce à un thème enfant WordPress. |
Maintenant que nous avons vu la théorie, passons à la pratique pour créer un thème WordPress enfant fonctionnel.
À l’aide d’un client FTP, par ex. FileZilla, connectez-vous à votre serveur et, dans votre installation WordPress, ouvrez le dossier suivant :
Chemin-d-acces-a-votre-installation-wordpress/wp-content/themes/Dans ce dossier, créez un dossier pour le thème WordPress enfant. Idéalement, nommez-le en reprenant le nom du thème parent et en ajoutant le mot « -child » à la fin.
Créez un fichier style.css et saisissez les informations suivantes dans son en-tête à l’aide d’un éditeur de texte :
/*
Theme Name: [Nom du thème parent] Child
Theme URI: [http://example.fr/parent-theme/]
Description: Thème [Nom du thème parent] Child
Author: [Votre nom]
Author URI: [L’URL de votre site Internet]
Template: [Nom du dossier du thème parent]
Version: 1.0.0
Text Domain: [Nom du thème parent] -child
*/Remplacez les informations générales entre crochets par vos données. Il n’est pas nécessaire de compléter tous les points ; seules les deux informations suivantes sont obligatoires pour obtenir un thème enfant WordPress fonctionnel :
Lorsque le fichier style.css est prêt, téléchargez-le sur le client FTP dans le dossier du thème enfant WordPress.
Dans le meilleur des cas, le thème parent contient déjà des instructions pour charger la feuille de style du thème enfant WordPress. Mais tous les modèles de présentation ne le proposent pas. Ainsi, il est important de regarder ce que fait le thème parent. Vous rencontrerez un des trois scénarios suivants :
Si vous rencontrez le deuxième cas, le fichier function.php présentera la structure suivante :
<!--?php</codesnippet-->
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'child-style', get_stylesheet_uri(),
array( 'Nom de la feuille de style du thème parent'),
wp_get_theme()->get('Version') // Fonctionne uniquement si la version de ce point est également renseignée dans l’en-tête de la feuille de style
);
}
?>Si votre thème enfant WordPress doit charger les deux feuilles de style avec function.php, le code prendra la forme suivante :
<!--?php</codesnippet-->
function child_theme_styles() {
wp_enqueue_style( 'Nom de la feuille de style du thème parent', get_template_directory_uri() . '/style.css');
wp_enqueue_style( 'child-theme-css', get_stylesheet_directory_uri() .'/style.css' , array('Handle Nom de la feuille de style du thème parent));
}
add_action( 'wp_enqueue_scripts', 'child_theme_styles' );
?>Chargez le fichier function.php au même endroit que le fichier style.css, dans le dossier du thème enfant WordPress.
Vous avez aussi la possibilité de charger une image portant le nom screenshot.png dans le dossier du thème enfant WordPress. WordPress affiche cette image dans le back-office pour illustrer votre thème et le classer plus facilement.
Une fois le thème enfant créé, activez-le comme n’importe quel autre thème dans le back-office de WordPress. Il vous suffit de vous connecter, puis, dans Design > Thèmes, de sélectionner le thème enfant.
Si vous avez déjà apporté des modifications à votre thème parent à l’aide du Customizer de WordPress, celles-ci seront perdues lorsque vous activerez le thème WordPress enfant. Le plugin Customizer Export/Import vous permet d’exporter les réglages du Customizer puis de les réimporter.
Votre thème enfant WordPress est désormais entièrement fonctionnel. Si vous souhaitez modifier d’autres fichiers template, copiez ces fichiers depuis le thème parent vers le dossier du thème enfant. Veillez bien à faire correspondre exactement le chemin d’accès à celui présent dans le thème parent. Le fichier du thème parent sera automatiquement écrasé par celui du dossier du thème enfant WordPress.
Avec l’hébergement WordPress chez IONOS, vous profitez d’une plateforme spécialement optimisée pour WordPress qui vous facilitera la tâche pour réaliser votre propre site Internet avec WordPress.
Une force du logiciel de blogging WordPress est la séparation du design et de la mise en page, avec le noyau de programmation. Cela permet aux utilisateurs d’adapter la présentation du contenu de leurs pages Web au thème utilisé sans avoir à intervenir avec le logiciel en lui-même. Nous vous expliquons dans ce guide la fonction d’un thème WordPress et des éléments qui le composent.
Peut-être avez-vous déjà entendu parler du Framework Genesis pour WordPress. Le thème de base du service Web américain StudioPress compte parmi les solutions les plus demandées de structures logicielles. Les thèmes enfants Genesis connaissent également un large succès. Alors pourquoi ce framework est-il apprécié et quels coûts faut-il compter pour l’utiliser ? Nous répondons à ces questions dans...
Vous souhaitez créer votre propre site Web, mais vous n’avez quasiment aucune connaissance en programmation ? Avec un système de gestion de contenu, il est possible de créer une page d’accueil, pour vous-même ou votre entreprise, sans connaissances HTML. Notre guide WordPress vous guide pas à pas vers votre propre site Web, de l’installation et la configuration de WordPress à la création de...
L’installation de Google Analytics sur WordPress permet d’obtenir des informations utiles sur les visiteurs de votre site Internet. Vous pourrez ainsi mieux cerner vos visiteurs et adapter vos mesures marketing en conséquence. Nous vous montrons comment installer Google Analytics sur WordPress et vous expliquons tout ce que vous devez savoir en matière de protection des données.
Vous gérez un site Wordpress ? Vous avez donc sûrement déjà entendu parler du fait d’ajouter des scripts ou des feuilles de style à votre projet. Dans ce guide pas-à-pas, nous allons vous montrer comment modifier un header dans WordPress, ce que vous devez prendre en compte et comment trouver l’approche qui vous convient le mieux.
Offrez un service performant et fiable à vos clients avec l'hébergement web de IONOS.
Créez une adresse personnalisée Affichez votre sérieux sur Internet Nom de domaine inclus