Si vous utilisez le th\u00e8me Divi pour concevoir votre site web sur WordPress et que vous cherchez \u00e0 le personnaliser plus en profondeur sans perdre vos modifications lors des mises \u00e0 jour, alors la solution est d’utiliser un th\u00e8me enfant Divi. Un th\u00e8me enfant Divi, fonctionnant comme un sous-th\u00e8me, reprend le design et les fonctionnalit\u00e9s du th\u00e8me Divi tout en vous permettant d’ajouter vos propres styles CSS, fichiers PHP, mod\u00e8les et codes personnalis\u00e9s.<\/p>\n\n\n\n
Dans cet article, nous vous guidons \u00e0 travers le concept d’un th\u00e8me enfant Divi, son importance, les \u00e9tapes pour le cr\u00e9er et le personnaliser, ainsi que les instructions pour l’installer et l’activer sur votre site web. Pr\u00eat \u00e0 commencer ? Suivez le guide !<\/p>\n\n\n\n
Un th\u00e8me enfant Divi est essentiellement une extension du th\u00e8me Divi principal<\/a>, servant de base. Il h\u00e9rite de l’esth\u00e9tique et des fonctionnalit\u00e9s du th\u00e8me Divi tout en vous donnant la libert\u00e9 d’y apporter vos propres modifications sans alt\u00e9rer le th\u00e8me original. Cette approche vous permet de personnaliser votre site web en utilisant Divi, sans risquer de perdre vos ajustements personnalis\u00e9s lors des mises \u00e0 jour.<\/p>\n\n\n\n La structure d’un th\u00e8me enfant Divi repose sur deux fichiers cruciaux : style.css et functions.php. Le premier, style.css, est destin\u00e9 \u00e0 vos styles CSS personnalis\u00e9s, tandis que functions.php vous permet d’int\u00e9grer des fonctions PHP sp\u00e9cifiques \u00e0 votre site. <\/p>\n\n\n\n Ces fichiers r\u00e9sident dans un dossier nomm\u00e9 divi-child, situ\u00e9 dans le r\u00e9pertoire des th\u00e8mes de WordPress. Pour une identification facile, ce dossier doit aussi inclure une image screenshot.png, qui appara\u00eet comme vignette de votre th\u00e8me enfant dans l’administration WordPress.<\/p>\n\n\n\n L’utilisation d’un th\u00e8me enfant Divi offre de multiples avantages. Premi\u00e8rement, elle vous permet de personnaliser votre site \u00e0 votre guise sans toucher aux fichiers du th\u00e8me principal Divi, vous \u00e9pargnant ainsi la perte de vos modifications lors des mises \u00e0 jour r\u00e9guli\u00e8res du th\u00e8me. <\/p>\n\n\n\n De plus, centraliser vos modifications dans un seul dossier simplifie la gestion et le travail collaboratif. Enfin, la modification des fichiers PHP du th\u00e8me, comme header.php ou footer.php, devient possible, vous donnant ainsi la possibilit\u00e9 de personnaliser davantage l’aspect et le fonctionnement de votre site.<\/p>\n\n\n\n La cr\u00e9ation et la personnalisation d’un th\u00e8me enfant Divi vous permettent de tirer le meilleur parti de votre site WordPress tout en pr\u00e9servant vos modifications lors des mises \u00e0 jour. <\/p>\n\n\n\n Dans cette section, nous allons d\u00e9tailler les \u00e9tapes cl\u00e9s pour cr\u00e9er et personnaliser votre th\u00e8me enfant Divi, en abordant les techniques de base de la personnalisation avec CSS et PHP.<\/p>\n\n\n\n Pour mettre en place un th\u00e8me enfant Divi, certains fichiers sont indispensables : le fichier style.css et le fichier functions.php. Vous aurez \u00e9galement besoin d’un dossier nomm\u00e9 divi-child, qui contiendra ces fichiers ainsi qu’une image screenshot.png servant de vignette dans l’administration WordPress. Voici comment proc\u00e9der :<\/p>\n\n\n\n Theme Name: Divi Child<\/p>\n\n\n\n Theme URI: https:\/\/www.elegantthemes.com\/gallery\/divi\/<\/p>\n\n\n\n Description: Th\u00e8me enfant pour Divi<\/p>\n\n\n\n Author: Votre nom<\/p>\n\n\n\n Author URI: Votre site web<\/p>\n\n\n\n Template: Divi<\/p>\n\n\n\n Version: 1.0.0<\/p>\n\n\n\n License: GNU General Public License v2 or later<\/p>\n\n\n\n License URI: http:\/\/www.gnu.org\/licenses\/gpl-2.0.html<\/p>\n\n\n\n Text Domain: divi-child<\/p>\n\n\n\n *\/ \/* Ajoutez vos styles CSS personnalis\u00e9s ici *\/<\/p>\n<\/blockquote>\n<\/div><\/div>\n\n\n\n \/\/ Importe le fichier style.css du th\u00e8me parent Divi<\/p>\n\n\n\n function divi_child_enqueue_styles() { wp_enqueue_style( ‘parent-style’, get_template_directory_uri(). ‘\/style.css’ );<\/p>\n\n\n\n }<\/p>\n\n\n\n add_action( ‘wp_enqueue_scripts’, ‘divi_child_enqueue_styles’ );<\/p>\n\n\n\n ?><\/p>\n<\/blockquote>\n\n\n\n Avec votre th\u00e8me enfant Divi pr\u00eat, vous pouvez passer \u00e0 la personnalisation. Les fichiers style.css et functions.php sont vos outils pour modifier l’apparence et le comportement de votre site.<\/p>\n\n\n\n Voici quelques exemples de personnalisation :<\/p>\n\n\n\n function divi_child_back_to_top() { echo ‘<div id=\u00a0\u00bbback-to-top\u00a0\u00bb><a href=\u00a0\u00bb#top\u00a0\u00bb>Retour en haut<\/a><\/div>’;<\/p>\n\n\n\n }<\/p>\n\n\n\n add_action( ‘wp_footer’, ‘divi_child_back_to_top’ ); \/\/ Style du bouton \u00ab\u00a0Retour en haut\u00a0\u00bb<\/p>\n\n\n\n function divi_child_back_to_top_css() { echo ‘<style> #back-to-top { position: fixed; bottom: 20px; right: 20px; background: #000; color: #fff; padding: 10px; border-radius: 5px; } #back-to-top:hover { background: #fff; color: #000; } <\/style>’;<\/p>\n\n\n\n }<\/p>\n\n\n\n add_action( ‘wp_head’, ‘divi_child_back_to_top_css’ );<\/p>\n<\/blockquote>\n\n\n\n L’avantage majeur d’un th\u00e8me enfant est de prot\u00e9ger vos personnalisations lors des mises \u00e0 jour du th\u00e8me Divi. Pour \u00e9viter de perdre vos modifications :<\/p>\n\n\n\n En suivant ces recommandations, vous pourrez cr\u00e9er et personnaliser votre th\u00e8me enfant Divi tout en pr\u00e9servant vos modifications \u00e0 chaque mise \u00e0 jour.<\/p>\n\n\n\n Vous avez cr\u00e9\u00e9 et personnalis\u00e9 votre th\u00e8me enfant Divi, mais vous vous demandez maintenant comment l’installer et l’activer sur votre site web ? Nous allons vous guider \u00e0 travers ce processus.<\/p>\n\n\n\n Nous vous fournirons une assistance \u00e9tape par \u00e9tape pour l’installation de votre th\u00e8me enfant Divi, nous aborderons les probl\u00e8mes courants rencontr\u00e9s lors de l’activation et nous partagerons des astuces pour am\u00e9liorer les performances de votre site avec un th\u00e8me enfant Divi.<\/p>\n\n\n\n Pour d\u00e9buter l’installation de votre th\u00e8me enfant Divi, assurez-vous d’abord que le th\u00e8me Divi est install\u00e9 et activ\u00e9 sur votre site web. Si ce n’est pas encore fait, t\u00e9l\u00e9chargez-le depuis le site d’Elegant Themes et suivez les instructions fournies. Ensuite, pr\u00e9parez un dossier ZIP contenant les fichiers de votre th\u00e8me enfant Divi.<\/p>\n\n\n\n Voici les \u00e9tapes \u00e0 suivre pour installer votre th\u00e8me enfant Divi :<\/p>\n\n\n\n Vous avez d\u00e9sormais install\u00e9 et activ\u00e9 votre th\u00e8me enfant Divi. V\u00e9rifiez-le en allant dans Apparence > Th\u00e8mes, o\u00f9 il devrait appara\u00eetre comme le th\u00e8me actif.<\/p>\n\n\n\n Il se peut que vous rencontriez des difficult\u00e9s lors de l’activation de votre th\u00e8me enfant Divi. Voici comment r\u00e9soudre les probl\u00e8mes les plus fr\u00e9quents :<\/p>\n\n\n\n Voici quelques conseils pour tirer le meilleur parti de votre th\u00e8me enfant Divi :<\/p>\n\n\n\n En suivant ces instructions et conseils, l’installation et l’activation de votre th\u00e8me enfant Divi seront simplifi\u00e9es, vous permettant ainsi de personnaliser et d’optimiser votre site web efficacement.<\/p>\n\n\n\n F\u00e9licitations pour avoir parcouru ce guide d\u00e9di\u00e9 au th\u00e8me enfant Divi. Nous esp\u00e9rons vous avoir \u00e9clair\u00e9 sur la cr\u00e9ation, la personnalisation, l’installation et l’activation de votre th\u00e8me enfant Divi. Cela vous permettra de personnaliser votre site web avec Divi tout en pr\u00e9servant vos modifications lors des mises \u00e0 jour. Voici les points cl\u00e9s \u00e0 retenir :<\/p>\n\n\n\n Vous voil\u00e0 maintenant arm\u00e9 pour cr\u00e9er et personnaliser votre th\u00e8me enfant Divi. Si vous \u00eates \u00e0 la recherche d’un h\u00e9bergement web pour votre site Divi, n’h\u00e9sitez pas \u00e0 consulter nos offres WordPress + Divi<\/a>. <\/p>\n\n\n\n Nous vous invitons \u00e0 consulter nos plans d’h\u00e9bergement WordPress vert<\/a>. Ex2 est un h\u00e9bergeur vert sp\u00e9cialis\u00e9 WordPress, et le choix id\u00e9al pour h\u00e9berger votre site WordPress.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":" Si vous utilisez le th\u00e8me Divi pour concevoir votre site web sur WordPress et que vous cherchez \u00e0 le personnaliser plus en profondeur sans perdre vos modifications lors des mises \u00e0 jour, alors la solution est d’utiliser un th\u00e8me enfant Divi. Un th\u00e8me enfant Divi, fonctionnant comme un sous-th\u00e8me, reprend le design et les fonctionnalit\u00e9s […]<\/p>\n","protected":false},"author":12,"featured_media":5581,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[140,85,89,237,13],"class_list":["post-5579","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-createur-de-site","tag-divi","tag-theme","tag-theme-enfant","tag-wordpress","entry"],"yoast_head":"\nComprendre la structure d’un th\u00e8me enfant<\/strong><\/h3>\n\n\n\n
Les avantages de l’utilisation d’un th\u00e8me enfant avec Divi<\/strong><\/h3>\n\n\n\n
Cr\u00e9ation et personnalisation de votre th\u00e8me enfant Divi<\/strong><\/h2>\n\n\n\n
Les \u00e9tapes essentielles pour cr\u00e9er un th\u00e8me enfant Divi<\/strong><\/h3>\n\n\n\n
\n
\n
\/*<\/p>\n\n\n\n\n
<?php<\/li>\n<\/ul>\n\n\n\n\n
\n
Personnalisation de base : ajout de CSS et de PHP<\/strong><\/h3>\n\n\n\n
\n
.entry-title { color: #ff0000; \/* Remplacez par la couleur de votre choix *\/ }
<\/li>\n\n\n\n
\/\/ Ajoute un bouton \u00ab\u00a0Retour en haut\u00a0\u00bb<\/li>\n<\/ul>\n\n\n\n\n
Comment pr\u00e9server les personnalisations lors des mises \u00e0 jour<\/strong><\/h3>\n\n\n\n
\n
Installation et activation de votre th\u00e8me enfant Divi<\/strong><\/h2>\n\n\n\n
Guide d’installation \u00e9tape par \u00e9tape<\/strong><\/h3>\n\n\n\n
\n
R\u00e9solution des probl\u00e8mes communs lors de l’activation<\/strong><\/h3>\n\n\n\n
\n
Conseils pour optimiser votre site avec un th\u00e8me enfant Divi<\/strong><\/h3>\n\n\n\n
\n
Conclusion<\/strong><\/h2>\n\n\n\n
\n