Поддержка → Проблемы и решения → Не открывается файл стилей
Не открывается файл стилей
-
Подскажите пожалуйста по какой причине не открывается файл стилей? Вот ссылка http://ogranicheniy-no.ru/css/style.css
-
Вот так подключено `function wptuts_styles_with_the_lot()
Вызов wp_head() и wp_footer() в теме есть?
wp_head() и wp_footer() есть
я хочу все js, css файлы поставит в очередь на подключение в файле functions.php
Тогда строка в
header.php
не нужна.Так и я о том же, ну вот не работает
Сайт для инвалидов делаю. Сам учусь, помогите подключить эти долбанные стили)))
Вот так подключено
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'
вместо точки должна быть запятая.Бесполезно
В этом фрагменте у вас подключается основной файл
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()
, поскольку первая функция ссылается на каталог родительской темы.В этом фрагменте у вас подключается основной файл style.css.
У меня есть подозрение, что там ничего не подключается. В коде страницы нет подключения основной файла style.css, хотя судя по коду functions.php, он должен подключаться.
Бесполезно
Я думаю у Вас проблема не в подключении стилей, а общем понимании как делать тему для WordPress. Попробуйте изучить на примере темы Underscores или документации.
Ну или хотя бы расскажите как именно Вы создаете тему для WordPress. Все необходимые файлы разместили? Тему в админке активировали?
У меня есть подозрение, что там ничего не подключается.
Действительно, страницу я не посмотрел 🙂 Судя по коду, стоит перепроверить наличие
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 файлы сейчас пока не нужны
<?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>
header.php
Вы уверены, что правите файлы на том сайте? Приведенный Вами header.php и код ogranicheniy-no.ru не совпадают.
Уверен на 1000% у меня один сайт
- Тема «Не открывается файл стилей» закрыта для новых ответов.