Поддержка → Проблемы и решения → Как подключить стили?
Как подключить стили?
-
Люди как подключить в файле functions.php несколько файлов стилей и javascript? знаю функции wp_enqueue_style, wp_register_style а подключить не могу
-
На хук видимо не повесили, смотрите примеры
https://web2033.com/wordpress-theme-handbook/basics/including-css-javascript/Написал не работает
`function add_theme_scripts() {
wp_enqueue_style( ‘style’, get_stylesheet_uri() );wp_enqueue_style( ‘slider’, get_template_directory_uri() . ‘/css/style.css’, array(), ‘1.1’, ‘all’);
wp_enqueue_script( ‘script’, get_template_directory_uri() . ‘/js/script.js’, array ( ‘jquery’ ), 1.1, true);
if ( is_singular() && comments_open() && get_option( ‘thread_comments’ ) ) {
wp_enqueue_script( ‘comment-reply’ );
}
}
add_action( ‘wp_enqueue_scripts’, ‘add_theme_scripts’ );Как Вы определяете что не работает? В коде страницы какие пути к файлам выводятся? Если их напрямую вписать в адресную строку файлы открываются?
Пути такие
`<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»>
Напрямую писал файл не открываетсяА как файлы стилей
<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">
связаны с кодом
function add_theme_scripts() { wp_enqueue_style( 'style', get_stylesheet_uri() ); wp_enqueue_style( 'slider', get_template_directory_uri() . '/css/style.css', array(), '1.1', 'all'); wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', array ( 'jquery' ), 1.1, true); if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) { wp_enqueue_script( 'comment-reply' ); } } add_action( 'wp_enqueue_scripts', 'add_theme_scripts' );
? В нем нет упоминания о них. Они у Вас подключены напрямую в файле header.php?
Да подключены напрямую в файле header.php. Что должно быть написано в header.php?
Напрямую подключать файлы стилей и скрипты в header.php не рекомендуется.
1. Убрать подключение стилей из header.php
2. Изменить код в functions.php на следующийfunction add_theme_scripts() { $tpl = get_template_directory_uri(); wp_enqueue_style('style-css', $tpl . '/css/style.css'); //wp_enqueue_style('bootstrap', $tpl . '/css/bootstrap.css'); wp_enqueue_style('bootstrap-min', $tpl . '/css/bootstrap.min.css'); //wp_enqueue_style('bootstrap-theme', $tpl . '/css/bootstrap-theme.css'); wp_enqueue_style('bootstrap-theme-min', $tpl . '/css/bootstrap-theme.min.css'); wp_enqueue_style('theme-style', get_stylesheet_uri()); } add_action('wp_enqueue_scripts', 'add_theme_scripts');
На сколько я понимаю bootstrap.css и bootstrap.min.css, bootstrap-theme.css и bootstrap-theme.min.css — это две версии одного и того же файла, если нет, то нужно расскоментировать
3. Положить css-файлы в папку wp-content/themes/ПАПКА_ВАШЕЙ_ТЕМЫ/css/.
4. Для корректной работы WordPress в header.php между тегами <head> и </head> должна быть строка <?php wp_head(); ?>, а в footer.php перед </body> — <?php wp_footer(); ?>Не работает! Но файлы в исходном коде страницы есть
Что не работает? Если файлы появились в head и пути верные и открываются — значит всё получилось ;). На всякий случай можно открыть инструменты разработчика в браузере и глянуть подключенные файлы стилей.
Стили не срабатывают. Файлы появились. А firebug пишет стилей нет
Адрес сайта есть?
Я не вижу каких-либо изменений на Вашем сайте. Какие пункты из моего сообщения Вы выполнили?
Все пункты выполнил. Может у меня проблемы с functions.php
- Тема «Как подключить стили?» закрыта для новых ответов.