Pourquoi mon thème enfant CSS est-il appelé deux fois?

Question

Pourquoi mon thème enfant CSS est-il appelé deux fois?

21

20218 2014-11-06

J'ai créé unthèmeenfant selon les documents WPet ajouté lafonction requise

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

D'unemanière ou d'une autre,je me retrouve avec 2 références à lafeuille de style demonthèmeenfant:

 <link rel='stylesheet' id='twentythirteen-style-css'  href='http://DOMAIN.COM/wp-content/themes/twentythirteen-child/style.css?ver=2013-07-18' type='text/css' media='all' />

<link rel='stylesheet' id='child-style-css'  href='http://DOMAIN.COM/wp-content/themes/twentythirteen-child/style.css?ver=4.0' type='text/css' media='all' />

Pourquoi cela?

I created a child theme according the WP docs and added the requisite function

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

Somehow I end up with 2 references to my child theme stylesheet:

<link rel='stylesheet' id='twentythirteen-style-css'  href='http://DOMAIN.COM/wp-content/themes/twentythirteen-child/style.css?ver=2013-07-18' type='text/css' media='all' />

<link rel='stylesheet' id='child-style-css'  href='http://DOMAIN.COM/wp-content/themes/twentythirteen-child/style.css?ver=4.0' type='text/css' media='all' />

Why is that?

- Pouvez-vouspublier lesinformations d'en-tête dufichier style.css dans lethèmeenfant?
  
  Can you post the header information of the style.css file in the child theme?
  - 0
  - 2014-11-06
  - cybmeta

1 réponses

votes

Pieter Goosen · Accepted Answer · 2014-11-06

18

2014-11-06

Cemessageest lié à cemessage quej'aimaintenantmis àjour avec lesmodifications de cemessage

Merci d'avoir soulevé ceproblème. J'ai rapidementtesté le scénarioet le styleenfantesten fait chargé deuxfois.

Quandj'aimis àjour le codexil y a quelquetemps,je me suis assuré que le styleenfant serait chargé après le styleparent,sansjamaisprendreen compte que celaest réellementfaitpar défautet que le code donné chargeraiten fait lafeuille de styleenfant deuxfois.

Celapeut êtrefacilement corrigéen supprimant simplement le $priority de lafonctionet en supprimant lapartiemiseen file d'attentepour lethèmeenfant. J'aitout retestéet çamarche. Ce seraitbien si quelquespersonnespouvaient collaborer.

En attendant,je mettrai àjour le codexet créerai un lien vers cet article.

Voici le code detravail

 add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style');
function enqueue_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

MODIFIER

Pourtoutepersonnepour laquelle cemessagene fonctionnepas,veuillez consulter cemessage . Vous devrez aller voir comment lethèmeparent ajoute les styles. Le code de cette question croit strictement que les styles duparent sont chargés de lamanière correcte qu'ils devraient l'être. Sinon,regardez les alternatives dans la réponse liéeet essayez-les

This post is linked from this post which I have now updated with the changes in this post

Thank you for bringing up this issue. I have quickly tested the scenario and the child style is actually loaded twice.

When I updated the codex a while ago I made sure that the child style would be loaded after the parent style, never actually taking into account that this is actually done by default and the code given would actually load the child stylesheet twice.

This can be easily rectified by simply removing the $priority from the function and removing the enqueue part for the child theme. I have retested everything, and it works. It would be nice if a couple of people can collaborate this.

In the mean time, I will update the codex and link to this post.

Here is the working code

add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style');
function enqueue_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

EDIT

For anyone that this post is not working for, please see this post. You will need to go and look on how the parent theme is adding the styles. The code in this question strictly believes that the styles in the parent are loaded in the correct way that they should be. If not, look at the alternatives in the linked answer and try those out

Vatester.Il semblepossible que WPne se souciepas que lafeuille de style soit chargée deuxfois ou qu'il y ait unejustification quinousmanque.

Will test. It seems possible that WP doesn't care of the stylesheet gets loaded twice or that there is some rationale that we are missing.
- 1
- 2014-11-06
- mmcglynn
Comme c'est sur le sujet,j'ai rencontré quelquesproblèmesen utilisant cetteméthode,[détailléici] (http://wordpress.stackexchange.com/q/167918/47707).

As it's on topic, I encountered a couple issues using this method, [detailed here](http://wordpress.stackexchange.com/q/167918/47707).
- 0
- 2014-11-09
- dMcClintock
Lafeuille de stylene serapas chargée deuxfois si vous utilisez lemême «id».Mais cela crée un autreproblème -je veuxenequeue lafeuille de styleenfant afin qu'elle se charge après l'autre css afin queje puisse la remplacer ... Mais celane fait que dupliquer le style (ouignore si vous utilisez lemême 'id')

The stylesheet wont get loaded twice if you use the same 'id'. But this creates another issue - I want to enequeue the child stylesheet so it loads after the other css so I can override it... But this only duplicates the style (or ignores if using the same 'id')
- 0
- 2015-10-27
- php-b-grader
Leprincipalproblème avec cetteméthode,queje peux dire,est que le styleenfantne récupèrepas lenuméro de version duthèmeenfant.Il sembletirer lenuméro de version duthèmeparent,ce quin'estpastoujoursidéal.

The main issue with this method, that I can tell, is that the child style doesn't pull in the version number of the child theme. It seems to pull in the version number of the parent theme, which isn't always ideal.
- 1
- 2018-09-28
- Garconis
@pieter-goosen J'ai suivi l'exemple sur [Thèmesenfants] (https://codex.wordpress.org/Child_Themes) qui utilise lenuméro de version duthèmeenfant: `wp_get_theme () ->get ('Version')`.Cependant,je finispar avoir dupliqué CSSpour la version WPet la version duthèmeenfant: ``et ``. Quelle serait la solution dans ces cas?

@pieter-goosen I followed the example at [Child Themes](https://codex.wordpress.org/Child_Themes) which uses the version number of the child theme: `wp_get_theme()->get('Version')`. However I end up having duplicated CSS for the WP version and the child theme version: `` and ``. What would be the solution in these cases?
- 0
- 2018-10-04
- IvanRF