Foglio di stile CSS non viene caricato
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.
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.

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.

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

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.

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!

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.

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');
