Поддержка Проблемы и решения Не открывается файл стилей

Просмотр 15 ответов — с 16 по 30 (всего 41)
  • Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

    Вот так подключено `function wptuts_styles_with_the_lot()

    Вызов wp_head() и wp_footer() в теме есть?

    wp_head() и wp_footer() есть

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    я хочу все js, css файлы поставит в очередь на подключение в файле functions.php

    Тогда строка в header.php не нужна.

    Так и я о том же, ну вот не работает

    Сайт для инвалидов делаю. Сам учусь, помогите подключить эти долбанные стили)))

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    Вот так подключено

    function wptuts_styles_with_the_lot()
    {
        // Register the style like this for a plugin:
        wp_register_style( 'custom-style'. get_template_directory_uri() .'/style.css');
        // or
        wp_enqueue_style( 'custom-style' );
    }
    add_action( 'wp_enqueue_scripts', 'wptuts_styles_with_the_lot' );

    После первого 'custom-style' вместо точки должна быть запятая.

    Бесполезно

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    В этом фрагменте у вас подключается основной файл style.css.

    Если нужно дополнительно подключить My_themy/css/style.css, то добавьте для него аналогичную строку:

    wp_enqueue_style( 'my-custom-style', get_template_directory_uri() . '/css/style.css' );

    Если это дочерняя тема, то get_template_directory_uri() в обеих строках нужно заменить на get_stylesheet_directory_uri(), поскольку первая функция ссылается на каталог родительской темы.

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

    В этом фрагменте у вас подключается основной файл style.css.

    У меня есть подозрение, что там ничего не подключается. В коде страницы нет подключения основной файла style.css, хотя судя по коду functions.php, он должен подключаться.

    Бесполезно

    Я думаю у Вас проблема не в подключении стилей, а общем понимании как делать тему для WordPress. Попробуйте изучить на примере темы Underscores или документации.

    Ну или хотя бы расскажите как именно Вы создаете тему для WordPress. Все необходимые файлы разместили? Тему в админке активировали?

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    У меня есть подозрение, что там ничего не подключается.

    Действительно, страницу я не посмотрел 🙂 Судя по коду, стоит перепроверить наличие wp_head() и wp_footer() — там как минимум должны загружаться стандартные скрипты wp-emoji.js и wp-embed.js, но ни того ни другого нет.

    <?php bloginfo(«template_directory»);?>/css/style.css писал в хедере

    Тогда здесь должен быть путь к каталогу темы, но его нет:

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css">
    <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.min.css">

    Нужно добавить bloginfo( 'template_directory' ), иначе получается путь относительно текущего каталога и ошибка 404.

    Нет создал вроде правильно разбил на файлы активировал ошибок нет. Вот header.php

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <title>Bootstrap 101 Template</title>
    <link rel="stylesheet" href="<?bloginfo( 'template_directory' );?>" type="text/css" />
    <?php
    wp_head();
    ?>
    
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
      </head>
      <body>
        <div class="container">
        <div class="row">
          <header class="col-md-12">
            <!-- <img src="logo.jpg" height="150" width="800"> -->
                  <div class="top-menu">
                    <ul class="nav nav-tabs">
                  <li><a href="#">Link 1</a></li>
                      <li><a href="#">Link 2</a></li>
              </ul>
            <form>
      <input type="search" placeholder="Поиск...">
      <button type="button" class="btn-form"><span class="glyphicon glyphicon-search"></span></button></form>
          </header>

    вот footer.php

    <footer class="col-md-12">
            <hr>
        </footer>
      </div></div>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>
      </body>
    </html>
    </body>
    </html>

    js файлы сейчас пока не нужны

    Модератор Sergey Biryukov

    (@sergeybiryukov)

    Live and Learn

    • <?php wp_head(); ?> должно быть перед </head>.
    • <?php wp_footer(); ?> должно быть перед </body>.
    • Здесь есть путь к папке темы, но нет имени файла:
      <link rel="stylesheet" href="<?bloginfo( 'template_directory' );?>" type="text/css" />

      Должно быть и то и другое:

      <link rel="stylesheet" href="<?bloginfo( 'template_directory' );?>/css/style.css" type="text/css" />

    • На сайте уже есть эти изменения? Сейчас их не видно.

    header.php

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <title>Bootstrap 101 Template</title>
    <link rel="stylesheet" href="<?bloginfo( 'template_directory' );?>" type="text/css" />
    <link rel="stylesheet" href="<?bloginfo( 'template_directory' );?>/css/style.css" type="text/css" />
    
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    <?php
    wp_head();
    ?>
      </head>
      <body>
        <div class="container">
        <div class="row">
          <header class="col-md-12">
            <!-- <img src="logo.jpg" height="150" width="800"> -->
                  <div class="top-menu">
                    <ul class="nav nav-tabs">
                  <li><a href="#">Link 1</a></li>
                      <li><a href="#">Link 2</a></li>
              </ul>
            <form>
      <input type="search" placeholder="Поиск...">
      <button type="button" class="btn-form"><span class="glyphicon glyphicon-search"></span></button></form>
          </header>

    footer.php

    <footer class="col-md-12">
            <hr>
        </footer>
      </div></div>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>
    <?php wp_footer();?>
      </body>
    </html>

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, wpcute.ru

    header.php

    Вы уверены, что правите файлы на том сайте? Приведенный Вами header.php и код ogranicheniy-no.ru не совпадают.

    Уверен на 1000% у меня один сайт

Просмотр 15 ответов — с 16 по 30 (всего 41)
  • Тема «Не открывается файл стилей» закрыта для новых ответов.