Comment créer et personnaliser des thèmes enfants dans WordPress : un guide pour les méthodes manuelles et les plugins

En personnalisant votre Site web WordPressVous avez l'habitude de créer des thèmes pour WordPress, mais vous ne voulez pas perdre les ajustements que vous avez faits à chaque mise à jour ? Avec le guide simple de cet article, vous pouvez apprendre à créer des thèmes enfants dans WordPress pour vous assurer que vos personnalisations restent sûres et sans souci, tout en faisant des ajustements et des améliorations avec facilité !Conception du site webet la fonctionnalité.

Conditions préalables à la création d'un thème enfant WordPress

Avant de commencer à créer un thème enfant WordPress, assurez-vous de disposer des connaissances et des ressources suivantes :

Demande :

• Les bases du CSSCSS : CSS est utilisé pour définir l'apparence et le style d'un site web, et sa maîtrise vous aidera à personnaliser les thèmes enfants.
• Les bases du PHPPHP : PHP est un langage de script utilisé par WordPress, et sa compréhension vous aidera à modifier et à améliorer les fonctionnalités de votre thème enfant.
• Structure d'un thème WordPressComprendre la structure des fichiers des thèmes WordPress, en particulier les modèles, les feuilles de style et le contenu de la page d'accueil. functions.php Documentation.

Comment tester la compatibilité PHP des produits WordPress

28 mars 10:03

08810

Outils et ressources :

• Accès au système de fichiersVous devez pouvoir accéder au système de fichiers de votre installation WordPress, ce qui peut se faire via cPanel, FTP ou un plugin de gestion de fichiers.
• éditeur de texteUtilisez un éditeur de texte conçu pour le codage (par exemple Notepad++, Sublime Text ou Visual Studio Code).
• Client FTPLes logiciels de gestion des thèmes : FileZilla, WinSCP ou ForkLift pour la gestion et le téléchargement des fichiers de thèmes.

Étapes de préparation :

• Site de sauvegardeSauvegarde : Assurez-vous de créer une sauvegarde complète de votre site web avant de commencer à effectuer des modifications, juste au cas où quelque chose se passerait mal.
• Mise en place du localenvironnement de développement (ordinateur)Il est préférable de commencer par un environnement de développement local (par exemple, l'environnement de développement de l'entreprise). XAMPP peut-être Local by Flywheel) dans le sous-sujet du test.
• Confirmation du thème parentalSpécifiez le sujet parent à modifier et assurez-vous de connaître le nom exact de son dossier.

Comment créer manuellement un thème enfant WordPress

La création manuelle de thèmes enfants est la méthode préférée de nombreux développeurs, car elle garantit de meilleures performances et une meilleure sécurité. En suivant les étapes ci-dessous, vous aurez un contrôle total sur la conception et les fonctionnalités de votre site web.

Étape 1 : Création d'un dossier sous-thème

Créez d'abord unDossiers des sous-thèmeset nommez-le. La convention d'appellation est le nom de la rubrique parente plus "-Enfant.". Par exemple, si le thème parent est poirele dossier du sous-thème est nommé poire-enfant. Placez ce dossier dans le wp-content/themes/ Catalogue.

Étape 2 : Créer le fichier de feuille de style (style.css)

Créez un fichier dans le dossier du thème enfant appelé style.css et ajoutez les informations d'en-tête suivantes au début du fichier :

/*<br>Nom du thème : Pear Child<br>Thème URI : http://example.com/pear-child/<br>Description : Un thème enfant pour le thème pear.<br>Auteur : Votre nom<br>URI de l'auteur : http://example.com<br>Modèle : poire<br>Version : 1.0.0<br>Licence : GNU General Public License v2 ou ultérieure<br>Licence URI : http://www.gnu.org/licenses/gpl-2.0.html<br>Tags : light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready<br>Domaine de texte : poire-enfant<br>*/<br>
/*<br>Nom du thème : Pear Child<br>Thème URI : http://example.com/pear-child/<br>Description : Un thème enfant pour le thème pear.<br>Auteur : Votre nom<br>URI de l'auteur : http://example.com<br>Modèle : poire<br>Version : 1.0.0<br>Licence : GNU General Public License v2 ou ultérieure<br>Licence URI : http://www.gnu.org/licenses/gpl-2.0.html<br>Tags : light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready<br>Domaine de texte : poire-enfant<br>*/<br>
/*
Nom du thème : Pear Child
Thème URI : http://example.com/pear-child/
Description : Un thème enfant pour le thème pear.
Auteur : Votre nom
URI de l'auteur : http://example.com
Modèle : poire
Version : 1.0.0
Licence : GNU General Public License v2 ou ultérieure
Licence URI : http://www.gnu.org/licenses/gpl-2.0.html
Tags : light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Domaine de texte : poire-enfant
*/

Parmi ceux-ci Modèle spécifie le nom du dossier du sujet parent, ce qui permet d'identifier correctement la relation parent-enfant.

Étape 3 : Créez le fichier de fonction (functions.php)

Dans le dossier du thème enfant, créez un fichier functions.php et ajoutez le code suivant pour vous assurer que le thème enfant charge correctement la feuille de style du thème parent :

<?php<br>function pear_child_enqueue_styles() {<br>    wp_enqueue_style('pear-parent-style', get_template_directory_uri() . '/style.css') ;<br>    wp_enqueue_style('pear-child-style', get_stylesheet_uri(), array('pear-parent-style')) ;<br>}<br>add_action('wp_enqueue_scripts', 'pear_child_enqueue_styles') ;<br>?><br>
<?php<br>function pear_child_enqueue_styles() {<br>    wp_enqueue_style('pear-parent-style', get_template_directory_uri() . '/style.css') ;<br>    wp_enqueue_style('pear-child-style', get_stylesheet_uri(), array('pear-parent-style')) ;<br>}<br>add_action('wp_enqueue_scripts', 'pear_child_enqueue_styles') ;<br>?><br>
<?php
function pear_child_enqueue_styles() {
    wp_enqueue_style('pear-parent-style', get_template_directory_uri() . '/style.css') ;
    wp_enqueue_style('pear-child-style', get_stylesheet_uri(), array('pear-parent-style')) ;
}
add_action('wp_enqueue_scripts', 'pear_child_enqueue_styles') ;
?>

Étape 4 : Installer et activer le thème enfant

Compresser le dossier du thème enfant dans .zip connectez-vous au tableau de bord de WordPress et ajoutez un nouveau fichier au répertoire "Apparence > ThèmesCliquez sur le bouton "¡§§".Ajouter un nouveau"Téléchargez et activez votre thème enfant.

Étape 5 : Personnalisation du thème enfant

Le thème enfant est activé et vous pouvez commencer à le personnaliser. Il est possible de copier les éléments du thème parentFichiers modèlesdans le dossier du thème enfant et modifiez-le, ou dans le fichier functions.php Ajoutez une personnalisation à la

Comment créer des thèmes enfants WordPress à l'aide de plugins

Si vous ne souhaitez pas créer des thèmes enfants manuellement, vous pouvez utiliser des plugins pour simplifier le processus. Voici quelques plugins couramment utilisés :

• Configurateur de thème enfant: afacile à utiliserqui compte plus de 300 000 installations actives.
• Assistant de thème enfantLe site est simple et efficace, avec une note de 4,9 étoiles.
• Générateur de thème enfant WP: Perfect reviews et plus de 10 000 installations actives par les utilisateurs.

Les avantages de l'utilisation des plug-ins sont la facilité d'utilisation, la rapidité et la réduction du risque d'erreurs.

Résoudre les problèmes courants

Bien que la création de thèmes enfants soit généralement simple, vous pouvez parfois rencontrer des problèmes. Voici des solutions à quelques problèmes courants :

1. Feuille de style non chargée: :
   • sonde functions.php Si les feuilles de style du thème parent et du thème enfant sont correctement mises en file d'attente dans le fichier
   • Assurez-vous que le chemin d'accès au fichier est correct et videz le cache de votre navigateur pour voir les dernières modifications.
2. conflit fonctionnel: :
   • Si vous rencontrez un conflit, désactivez d'abord tous les plug-ins et activez-les un par un pour voir si le conflit est dû au plug-in.
   • sonde functions.phpévitant ainsi la duplication des noms de fonctions.
3. Les remplacements de modèles ne fonctionnent pas: :
   • Assurez-vous que les noms des fichiers de modèles dans le thème enfant sont les mêmes que ceux du thème parent et qu'ils ont la même structure de dossier.