CSS таблица стилей не загружается

4 нояб. 2017 г., 18:12:24
Просмотры: 31K
Голосов: 2

Я новичок в разработке тем. Моя CSS таблица стилей не загружается, и я не уверен, в чем проблема - в файле functions.php, style.css, index.php, header.php или footer.php. Я добавил div с классом "post-title" в index.php, который должен изменить цвет шрифта моих постов, но сейчас этого не происходит. Мой код ниже:

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: Проект темы.  
            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 "Нет записей.";
                    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>это футер</p>
            </body>
            </html>

Заранее спасибо за любые советы, которые вы сможете предложить.

1
Комментарии

Проверьте полученный HTML-код, чтобы увидеть, что возвращает функция get_stylesheet_uri() в файле functions.php.

Max Yudin Max Yudin
21 мая 2018 г. 14:04:58
Все ответы на вопрос 5
3

Я попытался создать тему WordPress, используя ваши файлы functions.php, style.css и index.php, и у меня таблица стилей загружается корректно. Пожалуйста, убедитесь, что вы добавили файлы header.php и footer.php для темы. Изучите несколько руководств по разработке тем для WordPress. Вы можете посмотреть эту ссылку https://codex.wordpress.org/Theme_Development для получения подробной информации.

4 нояб. 2017 г. 19:35:52
Комментарии

Спасибо, возможно проблема в файлах header или footer. Я отредактировал свой вопрос выше, добавив код header и footer. Если возможно, взгляните и скажите, есть ли что-то явно неправильное в этом коде.

dimery2006 dimery2006
4 нояб. 2017 г. 23:24:30

Не могли бы вы опубликовать HTML-код вашей главной страницы (view source) - возможно, вам понадобится использовать pastebin или аналогичный сервис.

Alexander Holsgrove Alexander Holsgrove
4 нояб. 2017 г. 23:41:38

Alex Holsgrove, CSS стиль внезапно обновил цвет шрифта. Но самое странное то, что здесь, кажется, есть временная задержка. Я изменил rgb цвет с (0,100,0) на (255,0,0) в своем style.css, но теперь, когда я загружаю страницу в другой вкладке и использую inspect element, старое значение rgb (0,100,0) все еще отображается. Возможно, мне нужно создать новую тему для этого странного поведения.

dimery2006 dimery2006
5 нояб. 2017 г. 02:54:09
0

Оказалось, что с моим кодом всё в порядке. Проблема заключалась в том, что браузер (Chrome) не обновлял CSS-стили. Изначально я думал, что таблица стилей не загружается, но на самом деле браузеру просто требовалось обновление.

Решение — принудительно обновить кэш, нажав Ctrl + F5. Спасибо всем за помощь!

5 нояб. 2017 г. 03:00:58
1

Скорее всего, ваш файл header.php не содержит:

<?php wp_head(); ?>

Эта функция добавит HTML-разметку для подключения вашего CSS-файла.

4 нояб. 2017 г. 20:55:17
Комментарии

У меня действительно есть функция wp_head() в файле header.php, но, возможно, есть какая-то другая проблема. Я дополнил свой вопрос выше, включив в него код header/footer. Спасибо.

dimery2006 dimery2006
4 нояб. 2017 г. 23:25:32
0

Я создал простую тему WordPress, используя ваш код, и вижу, что ваш стиль работает корректно.

Но есть синтаксическая ошибка в файле header.php.

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

Вы пропустили > для закрытия тега meta и " для закрытия атрибута charset. Правильный вариант:

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

Также, чтобы избежать дальнейших проблем, пожалуйста, проверьте документацию по разработке тем WordPress.

В качестве краткого руководства: вам нужно использовать функцию wp_footer() в footer.php.

Также избегайте использования ?> в конце файла, потому что любой символ после него может вызвать ошибку headers already sent, и вы можете увидеть только пустую страницу.

5 дек. 2018 г. 18:14:42
0

wp_enqueue_style('style', get_stylesheet_uri());

Не возвращает style.css

Он возвращает папку темы.

Попробуйте что-то вроде этого:

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