Как я верстаю сайты на Elementor PRO

Elementor позволяет собрать страницу буквально за несколько часов. Поставить контейнер, добавить заголовок, картинку, кнопку — и визуально всё работает.

Проблемы обычно начинаются позже.

Нужно поменять основной цвет сайта — оказывается, он вручную прописан в десятках виджетов.

Нужно увеличить отступы — на одной странице стоят padding, на другой margin, а на третьей вообще добавлен пустой контейнер.

Клиент поменял номер телефона — приходится искать его в шапке, подвале, странице контактов и нескольких всплывающих окнах.

А через полгода открываешь Elementor и видишь:

Container
Container
Container
Container
Image
Heading
Container…

И попробуй вспомни, что из этого что.

Поэтому для себя я использую определённые правила верстки на Elementor PRO. Они не являются официальным стандартом Elementor и не претендуют на единственно правильный способ разработки.

Это скорее мой рабочий стандарт, который позволяет делать сайты аккуратнее, быстрее вносить изменения и не превращать WordPress в конструктор из сотен случайных настроек.

Разберём его по пунктам.

Читать далее