CSS personnalisé WordPress ajouté deux fois ?

Publié par Jean-Michel le

Pas sûr à 100% si cette question est légitime pour la pile, mais elle n’appartient pas à Meta et implique du code, et je ne pense pas que ce soit subjectif – devrait avoir une réponse …

J’ai un nouveau site wordpress utilisant le thème The7 et j’ai, bien sûr, créé un thème enfant en utilisant le plugin « One Click Child Theme ».

Tout fonctionne bien, j’y ai mis un peu de css personnalisé pour ajuster la navigation et ça s’ajuste, mais quand je regarde l’inspecteur en chrome, je vois mon css personnalisé répertorié deux fois ! Est-ce que quelqu’un sait pourquoi c’est comme ça? Je n’ai pas d’ importinstructions supplémentaires dans ma feuille de style enfant, et même si c’était le cas, ce code n’est de toute façon pas dans la feuille de style parent. La feuille de style enfant est-elle chargée deux fois ?

Je connais un peu le code Web, mais je suis assez novice dans l’utilisation de WordPress. Est-ce un comportement normal ?

Ceci est ma feuille de style enfant entière:

/*
Theme Name:     the7 Child
Description:    
Author:         chris@sqlfocus.com
Template:       dt-the7

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

ul.main-nav {
    padding-left: 100px;
    padding-right: 100px;   
    -webkit-padding-start: 100px;
    -webkit-padding-end: 100px;
}

Voici l’inspecteur :
entrez la description de l'image ici

fonctions.php :

<?php
//
// Recommended way to include parent theme styles.
//  (Please see http://codex.wordpress.org/Child_Themes#How_to_Create_a_Child_Theme)
//  
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('parent-style')
    );
}
//
// Your code goes below
//

Solution n°1 trouvée

J’ai eu exactement le même problème avec un thème Enfold et je l’ai déjà vu avec d’autres thèmes.

J’ai étudié la sortie HTML d’une page et j’ai découvert que le thème incluait automatiquement ma feuille de style. Ceci est inattendu et donc indésirable car l’imprévisibilité n’est pas souhaitable – tous les thèmes ne le font pas.

Le correctif ? Un peu drôle… mais j’ai juste…

removed my own reference from functions.php and let the parent theme auto-include it for me

Triste mais vrai…

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *