Foaia de stil CSS nu se încarcă

4 nov. 2017, 18:12:24
Vizualizări: 31K
Voturi: 2

Sunt începător în dezvoltarea temelor WordPress. Foaia mea de stil CSS nu se încarcă și nu sunt sigur dacă problema este în fișierul functions.php, style.css, index.php, header.php sau footer.php. Am adăugat o clasă div "post-title" în index.php, care ar trebui să schimbe culoarea fontului postărilor mele, dar momentan nu face acest lucru. Codul meu este mai jos:

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: Proiect temă.  
            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 "Nu există postări.";
                    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>acesta este un footer</p>
            </body>
            </html>

Vă mulțumesc anticipat pentru orice sfaturi pe care le-ați putea oferi.

1
Comentarii

Verifică codul sursă HTML rezultat pentru a vedea ce returnează get_stylesheet_uri() în functions.php.

Max Yudin Max Yudin
21 mai 2018 14:04:58
Toate răspunsurile la întrebare 5
3

Am încercat să creez o temă WordPress folosind fișierele tale functions.php, style.css și index.php, iar pentru mine, fișierul de stiluri se încarcă corect. Te rog să te asiguri că ai adăugat fișierele header.php și footer.php pentru temă. Te încurajez să studiezi câteva tutoriale despre dezvoltarea de teme în WordPress. Poți consulta acest link https://codex.wordpress.org/Theme_Development pentru informații detaliate.

4 nov. 2017 19:35:52
Comentarii

Mulțumesc, poate problema este în fișierele header sau footer. Am editat întrebarea mea de mai sus pentru a adăuga codul header și footer. Dacă este posibil, te rog să arunci o privire și să-mi spui dacă ceva pare în mod evident greșit în cod.

dimery2006 dimery2006
4 nov. 2017 23:24:30

Poți, te rog, să postezi HTML-ul pentru pagina ta principală (view source) - poate fi necesar să folosești pastebin sau un serviciu similar.

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

Alex Holsgrove, stilul css a actualizat brusc culoarea fontului. Dar lucrul cu adevărat ciudat este că pare să existe o întârziere. Am schimbat culoarea rgb de la (0,100,0) la (255,0,0) în style.css, dar acum când încarc pagina într-un alt tab și folosesc inspect element, vechea valoare rgb (0,100,0) încă apare. Poate ar trebui să creez un fir nou pentru acest comportament ciudat.

dimery2006 dimery2006
5 nov. 2017 02:54:09
0

Se pare că nu era nicio problemă cu codul meu. Problema constă în faptul că browserul (Chrome) nu a actualizat stilurile CSS. Inițial am crezut că fișierul de stiluri nu se încarcă, dar de fapt browserul avea nevoie doar de o reîmprospătare. Soluția este să forțezi o reîmprospătare a cache-ului tastând Ctrl + F5. Mulțumesc tuturor pentru ajutor!

5 nov. 2017 03:00:58
1

Este posibil ca fișierul tău header.php să nu includă:

<?php wp_head(); ?>

Această funcție va adăuga marcajul HTML necesar pentru a include fișierul tău CSS.

4 nov. 2017 20:55:17
Comentarii

Am funcția wp_head() în fișierul meu header.php, dar poate există altă problemă. Am editat întrebarea mea de mai sus pentru a include codul header/footer. Mulțumesc.

dimery2006 dimery2006
4 nov. 2017 23:25:32
0

Am creat o temă WordPress simplă folosind codurile tale și văd că stilul tău funcționează corect.

Dar există o problemă de sintaxă în fișierul header.php.

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

Ți-a lipsit un > pentru a închide tag-ul meta și un " pentru a închide atributul charset. Varianta corectă este:

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

De asemenea, pentru a evita probleme viitoare, te rog să consulți documentația de dezvoltare a temelor WordPress.

Ca și ghid rapid, trebuie să folosești funcția wp_footer() în footer.php.

De asemenea, evită să folosești ?> la sfârșitul fișierului, deoarece orice caracter după acesta poate cauza eroarea headers already sent și poți vedea doar o pagină goală.

5 dec. 2018 18:14:42
0

wp_enqueue_style('style', get_stylesheet_uri());

Nu returnează style.css

Returnează folderul temei.

Încearcă ceva de genul:

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