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

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

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

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

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

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

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

Сверстал пк версию секции сайта из бесплатного дизайна Figma, перенес сначала на Wordpress, добавил кастомный тип записи и метаполя, а затем написал виджет Elementor для целой секции, в этой секции можно самостоятельно редактировать заголовок, подзаголовок, а также выбрать какие категории недвижимости будут отображаться в слайдере. Подгрузку постов, хотя в принципе это и не особо нужно для небольшого слайдера - сделал через ajax (подгрузка без перезагрузки). Есть одна мелочь, что мне глаз выедала и правка которой в принципе не заняла бы много времени, но я тогда уже устал и на правах режиссера - не сдал править: пока ожидается ответ от сервера и старый контент из блока удаляется - происходит скачок всего сайта, делать такое, конечно, нельзя, но только в боевой среде)) В конце видео также видно, как нашел интересный баг в своем же коде, если слайдеров больше одного - срабатывал только один. Оставил в видео специально, тк теперь точно проверять буду на ошибки, в случае, если виджет с js повторяется более 1 раза.

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

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