Редактирование в Инструментах разработчика

Question

Открыл Страницы=>Все страницы, а затем Редактировать в Elementor для Elementor #7

Отредактировал. Затем для Elementor #7 щелкнул Перейти. В открывающейся странице открыл Дополнительные инструменты=>Инструменты разработчика

Отредактировал css файлы:

в данном случае

body {
  display: block;
  margin: 8px;
}

(margin у body) в другом случае (как в Сохранение css-стилей в файле style.css WordPress-а ) - padding-и в трех стилях;

в-третьем случае:

Затем вообще закрываю браузер и открываю Elementor (по ссылке Перейти) и ввижу прежний рисунок до редактирования.

Каким образом сохранить сделанные изменения в сss файлах, чтобы они сработали (и страница отобразилась с учетом указанных изменений) - хочу чтобы логотип оказался в левом верхнем углу?

P.S. Пытался сделать как на Редактирование в Инструментах разработчика с помощью дочерней темы, но в результате появлялась ошибка с functions.php.

Answer 1

Отредактировал css файлы:

где именно отредактировал, в инструментах разработчика? (в Google Chrome dev tools)

Отвечая на вопрос в заголовке: Редактировать в инструментах разработчика, можно только для себя, там есть трюки, позволяющие твоим изменениям сохраняться между обновлениями страницы, но это всё ещё только на твоей машине и только для тебя.

в момент когда ты открываешь страницу, wordpress формирует страницу на основе данных из базы и файлов на сервере - никакие инмения сделанные в твоём браузере, на это никак не повлияют.

Чтобы измения сохранились, нужно делать их на сервере:

если редактировать исходные файлы, то надо следовать совету с дочерней темой, и разбираться с "возникающими ошибками в functions.php"
Но большинство задач можно решить оставаясь в админке Wordpress, если всё, что требуется, это немного изменить стили, то их можно вставить в custom.css, большинство тем предоставляют такой файл, и доступ к нему в настройках Wordpress.
Либо ещё можешь попробовать нажать "Изменить" вместо "Перейти", и в открвшемся окне, в тело страницы, добавить тег (только там есть два режима ввода содержимого страницы, нужен "сырой" вариант, где таги видны, а не тот, где видно выделенную жирность и прочие стили текста)

<style>
body {
  display: block;
  margin: 8px;
}
</style>

БЛОГ НА HUSL

Редактирование в Инструментах разработчика

Ответы (1 шт):