не подключается файл mystyle.css

272

15 июля 2017, 06:28

Пишу тему на wordpress. Подключил сторонние библиотеки все нормально, а мой файл со стилями не срабатывает....

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
      integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
      crossorigin="anonymous">
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css"
      integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
      crossorigin="anonymous">
    <link rel="stylesheet" href="style/mystyle.css">
    <link rel="stylesheet" href="style.css">
    <!-- Данное подключение тоже не срабатывает
    <link rel="stylesheet" href="http://mysite.com/style/mystyle.css">
    <link rel="stylesheet" href="http://mysite.com/style.css">
    -->
    <!-- И это тоже подключение тоже не срабатывает
    <link rel="stylesheet" href="./style/mystyle.css">
    <link rel="stylesheet" href="./style.css">
    -->
  <?php wp_head(); ?>
</head>
<body>
<h1 class="red">RED</h1>

mystyle.css:

.red {
    color: red;
    }

footer.php:

         <!--  FOOTER   -->
    <h1>FOOTER</h1>
    <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"
            integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n"
            crossorigin="anonymous">
    </script>        
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
            crossorigin="anonymous">
    </script>
    <?php wp_footer(); ?>
</body>
</html>

Добавление wp_head() и wp_footer() тоже не решило проблему....

создан дефолтный проект wordpress, создал в темах папку wp_my_themes (wordpressproject.com/www/wp-content/themes).

содержимое папки wp_my_themes:

 style          (в этой папке лежит файл mystyle.css)
 404.php        (файл пуст)
 footer.php     (содержимое написано выше)
 functions.php  (файл пуст)
 header.php     (содержимое написано выше)
 index.php      (содержимое написано выше)
 page.php       (файл пуст)
 screenshot.png (картинка темы)     
 style.css      (файл пуст, в комментах данные для описания темы)

Answer 1

попробуйте вот так, если файл стиля находится в папке темы который вы создали

 <link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/css/fonts.css"/>

Answer 2

Пишу тему на wordpress. Подключил сторонние библиотеки все нормально, а мой файл со стилями не срабатывает....

В тему должны быть включены функции wp_head и wp_footer. Это избавит от многих проблем, а не только с подключением стилей.

Но если вдруг есть устойчивое желание не использовать вышеупомянутые функции, то нужно подключать вручную с пом wp_enqueue_style.
//Добавка. все другие стили (не style.css) обязательно должны быть подключены через эту функцию, вне зависимости от наличия wp_head() и wp_footer()//

См Как правильно подключить файл стилей в своей теме WordPress? с ответами и комментами.

Answer 3

В консоле пишет что файл не найден?попробуй

Answer 4

Подключение для данного конкретного случая выглядит так:

<link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/style/mystyle.css"/>
<link rel="stylesheet" href="<?php echo esc_url( get_template_directory_uri() ); ?>/style.css"/>