WordPress : CSS local du thème enfant non appliqué

Je suis nouveau dans l’ensemble des thèmes WordPress, alors s’il vous plaît, soyez patient pendant que j’essaie d’expliquer le problème, surtout après que la plupart des réponses à l’enfant css s’appliquent au style.css.

J’ai téléchargé le thème des racines, puis j’ai créé un thème enfant avec celui-ci afin que je puisse simplement jouer avec le thème sans causer de problèmes.

Mon problème est que le dossier css local contenant app.css, bootstrap.css, etc. n’est pas défini.

En utilisant la même structure de dossiers que le thème parent, j’ai remarqué que le dossier local charge toujours le dossier local des parents et non le dossier local de l’enfant.

Ce que je reçois est: –

<link rel="stylesheet" href="http://localhost:8080/infinity/wp-content/themes/parent-theme/assets/css/bootstrap.css">

Ce que j’attendais c’est :-

<link rel="stylesheet" href="http://localhost:8080/infinity/wp-content/themes/child-theme/assets/css/bootstrap.css">

Quelqu’un pourrait-il expliquer ce qui me manque parce que cela me donne mal à la tête ou finalement une solution possible à ce problème.

Merci

Solution n°1 trouvée

Toujours pas de solution spécifique, mais après avoir posé la même question sur la page du groupe roots, j’ai été informé que roots était destiné à être un « thème de démarrage » et non un parent.

Signifier efficacement le codage autour des racines rend difficile son utilisation en tant que thème enfant.

Ma suggestion est d’apporter des modifications css au fichier app.css, cela signifie que le css bootstrap reste le même et que vos modifications se trouvent sur une seule page.

J’espère que cela aide quelqu’un.

Solution n°2 trouvée

Pourquoi ne pas essayer d’importer le fichier css dont vous avez besoin dans votre thème enfant style.css ?

Il semble que l’écrasement du thème parent ne s’applique qu’aux fichiers php de modèle style.css et wordpress. Donc, pour votre situation, essayez ceci dans votre style de thème enfant.css :

/*
Theme Name:     xxx Child
Theme URI:      http://example.com/
Description:    Child theme for the xxx theme
Author:         Your name here
Author URI:     http://example.com/about/
Template:       xxx                             
Version:        0.1.0
*/
@import url("../xxx/style.css");
@import url("assets/css/bootstrap.css");
@import url("assets/css/app.css");
@import url("etc.");
/*Here goes other styles*/

Je rencontre également le même problème, mais ce qui me dérange, c’est un fichier js et certains fichiers php non modèles. Garder simplement le même nom de fichier et la même structure que dans le thème parent n’aidera pas.

Quelqu’un sait comment conserver mes modifications avec ces fichiers après la mise à jour de mon thème parent ?