Блок «Направления обучения»

На изображении показан информационный блок сайта с заголовком «Направления обучения». Он состоит из текстовой части слева и области изображения справа. Такой блок редактируется прямо в интерфейсе, без работы с кодом.

В верхней правой части находится синяя кнопка «Скрыть блок “Направления”» с иконкой глаза. Она нужна для быстрого отключения отображения этого блока на сайте. Если нажать на неё, блок можно временно скрыть. Если оставить включённым, он будет показываться посетителям.

В верхней части самого блока расположен редактируемый заголовок. Сейчас в поле указано «Направления обучения». Это основной заголовок секции. Пользователь может кликнуть по нему и заменить текст на нужный: например, название направления, раздела или услуги.

Слева находится текстовая область. В ней есть подзаголовок «Текст подзаголовок к основному», а ниже расположен основной текст-описание. Этот текст используется как пояснение к блоку. При редактировании пользователь может изменить подзаголовок, сделать его короче или точнее, а также заменить основной абзац на свой собственный контент, чтобы он соответствовал теме страницы.

Ниже слева размещена кнопка действия «Оставить заявку». Это кнопка, которая ведёт к целевому действию пользователя. При редактировании можно изменить её название, чтобы оно лучше подходило под задачу блока: например, «Подробнее», «Записаться», «Связаться с нами» или другое подходящее действие.

Справа в блоке находится большая область для изображения. Сейчас вместо картинки показана заглушка «Нет Фото», что означает, что изображение ещё не загружено. Чтобы добавить картинку, нужно нажать на иконку редактирования изображения в правом верхнем углу этой области. После нажатия пользователь выбирает файл с компьютера или устройства, загружает его, и изображение появляется в блоке вместо заглушки.

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

Как редактировать этот блок пошагово:

1. сначала при необходимости скрыть или показать блок с помощью кнопки в правом верхнем углу;

2. затем изменить основной заголовок в верхней части блока;

3. после этого отредактировать подзаголовок слева;

4. далее заменить основной текст описания;

5. при необходимости изменить текст кнопки действия;

6. после этого загрузить изображение справа через иконку редактирования;

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

Итогово этот блок позволяет быстро настроить три основные части: заголовок, текстовую информацию и изображение. Это удобно для оформления разделов сайта, где нужно показать тему, кратко её описать и добавить визуальный акцент.