Foglio di stile CSS non viene caricato

4 nov 2017, 18:12:24
Visualizzazioni: 31K
Voti: 2

Sono alle prime armi con lo sviluppo di temi. Il mio foglio di stile CSS non si carica e non sono sicuro se il problema sia nel file functions.php, style.css, index.php, header.php o footer.php. Ho aggiunto una classe div "post-title" in index.php, che dovrebbe cambiare il colore del font dei miei post, ma al momento non funziona. Ecco il mio codice:

functions.php:

            <?php
                function link_css_stylesheet() {
                    wp_enqueue_style('style', get_stylesheet_uri());
                }

                add_action('wp_enqueue_scripts', 'link_css_stylesheet');
            ?>

style.css:

            /*
            Theme Name: Richard Theme Name
            Theme URI: http://www.intechio.com/themes/Richard-Theme
            Author: Richard
            Author URI: https://intechio.com
            Description: Progetto tema.
            Version: 1.0
            */

            .post-title {
                color : rgb(0,100,0);
            }

index.php:

            <?php
                get_header();
                ?>

                <div class="post-title">

                    <?php

                    if (have_posts()) : 
                        while (have_posts()) : the_post();
                            the_title();
                            the_excerpt();
                        endwhile; 
                    else: 
                        echo "Nessun post.";
                    endif;

                    ?>

                </div>

                <?php
                get_footer();
            ?>

header.php:

            <!DOCTYPE html>
                <html>
                    <head>
                        <meta charset="<?php bloginfo('charset'); ?>
                        <title><?php wp_title(); ?> | <?php bloginfo('name'); ?></title>
                        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
                        <?php wp_head(); ?>
                    </head>
                        <body <?php body_class(); ?>>
                            <h1><?php bloginfo('name'); ?></h1>
                            <h2><?php bloginfo('description'); ?></h2>

footer.php:

            <p>questo è un footer</p>
            </body>
            </html>

Grazie in anticipo per qualsiasi suggerimento possiate offrire.

1
Commenti

Controlla il codice sorgente HTML risultante per vedere cosa restituisce get_stylesheet_uri() in functions.php.

Max Yudin Max Yudin
21 mag 2018 14:04:58
Tutte le risposte alla domanda 5
3

Ho provato a creare un tema WordPress utilizzando i tuoi file functions.php, style.css e index.php e per me il foglio di stile si carica correttamente. Assicurati di aver aggiunto i tuoi file header.php e footer.php per il tema. Studia alcuni tutorial sullo sviluppo di temi per WordPress. Puoi dare un'occhiata a questo link https://codex.wordpress.org/Theme_Development per informazioni dettagliate.

4 nov 2017 19:35:52
Commenti

Grazie, forse il problema è nei file header o footer. Ho modificato la mia domanda sopra per aggiungere il codice di header e footer. Se possibile, dai un'occhiata e fammi sapere se noti qualcosa di chiaramente sbagliato nel codice.

dimery2006 dimery2006
4 nov 2017 23:24:30

Puoi pubblicare l'HTML della tua home page (visualizza sorgente) - potresti aver bisogno di usare pastebin o un servizio simile.

Alexander Holsgrove Alexander Holsgrove
4 nov 2017 23:41:38

Alex Holsgrove, lo stile css ha improvvisamente aggiornato il colore del font. Ma la cosa davvero strana è che sembra esserci un ritardo temporale. Ho cambiato il colore rgb da (0,100,0) a (255,0,0) nel mio style.css, ma ora quando carico la pagina in un'altra scheda e uso inspect element, viene ancora mostrato il vecchio valore rgb (0,100,0). Forse devo creare un nuovo thread per questo strano comportamento.

dimery2006 dimery2006
5 nov 2017 02:54:09
0

Si è scoperto che non c'era nulla di sbagliato nel mio codice. Il problema risiedeva nel browser (Chrome) che non aggiornava gli stili CSS. Inizialmente pensavo che il foglio di stile non si stesse caricando, ma in realtà il browser aveva semplicemente bisogno di un refresh. La soluzione è forzare un aggiornamento della cache premendo Ctrl + F5. Grazie a tutti voi per l'aiuto!

5 nov 2017 03:00:58
1

È probabile che il tuo file header.php non includa:

<?php wp_head(); ?>

Questa funzione aggiungerà il markup HTML per includere il tuo file CSS.

4 nov 2017 20:55:17
Commenti

Ho la funzione wp_head() nel mio file header.php, ma forse c'è qualche altro problema. Ho modificato la mia domanda sopra per includere il codice del mio header/footer. Grazie.

dimery2006 dimery2006
4 nov 2017 23:25:32
0

Ho creato un semplice tema WordPress utilizzando i tuoi codici e vedo che il tuo stile funziona correttamente.

Ma c'è un problema di sintassi nel file header.php.

 <meta charset="<?php bloginfo('charset'); ?>

Hai dimenticato un > per chiudere il tag meta e un " per chiudere charset. Quello corretto è:

 <meta charset="<?php bloginfo('charset'); ?> ">

Inoltre, per evitare ulteriori problemi, ti consiglio di controllare la documentazione sullo sviluppo di temi WordPress.

Come guida rapida, devi usare la funzione wp_footer() in footer.php.

Evita anche di usare ?> alla fine del file perché qualsiasi carattere dopo di esso può causare un errore di headers already sent e potresti vedere solo una pagina bianca.

5 dic 2018 18:14:42
0

wp_enqueue_style('style', get_stylesheet_uri());

Non restituisce style.css

Restituisce la cartella del tema.

Prova qualcosa come questo:

function link_css_stylesheet() {
    wp_enqueue_style('style', get_bloginfo('template_directory').'/style.css');
}
add_action('wp_head', 'link_css_stylesheet');
5 dic 2018 20:47:18