Здравствуйте! Перевёл сайт на дочернюю тему, но F12 показывает некоторые ошибки.
Failed to load resource: the server responded with a status of 404 ()
Так же в навигации элементов сайта вместо стрелок знаки вопроса
Основной файл CSS для редактирования находится в папке
/wp-content/themes/directory2-child/design/css/style.less
Я его просто скопировал по тому же пути в дочернюю тему и редактирую.
Когда приписываю в файл /wp-content/themes/directory2-child/design/css/style.less следующее
@import url(“..directory2/design/css/reset.css”);
@import url(“..directory2/design/css/alert.css”);
@import url(“../directory2/design/css/mixins.less”);
Выдаёт такую ошибку
net::ERR_ABORTED
Подскажите как правильно подключится. Может что прописать для импорта настроек с основной темы.
Да, это понятно. Но стандартный файл css у меня в корне темы пустой почти
.sticky {}
.gallery-caption {}
.bypostauthor {}
Редактировать css приходится по адресу /wp-content/themes/directory2/design/css/style.less
В дочерней теме он потому же адресу и был перенесён
/wp-content/themes/directory2-child/design/css/style.less
Вот это вроде помогло. Было встандартной теме в файле
themes/directory2/design/css/style.less
прописано:
@import "reset.css"; @import "alert.css"; @import "mixins.less";
в дочерней прописал так
@import url("../directory2/design/css/style.less");
@import url(“..directory2/design/css/reset.css”);
@import url(“..directory2/design/css/alert.css”);
@import url(“../directory2/design/css/mixins.less”);
Вроде всё ушло. Но вопросы вместо знаков остались на некоторых объектах. Буду разбираться. Спасибо.
У вас же эти файлы подключает родительский шаблон - зачем вы вновь их подключаете?
И почитайте как правильно подключать стили для дочерней темы. Команда ВП не рекомендует подключать файлы через запрос @import url т.к. он замедляет загрузку страницы.
Я вижу вы не совсем понимаете преимущества дочерней темы и зачем вам это нужно - если собрались повторно резеты подключать и другие файлы
По-моему, как вариант, все стили следует прописать в .css дочерней темы, удаляем ранее насоветованное - @import url("../directory2/design/css/style.less"); . А в functions.php пишем сверху:
add_action('wp_enqueue_scripts', 'my_theme_styles' );
function my_theme_styles() {
wp_enqueue_style('parent-theme-css', get_template_directory_uri() .'/style.css' );
}
Я так сделал.
Liter-RM сказал(а)
Liter-RM сказал(а)
все стили следует прописать в .css дочерней темыТочнее, даже не все стили, а все те правки, которые вы делали в том или инов стиливом файле. В общем, все правки стилей любого файла стилей вносите в .css дочерней темы.
Я вижу вы не совсем понимаете преимущества дочерней темы и зачем вам это нужно - если собрались повторно резеты подключать и другие файлы
У меня очень много файлов изменено,не только css и functions.php. Периодически всё равно нужно обновлять шаблон и все привязанные к нему плагины, без которых он работать будет неполноценно.
При обновлении у меня уходило очень много времени. Приходилось всё переписывать заново по всем файлам. Сейчас перевожу апру порталов на дочернюю тему, чтобы обновление занимало времени наразвёртывания архива обновлённого шаблона.
А про @import вычитал на нескольких больших форумах. Я не спорю, вы намного больше тут смыслите. Просто при копировании файлов вылезли ошибки, скрины которыхя прислал, и стрелки на "каруселях" стали отображаться некорректно. Вот тут и вычитал про @import
И возможно вопросов бы не возникло, если бы тот css которыйлежит в главной папке шаблона, а у меня основной css по пути /themes/directory2-child/design/css/style.less
Liter-RM сказал(а)
По-моему, как вариант, все стили следует прописать в .css дочерней темы, удаляем ранее насоветованное - @import url("../directory2/design/css/style.less"); . А в functions.php пишем сверху:
add_action('wp_enqueue_scripts', 'my_theme_styles' ); function my_theme_styles() { wp_enqueue_style('parent-theme-css', get_template_directory_uri() .'/style.css' ); }Я так сделал.
К сожалению, не помогло
Ну ладно, разберусь по ходу пьесы. Спасибо всем!
Иконки выводились с ошибкой. Исправил прописав в .css стили
/*Карусели посёлков*/
.carousel-bottom-arrows .bottom-arrow-left:before {
content: "f053";
}
.carousel-bottom-arrows .bottom-arrow-right:before {
content: "f054";
}
/*Карусели новостей*/
.carousel-standard-arrows .standard-arrow-left:before {
content: "f053";
left: 0px;
}
.carousel-standard-arrows .standard-arrow-right:before {
content: "f054";
right: 0px;
}
