Discussion :

[eddy-eddy]

Bonjour,

Je suis en train de créer un site sous Wordpress et je souhaite utiliser un thème enfant, mais cela ne fonctionne pas, le code dans le fichier style.css ne semble être pris en compte.
Auriez-vous une idée du problème Merci d'avance. Voici mon code.

style.css :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
*
 Theme Name:   myTheme
 Description:  myDescription
 Author:       myName
 Author URI:   http://example.co
 Template:     relia
 Version:      1.0.0
*/

functions.php

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
 
}
?>

[mathieu]

est ce que c'est le thème libre Relia qui est disponible là ?
https://wordpress.org/themes/relia/

ce thème charge déjà le fichier CSS enfant donc votre code devrait fonctionner.
donnez nous un exemple de ce qui ne fonctionne pas

[Invité]

Bonjour,


As-tu suivi un tuto pour la création du thème-enfant ?
Si oui, lequel ?

• Créer un thème enfant pour WordPress

Après...il ne faut pas oublier de sélectionner ce thème-enfant dans l'admin !

[eddy-eddy]

Bonjour,

J'ai suivi à la lettre le tuto suivant : https://wpformation.com/theme-enfant-wordpress/


Le thème parent se charge très bien, c'est seulement e thème enfant que j'ai rajouté qui ne se charge pas, j'ai essayé plusieurs exemples comme ça dans mon style.css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
h1, h2, h2, h3 {
color : red
}
 
body {
background-color : red 
}

mais ce ce code n'a aucun effet sur mes pages

[eddy-eddy]

@mathieu

oui en effet c'est bien ce thème là que j'utilise, j'ai testé des codes simples, comme vous pouvez le voir ci-dessus, mais rien n'y fait

[Invité]

il ne faut pas oublier de sélectionner ce thème-enfant dans l'admin

• "Apparence" -> "Themes" -> (choisir le theme-enfant)

[eddy-eddy]

• "Apparence" -> "Themes" -> (choisir le theme-enfant)

Oui j'ai bien sélectionné le thème enfant

[Invité]

Avec ce que tu donnes comme infos, on ne peut rien dire de plus.

[mathieu]

j'ai essayé plusieurs exemples comme ça dans mon style.css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
h1, h2, h2, h3 {
color : red
}
 
body {
background-color : red 
}

regardez dans la console de développement et vous verrez que ces 2 règles ne s'appliquent pas car d'autres règles CSS sont prioritaires.

essayez le code suivant dans le CSS enfant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
*
{
    border : 1px solid red;
}

[miss_socrates]

Il est possible que la mise en page soit faite avec un ou plusieurs autres fichiers css que style.css
Il faudrait utiliser Firebug (pour Firefox ou équivalent), clic droit et choisir "Inspecter l'élément avec Firebug".
Cliquer sur un contenu h1 ou h2 et dans la partie droite sera indiqué quels éléments de mise en page sont appliqués et dans quel fichier ils se trouvent.
Il faut alors travailler sur ce fichier de style.

[eddy-eddy]

• "Apparence" -> "Themes" -> (choisir le theme-enfant)

Il est possible que la mise en page soit faite avec un ou plusieurs autres fichiers css que style.css
Il faudrait utiliser Firebug (pour Firefox ou équivalent), clic droit et choisir "Inspecter l'élément avec Firebug".
Cliquer sur un contenu h1 ou h2 et dans la partie droite sera indiqué quels éléments de mise en page sont appliqués et dans quel fichier ils se trouvent.
Il faut alors travailler sur ce fichier de style.

OK je vais essayer ceci.
Merci en tout cas.