Как решить ошибку подключения стилей?

Question

Антон @Toxa26

Студент. Люблю верстать сайты.

Как решить ошибку подключения стилей?

При попытке подключить стили к сайту в консоль выскакивает ошибка вида: net::ERR_ABORTED. При этом всем сами стили не подключаются, в чем может быть ошибка?

Вопрос задан более трёх лет назад
2026 просмотров

17 комментариев

Подписаться 1 Простой 17 комментариев

Алексей Ярков @yarkov

Мало вводных. Есть ссылка?

Написано более трёх лет назад
Алексей Ярков @yarkov

Антон Зинченко, а 403 код вас не смутил?

Написано более трёх лет назад
zorca @zorca Куратор тега WordPress
Антон Зинченко, у вас вот такие урлы на все ассеты:
http://eddem.com.ua/wp-content/themes/eddem/wp-content/themes/eddem../assets/images/bg.jpg

Перемудрили с подключением в теме. Содержимое functions.php в студию.
Написано более трёх лет назад
Антон @Toxa26 Автор вопроса

Алексей Ярков, смутил, но как с этим бороться?

Написано более трёх лет назад
zorca @zorca Куратор тега WordPress

Антон Зинченко, пути абсолютные указать при подключении стилей

Написано более трёх лет назад
Алексей Ярков @yarkov

Антон Зинченко, ну так решать проблему, почему ресурс по этому URL недоступен. 403 - нет прав на загрузку ресурса.
У вас wordpress точно может читать из указанной папки?

Написано более трёх лет назад
Антон @Toxa26 Автор вопроса

zorca, я это понимаю, но я подключал через хук wp_enqueue_scripts, тоесть оно само генерирует полную ссылку

Написано более трёх лет назад
zorca @zorca Куратор тега WordPress
Антон Зинченко, приведите код подключения, только и всего. Сразу скажу что не так. Хук сам не умеет генерить абсолютные ссылки, к сожалению. Обычно используется конструкция вида:
wp_enqueue_style( 'site-css', get_template_directory_uri() . '/dist/styles/style.css', array(), filemtime(get_template_directory() . '/dist/styles'), 'all' );
Написано более трёх лет назад
zorca @zorca Куратор тега WordPress

Антон Зинченко, ну вот и ответ. Зачем при использовании абсолютного пути вы пытаетесь впихнуть в путь относительные пути с двумя точками? get_template_directory_uri() - это уже готовый урл к папке темы, не нужно мудрить ничего.

Написано более трёх лет назад
Антон @Toxa26 Автор вопроса

zorca, Воот, с этим разобрался, спасибо, теперь следующий вопрос, почему не может найти файл bg.jpg, как правильно указывать путь к картинкам?

Написано более трёх лет назад
zorca @zorca Куратор тега WordPress
Антон Зинченко, если путь указываете в файле стилей, тогда как раз относительный путь пишите, относительно скомпиленного styles.css, из которого вызываете картинку. Если же вызываете из PHP-шаблона темы, то точно также указывайте путь через функцию: get_template_directory_uri()
В вашем случае вы указываете путь от КОРНЯ сайта:
body { height: 100%; font: 13px/16px Arial, Tahoma, sans-serif; color: #333; background: url(/assets/images/bg.jpg) repeat; }

А нужно относительный на том же уровне:
body { height: 100%; font: 13px/16px Arial, Tahoma, sans-serif; color: #333; background: url(assets/images/bg.jpg) repeat; }
Написано более трёх лет назад
Антон @Toxa26 Автор вопроса

zorca, хорошо, вот я указываю путь на картинку так: background: url(../assets/images/bg.jpg) repeat;
Но тем не менее оно не находит картинку, ошибка 404

Написано более трёх лет назад
zorca @zorca Куратор тега WordPress

Антон Зинченко, картинка находится не ВЫШЕ по иерархии директорий, а ниже, не нужно ничего писать перед названием папки assets. Вот если бы ваш стиль лежал в папке скажем assets/styles, тогда был бы другой разговор. Тогда писали бы так: background: url(../images/bg.jpg) repeat;

Написано более трёх лет назад
zorca @zorca Куратор тега WordPress

Антон Зинченко, а ничего не поменялось:
eddem.com.ua/wp-content/themes/eddem/style.css?ver...

joxi.ru/E2pMygGC9gXx5A

Написано более трёх лет назад
Антон @Toxa26 Автор вопроса

zorca, почему же, вы сказали что если картинка лежит ниже по иерархии директории, то перед assets ничего не нужно писать... вот я и убрал "../"

Написано более трёх лет назад
Антон @Toxa26 Автор вопроса

zorca, аааа, все понял, теперь точно разобрался

Написано более трёх лет назад
zorca @zorca Куратор тега WordPress

Антон Зинченко, вовремя, я уж было хотел рассердиться )))

Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 16 часов назад
- 41 просмотр
0

ответов
CSS

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- 17 часов назад
- 33 просмотра
1

ответ
HTML

+1 ещё

Простой
Как поместить картинку рядом с текстом?
- 1 подписчик
- 21 час назад
- 73 просмотра
2

ответа
CSS

Простой
Как выровнять по высоте заголовки в карточках товаров?
- 1 подписчик
- вчера
- 82 просмотра
3

ответа
WordPress

Простой
Как сделать pagination в WordPress для Custom Post Type?
- 1 подписчик
- вчера
- 26 просмотров
0

ответов
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 3 подписчика
- вчера
- 682 просмотра
2

ответа
WordPress

Простой
Как создать шаблон вывода записей с произвольным типом?
- 1 подписчик
- вчера
- 21 просмотр
1

ответ
CSS

Средний
Почему у элемента такое поведение?
- 4 подписчика
- вчера
- 2117 просмотров
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- вчера
- 61 просмотр
2

ответа
WordPress

+2 ещё

Средний
Как сделать автоматический выбор региона по IP в Wordpress?
- 1 подписчик
- вчера
- 53 просмотра
2

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

SEO с опытом в контентных проектах (СМИ)

24 апр. 2024, в 15:32

130000 руб./за проект

Необходимо разместить отзывы на 2гис и Яндекс картах

24 апр. 2024, в 15:32

200 руб./за проект

Видеомонтаж трэвел-влогов на Youtube на постоянной основе

23 апр. 2024, в 11:13

10000 руб./за проект

Антон Зинченко, а 403 код вас не смутил?
Антон Зинченко, у вас вот такие урлы на все ассеты:
http://eddem.com.ua/wp-content/themes/eddem/wp-content/themes/eddem../assets/images/bg.jpg

Перемудрили с подключением в теме. Содержимое functions.php в студию.
Алексей Ярков, смутил, но как с этим бороться?
Антон Зинченко, пути абсолютные указать при подключении стилей
Антон Зинченко, ну так решать проблему, почему ресурс по этому URL недоступен. 403 - нет прав на загрузку ресурса.
У вас wordpress точно может читать из указанной папки?
zorca, я это понимаю, но я подключал через хук wp_enqueue_scripts, тоесть оно само генерирует полную ссылку
Антон Зинченко, приведите код подключения, только и всего. Сразу скажу что не так. Хук сам не умеет генерить абсолютные ссылки, к сожалению. Обычно используется конструкция вида:
wp_enqueue_style( 'site-css', get_template_directory_uri() . '/dist/styles/style.css', array(), filemtime(get_template_directory() . '/dist/styles'), 'all' );
Антон Зинченко, ну вот и ответ. Зачем при использовании абсолютного пути вы пытаетесь впихнуть в путь относительные пути с двумя точками? get_template_directory_uri() - это уже готовый урл к папке темы, не нужно мудрить ничего.
zorca, Воот, с этим разобрался, спасибо, теперь следующий вопрос, почему не может найти файл bg.jpg, как правильно указывать путь к картинкам?
Антон Зинченко, если путь указываете в файле стилей, тогда как раз относительный путь пишите, относительно скомпиленного styles.css, из которого вызываете картинку. Если же вызываете из PHP-шаблона темы, то точно также указывайте путь через функцию: get_template_directory_uri()
В вашем случае вы указываете путь от КОРНЯ сайта:
body { height: 100%; font: 13px/16px Arial, Tahoma, sans-serif; color: #333; background: url(/assets/images/bg.jpg) repeat; }

А нужно относительный на том же уровне:
body { height: 100%; font: 13px/16px Arial, Tahoma, sans-serif; color: #333; background: url(assets/images/bg.jpg) repeat; }
zorca, хорошо, вот я указываю путь на картинку так: background: url(../assets/images/bg.jpg) repeat;
Но тем не менее оно не находит картинку, ошибка 404
Антон Зинченко, картинка находится не ВЫШЕ по иерархии директорий, а ниже, не нужно ничего писать перед названием папки assets. Вот если бы ваш стиль лежал в папке скажем assets/styles, тогда был бы другой разговор. Тогда писали бы так: background: url(../images/bg.jpg) repeat;
Антон Зинченко, а ничего не поменялось:
eddem.com.ua/wp-content/themes/eddem/style.css?ver...

joxi.ru/E2pMygGC9gXx5A
zorca, почему же, вы сказали что если картинка лежит ниже по иерархии директории, то перед assets ничего не нужно писать... вот я и убрал "../"
zorca, аааа, все понял, теперь точно разобрался
Антон Зинченко, вовремя, я уж было хотел рассердиться )))

Answer 1 · 2018-04-08 12:16:54

Странно, проверьте получение стилей напрямую: пропишите свой домен в адресной строке браузера и путь до файлов.
если 404, то ошибка в путях до стилей

По сути тут может быть только две причины: либо не правильно прописаны стили, либо сервер не правильно настроен на отдачу статики.

Плюс ещё одна ошибка может быть, как подсказали в комментариях - нет прав. В этом случае Вам надо через терминал исправить это

Как решить ошибку подключения стилей?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт