Discussion :

[Aralize]

Bonjour,

Je possède quelques bases dans le HTML/PHP/CSS, mais je débute avec les thèmes Wordpress.
Mon objectif est de modifier le thème storefront et de le rendre facilement modifiable pour customiser mon site rapidement. Ceci en utilisant un thème enfant.
J'ai cependant un problème pour faire appliquer le style CSS.

Fichier functions.php : suppressions des fonctions "crédits" et "widgets" du pied de page de storefront.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
// Suppression "@hooked storefront_footer_widgets - 10"
add_action('init','AVN_remove_storefront_footer_widgets',10);
function AVN_remove_storefront_footer_widgets () {
    remove_action('storefront_footer','storefront_footer_widgets',10);
}
 
// Suppression "@hooked storefront_credit - 20"
add_action('init','AVN_remove_storefront_credit',10);
function AVN_remove_storefront_credit () {
    remove_action('storefront_footer','storefront_credit',20);
}

Fichier footer.php : insertion de mon texte de remplacement avec les balises "div class" pour le CSS.

Code :

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

1
2
3
4
5
6
7
8
9
10
<div class="AVNfooter">
<?php
/**
* Functions hooked in to storefront_footer action
*
*/
do_action( 'storefront_footer' );
?>
AVN FOOTER
</div>

Fichier style.css : mise en place des caractéristiques de mon style CSS

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
/*
Theme Name: storefront-child
Description: Theme enfant du theme storefront Woocommerce
Author: xx
Author URI: aucun
Template: storefront
Version: 1.0
*/
.AVNfooter {
 text-align: center;
color: red;
}

Je pense qu'il s'agit d'une erreur de syntaxe ou une autre erreur pas très grosse. J'ai mis en fichier joint les différents fichiers pour plus de détails.


D'avance je vous remercie.

[Aralize]

Bonjour,

J'ai résolu le problème : il s'agit d'un problème de cache avec le navigateur chrome. Par conséquent, j'ai désactivé le cache depuis la console de dév .

[Anymfah]

Bonjour,

J'aimerai vous faire connaître le plugin Anym Live Editor qui permet une édition complète du CSS ou du SCSS et du Javascript depuis n'importe quelle page Wordpress, et qui offre un rendu en direct des modifications apportées ! En plus le plugin est équipé d'une panoplie d'outils permettant d'interagir avec la page que l'on souhaite modifier, et fonctionne comme n'importe quel IDE ordinaire (style Sublime text), mais cette fois, dédié à votre site Wordpress.

Avec ce plugin, vous n'aurez pas à modifier de thème enfant, ni de problèmes de cache ! (Il y a d'ailleurs toutes les options qui permettent un systeme de cache avancé pour la css et le javascript).
De plus, si vous utilisez une version wordpress MU, c'est quand même plus pratique d'utiliser un plugin pour la CSS, que de devoir à chaque fois recréer un nouveau thème enfant.

Voici un lien qui détaille bien le plugin en question : https://live.anym.fr