Верстка из figma на Wordpress / Elementor #5

Решил слегка обновить портфолио, снимал двумя днями сразу несколько примеров и моих возможностей.

На видео происходит примерно следующее: ускоренная съемка верстки и разработки виджета под плагин Elementor на Wordpress.

Что такое виджет Elementor?

- Это такая штука, которую можно вставить в любом месте странички сайта, созданной через плагин Elementor, в любом количестве и поменять необходимые поля. Это могут баннеры, слайдеры, какие-то информационные блоки и что душе угодно. Можно также делать выборку уже существующих постов, категорий и любых других записей из админки Wordpress, таким образом создавая максимально динамический виджет.

Как правило такой подход нравится любителям подвигать туда сюда блоки, а также тем, кто постоянно обновляет информацию на сайте. В таком случае Вам не нужно будет каждый раз нанимать специалиста, чтобы тот заправил 2-3 строчки текста и подвигал блоки.

Конкретно на этом видео:

Сверстал достаточно сложную пк версию секции сайта из бесплатного дизайна Figma. Здесь сделаю небольшое пояснение - у этой секции достаточно симпатичная картинка - да, но это как раз одна из тех работ, которая вводит в ступор и заставляет верстальщиков гореть. Дело в том, что секция из 3х квадратов абсолютно никак не поддается логике и хотя бы какой-нибудь калькуляции. Помимо того, что секцию пришлось верстать с кучей лишнего позиционирования, все мои вычисления начнут страдать на размере экрана менее 1300px, конечно, решается прописью дополнительных условий медиа css и да, в какой-то момент я просто превращу все в column, но пока я буду находиться на пк и планшетах для поддержания картинки такой же - нужно будет прописывать @media каждые 50-100 пикселей. Ладненько, теперь к выполнению. Сверстал, создал дополнительные поля для пользователей, в числе которых радио кнопка/галочка - должность = тренер и отдельная фотография для тренеров (подумал, так будет логичнее и "красивше"). Выводим это все на wordpress, частично выдергиваем уже написанный query запрос под wordpress и нежно перепиливаем под виджет elementor. В этом виджете секции можно: заменить текст заголовка, заменить текст описания, заменить кнопку, заменить тип кнопка/ссылка, соответственно поставить ссылку и выбрать 3 авторов со статусом тренер каждого в свой блок, все. 

Сколько занимает верстка и натяжка на wordpress и/или elementor?

• В среднем на верстку одной +- обычной по сложности дизайна секции - уходит 15-90 минут (тут все зависит от кол-ва шрифтов, картинок, цветов, иконок, уникальных элементов, как блоки выравниваются относительно друг друга и тд).
• В среднем на добавление и вывод динамического контента - 30-320 минут. Точно также, смотрим на кол-во дополнительных полей, сложность логики типа записей, сложность логики вывода и наличие интерактива.
• В среднем на добавление виджета Elementor - 15-240 минут