«Рисовать страницы без кода? Бывает такое?»
Знакомая ситуация. Вы установили WordPress, выбрали тему. Теперь нужно сделать страницы. Но как? Писать код — не ваш вариант. Нанять дизайнера — дорого и долго.
Есть решение. Elementor — это визуальный редактор, который позволяет создавать страницы как в конструкторе. Перетаскиваете блоки, пишете текст, вставляете картинки — и страница готова.
И главное: на этом сайте Elementor уже установлен. Осталось только разобраться с настройками и начать творить.
Шаг 1. Где найти Elementor в админке
На вашем сайте Elementor уже установлен (вы его видели в списке плагинов).
В админке WordPress:
- В левом меню появился отдельный пункт «Elementor» (иконка в виде буквы «E»)
- Также можно зайти в «Плагины» → найти Elementor и нажать «Настройки»
Зайдите туда. Это центр управления Elementor.
Шаг 2. Основные настройки Elementor
В разделе «Настройки» Elementor есть несколько вкладок. Для начала обратим внимание на самые важные:
Вкладка «Общие»:
- Убедитесь, что включена опция «Визуальный редактор» — это основная функция
- Выберите «Статья по умолчанию» (она определяет, как выглядят ваши страницы и записи)
Вкладка «Стили»:
- Здесь настраиваются глобальные цвета и шрифты для всего сайта
- Задайте цвета вашего бренда. Например, если у вас зелёный логотип — поставьте его как основной
- Можно настроить шрифты для заголовков и текста (Astra и Elementor дружат с Google Fonts)
Вкладка «Дополнительно»:
- Включите «Оптимизацию CSS» и «Оптимизацию шрифтов» — это ускорит загрузку сайта
Вкладка «Инструменты»:
- Здесь можно сделать «Регенерацию CSS» (если что-то отображается неправильно)
- И «Очистка кеша» (после изменений)
Шаг 3. Создание первой страницы через Elementor
Теперь самое интересное — создание страницы:
- «Страницы» → «Добавить новую»
- Назовите страницу, например, «Главная»
- Нажмите кнопку «Редактировать с Elementor»
Вы попадёте в интерфейс редактора. Вот что вы видите:
- Слева — панель с блоками (заголовок, текст, изображение, кнопка, форма, видео и т.д.)
- Справа — превью страницы (как она будет выглядеть)
Шаг 4. Как строить страницу (базовые приёмы)
1. Добавление блока:
Перетащите нужный блок из левой панели в правую область (или нажмите на него — он появится).
2. Изменение содержания:
Нажмите на блок на странице. Слева появятся его настройки. Там можно:
- Изменить текст
- Заменить изображение
- Настроить цвета, шрифты, отступы
3. Структура страницы:
Используйте секции и колонки. Секция — это большая горизонтальная область. Колонки — делят секцию на столбцы (как в Word).
Совет: Начните с структуры: шапка (логотип + меню), текст с заголовком, блок с услугами, форма связи, подвал.
Шаг 5. Сохранение и публикация
- «Сохранить черновик» — чтобы продолжить позже
- «Предпросмотр» — посмотреть, как получилось
- «Опубликовать» — страница появляется на сайте
Что в итоге?
| Шаг | Действие | Результат |
|---|---|---|
| 1 | Настройки Elementor | Базовые параметры выставлены |
| 2 | Создание страницы | Новая страница готова к заполнению |
| 3 | Работа с блоками | Содержание страницы готово |
| 4 | Публикация | Страница на сайте |
Вывод: Elementor — это ваш инструмент для создания сайта. Не бойтесь экспериментировать. Всё перетаскивается, всё настраивается, ничего не сломается.
Что дальше?
👉 Читайте дальше: Страницы и записи в WordPress — в чем разница и что использовать для чего
Мы научились работать с Elementor. Теперь разберёмся, какую структуру давать разным страницам.
P.S. Если что-то непонятно в Elementor — напишите в MAX. Я помогу разобраться и покажу, как сделать вашу первую страницу.