Supporto » Aspetto = Temi » template Child: Css non funzionante

  • Risolto effettomapet

    (@effettomapet)


    Salve a tutti e grazie per l’interesse,
    non conosco wordpress, solitamente adopero altre soluzioni e sto trovando difficoltà nella creazione/gestione di un template Child.

    Nello specifico ho seguito i tutorial online che indicano di creare una cartella nominandola con ‘-child’ finale, inserirla nel percorso /wp-content/themes.
    All’intero di essa creo il file style.css e function.php.

    style.css contiene questo codice:

    /*
    Theme Name: prova
    Theme URI: xxx.com
    Description: Tema Child
    Author: Marco
    Author URI: nomesitoweb.it/about
    Template: technicar
    Version: 0.1.0
    */
    body {
    background-color:#f55 !important; padding-top:100px !important;
    }

    A questo punto, avendo dichiarato il colore del body mi aspetto di averi a video il colore rosso come sfondo, ma questo non avviene !

    C’è qualche errore nel file style.ccs o qualche mancanza ?
    Grazie per la vostra pazienza.

Stai visualizzando 8 risposte - dal 1 al 8 (di 8 totali)
  • Hai per caso un plugin oppure lato hosting un sistema di cache?

    Hai pulito la cache del tuo browser dopo le modifiche?

    Hai attivato il tema child?

    Chi ha creato la discussione effettomapet

    (@effettomapet)

    Ciao Gianluca e grazie !

    Ho eliminato la cache sia si hosting e sia su browser (lavoro sempre in navigazione nascosta )

    Tema child attivato e funziona, o meglio, oltre il file style.css e function.php ho importato anche alcuni file .php per la visualizzazione degli articoli, li ho modificati e le modifiche appaiono correttamente a video.

    Il problema lo ho solo con il dover formattare graficamente il sito, quindi devo utilizzare un foglio di stile personalizzato.
    Se ho ben capito devo scrivere le mie stringe dentro il file style.css o ne devo creare un’altro nominandolo in altra maniera e richiamarlo nel function.php ?

    Grazie !

    Ma per il CSS potresti anche inserirlo direttamente in aspetto> personalizza > CSS personalizzato

    Chi ha creato la discussione effettomapet

    (@effettomapet)

    è molto corposo il css che devo creare quindi per comodità preferisco farlo da un apposito software passando per file

    Ciao @effettomapet,

    se l’override dei file PHP funziona correttamente, magari il problema è nell’inclusione del file CSS. Dai dev tools del browser riesci a vedere se viene caricato?

    Hai inserito nel functions.php il codice per caricarlo?
    Qui trovi le indicazioni: https://developer.wordpress.org/themes/advanced-topics/child-themes/#3-enqueue-stylesheet

    Un suggerimento è quello di verificare la documentazione del tema parent che stai usando: spesso vengono fornite istruzioni passo-passo per creare un child theme o addirittura un file zip con il child già pronto da installare e modificare.

    Aggiornaci 🙂

    Chi ha creato la discussione effettomapet

    (@effettomapet)

    Ciao @andreaporotti,

    GRAZIE per il tuo interesse!
    Si, credo che il problema sia esclusivamente nel functions.php perchè analizzando il codice sorgente della pagina non viene caricato il mio foglio di stile.

    Sto leggendo l’articolo, ma purtroppo sto faticando a ‘entrare nei meccanismi’. Solitamente programmo in joomla ecco spiegato il motivo della mia difficoltà ad entrare in questi meccanismi 🙂

    Esistono anche plugin che permettono di creare “al volo” un child
    https://it.wordpress.org/plugins/childify-me/

    Chi ha creato la discussione effettomapet

    (@effettomapet)

    Ragazzi grazie! Ho trovato (o meglio @andreaporotti ha trovato) la soluzione al mio problema, inserisco qui il codice che ho utilizzato per la dichiarazione nel function.php.

    <?php
    add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
    function my_theme_enqueue_styles() {
    	wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'style' ), wp_get_theme()->get('Version') );
    }
    ?>
Stai visualizzando 8 risposte - dal 1 al 8 (di 8 totali)
  • Devi essere collegato per rispondere a questo topic.