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

Question

[Антон]

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

Comments

[Алексей Ярков]

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

[Алексей Ярков]

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

[zorca]

Антон Зинченко, у вас вот такие урлы на все ассеты:

http://eddem.com.ua/wp-content/themes/eddem/wp-content/themes/eddem../assets/images/bg.jpg

Перемудрили с подключением в теме. Содержимое functions.php в студию.

[Антон]

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

[zorca]

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

[Алексей Ярков]

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

[Антон]

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

[zorca]

Антон Зинченко, приведите код подключения, только и всего. Сразу скажу что не так. Хук сам не умеет генерить абсолютные ссылки, к сожалению. Обычно используется конструкция вида:

wp_enqueue_style( 'site-css', get_template_directory_uri() . '/dist/styles/style.css', array(), filemtime(get_template_directory() . '/dist/styles'), 'all' );

[zorca]

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

[Антон]

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

[zorca]

Антон Зинченко, если путь указываете в файле стилей, тогда как раз относительный путь пишите, относительно скомпиленного 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

[zorca]

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

[zorca]

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

joxi.ru/E2pMygGC9gXx5A

[Антон]

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

[Антон]

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

[zorca]

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

Answer 1

[Nik_Set_7]

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

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

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