Последнее редактирование: 24 февраля 2026 г.

О чем статья

По сути, чтобы получить на выходе полноценный сайт - надо пройти 2 этапа: создание сайта и наполнение этого сайта содержимым.

Ввод и редактирование контента сайта на WordPress меньше освещено в Интернете. В интернете больше информации о том как создать сайт на WordPress. Подразумевается, что ввод и редактирование не так сложно и пользователь сам разберется как производить ввод контента на сайте.

Но после очередного созданного сайта заказчик при самостоятельном вводе данных на сайт начал задавать мне похожие вопросы по вводу данных на сайт, что задавал и предыдущий. Вот тогда возникла у меня мысль: а не пора ли подготовить и обобщить информацию на эту тему ввода и редактирования данных. Хотя бы в общем виде как статья в которой попроще объяснить ряд технических моментов ввода и редактирования контента сайта на WordPress. Именно ввода и редактирования, а не создания контента или создание самого сайта.

В данной статье я приведу общее описание 5 путей ввода и редактирования контента сайта на WordPress и конструкторе Divi. И попрошу вашей обратной связи о целесообразности освещения данной тематики и какие вопросы прояснить в дальнейшем.

Конструктор Divi я выбрал потому что на данный момент это один из распространненых конструкторов страниц и на момент написания статьи около 7% всех сайтов WordPress были сделаны на Диви

Для лучшего понимания темы статьи сперва кратко остановлюсь на общем механизме работы WordPress.

Как работает WordPress при обращении пользователя к сайту

Взаимодействие пользователя с сайтом WordPress можно описать так. Когда из браузера вы обращаетесь к сайту на WordPress, набирая в адресной строке имя сайта или кликая по ссылке - то присходят следующие процессы (смотри рисунок ниже):

1) браузер передает запрос на сервер, где размещен сайт, далее сервер обрабатывает запрос и передает запрос в "ядро вордпресс", которое начинает его выполнять,

2) для этого "ядро" обращается к базе данных

3) и извлекает оттуда нужные данные,

4,5) делее формирует страницу ответа исходя из шаблонов форматирования страницы и алгоритма ее отображения

6) после формирования страницы сервер отправляет эту страницу в ваш браузер.

То есть WordPress создает страницы динамически по запросу "на лету". Содержимое самих страниц WordPress хранит в базе данных.

Эти данные имеют определенній тип: например запись, товар, проект. Каждый тип данніх может отображаться по своему алгоритму. Отображение данных, то есть как будет выводится содержимое нужного типа данных определяется файлаами шаблона темы.

Тема - это набор файлов, которые в основном определяют дизайн сайта, его внешний вид. Другими словами, тема в WordPress — это как одежда на человеке. Она может быть разная: тело внутри одно, но внешний вид разный.

Типы данных могут группироваться по некоторым признакам, например записи по рубрикам и меткам.

Еще вам может встретится понятие "плагин". Плагин добавляет на сайт дополнительные функции, дизайн он в осоновном не меняет. Правда плагин может изменить или добавить некоторые элементы на сайт если в этом его функция.

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

Ввод и редактирование контента - 5 способов

Ввод и редактирование контента сайта на WordPress рассмотрим на примере темы Divi:

Рассмотроим далее ввод и редактирование контента для страниц и записей сайта WordPress в виде 5 основных способов (путей):

1. Классический редактор
2. Пользовательские шаблоны темы Divi
3. Классичексий редактор + блочный конструктор Divi Builder и визуальный конструктор Divi Visual Builder
4. Редактор блоков Гуттенберг
5. Редактор блоков Гуттенберг + визуальный конструктор Divi Visual Builder

Все "пути" базируються на выборе какой редактор по умолчанию вы установите на Divi: классический или блочный. Всегда в процессе работы редктор можете переключить.

1. Класcический редактор.

Классический редактор был основным в WordPress до 2018 года и сейчас заменен блочным редактором. Есть инструменты, которые позволяет вернуться к классике. Как вернуть класичесcкий редактор в WordPress читайте здесь.

Кстати, в интернет-магазинах, построенных на Woocommerce,  для ввода описания товара классический редактор по умолчанию используется и сейчас.

Классический редактор и простой и быстрый, в окне интуитивно понятно что и куда вводить.

Однако классический редактор может изменять только содержимое страницы. Вид отображения контента на странице отделено от классического редактора.  В этом случае отображение страницы на экране у пользователя - это задача темы, установленной на сайте.

Другими словами: то, как будет отображаться контент на странице при использовании классического редактора, задается темой сайта. Тема имеет свои шаблоны страниц и стили их отображения.

Проблема здесь в том, чтобы изменить отображение в большинстве случаев надо менять в теме шаблоны, код или стили сайта.
Не каждый пользователь хочет разбираться с кодированием.

2. Редактор шаблонов темы Divi.

Как писал выше вид отображения контента на странице при использовании классического редактора задается темой сайта. Тема имеет шаблоны страниц и стили их отображения.

Чтобы изменить отображение в большинстве случаев надо менять в теме код или стили. Но не каждый пользователь хочет разбираться с кодированием.

При использовании темы Divi или плагина Divi Builder есть возможность изменить шаблоны отображения страниц без кодирования.

В статье здесь показано как без кодирования создавать и устанавливать пользовательские шаблоны для страниц сайта.

3. Конструктор страниц темы Divi.

Один из путей быстрого создания красивых страниц сайта - использование конструктора страниц.

По сути конструктор страниц - это библиотека готовых элементов для страницы как то абзац, изображение, галерея и другие с возможностью настройки каждого элемента и размещения его на странице путем перетаскивания. У каждого конструктора есть сотни готовых макетов страниц сайта.

В этой статье рассмотрено редактирование контента в  блочном конструкторе Divi: как подключить конструктор к сайту, как его настроить и как с его помощью создавать и редактировать страницы.

Визуальная версия конструктора Divi Visual Builder позволяют быстро создавать страницу и сразу увидеть результаты работы. Cодержание и отображение контента в конструкторе объеденены.

В блочном конструкторе страница создается путем вставки и настройки элементов на странице как бы «изнутри». Элементы вставляются в виде блоков.

В визуальном конструкторе страница создается непосредственно со стороны отображения страницы. Элементы вставляются и настраиваются на странице визуально.

Следует отметить что конструктор Divi версии 4.0 имеет недостатки, которые компания-разработчик планирует исправить и создать следующуу версию конструктора до конца февраля 2026 года. Подробнее об этом читайте в моей статье Divi 5: анализ новой эпохи Divi и что это значит для владельцев сайтов и разработчиков

4. Блочный редактор Гутенберг

Редактор Гутенберг внедрен в WordPress с конца 2018 года и сейчас используется по умолчанию.

В редакторе контент представляется в виде отдельных блоков. Страница - это набор блоков и определение какой будет отображаться страница происходит прямо в редакторе. Определение каким будет отображаться контент страницы происходит прямо в редакторе. То есть содержание и отображение в нем объеденены

От версии к версии блочный редактор "глубже проникает" в WordPress. Так в версии 5.8 с помощью блочного редактора можно настраивать виджеты сайдбара.

В этой статье рассмотрены опции настроек редактора и приемы работы с редактором на примере стандартной записи, созданной WordPress при его инсталляции.

5. Редактор блоков Гуттенберг + визуальный конструктор Divi Visual Builder

При включенном блочном редакторе страницу можно также создавать в конструкторе Divi Visual Builder используя готовые шаблоны страниц и точно настраивая отображения каждого элемента в диалоговом режиме. При создании страницы будет предложено какой редактор выбрать:

По сути работа з Divi Visual Builder не отличаэтся с включенным редактором Гуттенберг или включенным классическим редактором. Конструтор Divi Visual Builder "перехватывает" на себя функции редактирования.

Ввод товаров интернет-магазина на Wocommerce

Кратко коснусь технических нюансов ввода товаров в интернет магазине на Woocommerce.

В отдельной статье Настройка страницы товара в Divi WordPress — 3 способа я детально рассмотрел три пути ввода товара:
1) ввод и редактирование товара в классическом виде
2) ввод и редактирование с использованием пользовательского макета в Диви
3) ввод и редактирование с использованием конструктора страниц Диви.

Заключение

Я попрошу вашей обратной связи в комментариях о целесообразности освещения данной тематики и какие вопросы вы хотели бы прояснить.

Задавайте вопросы, пишите предложения и комменарии, делитесь ссылкой на статью с друзьями.

Удачи!
Алекс Коваль