Урок 39. Плагин для построения страниц – Elementor

Плагин для построения страниц – ElementorИзвестно, что для построения страниц можно использовать удобные инструменты, и сегодня мы расскажем о Page Bilder-е с открытым исходным кодом. Ну а если вы не знаете, зачем все-таки нужны подобные решения, стоит сказать только одно: они позволяют создавать хорошие и красивые страницы сайтов без каких-либо навыков программирования. Итак, что же представляет собой Elementor?

Инструмент для построения страниц

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

Пользовательский интерфейс

Как только инструмент будет установлен, вы сможете перейти к основным настройкам и установить основные из них. В частности, вы сможете выбрать роль пользователей, тип записей и некоторые базовые параметры. Если все сделано правильно, во время создания страницы или записи можно будет увидеть кнопку для входа в интерфейс. Она будет располагаться над Добавить медиа. Стоит перейти к этой опции, как вы увидите drag-and-drop интерфейс. Чем-то он напоминает интерфейс MotoPress Content Editor-а из урока 38. То есть для создания изменений, можно добавлять новые секции перетаскиванием. Как уже отмечалось выше, значительно упрощает задачу изменение в реальном времени, то есть посетители увидят изменения, которые вы внесете фактически сразу.

Как настроить разметку

Многим понравится этот инструмент еще и тем, что разметка меняется достаточно просто. Для смены базовой разметки достаточно нажать Add new section, что откроет выбор из 12-ти структур. Любую из них можно будет установить в разметку.

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

Виджеты

Эти элементы очень важны в веб-дизайне. И здесь их можно с легкостью добавлять в созданные ранее разделы. Сейчас элементор содержит более 20-ти виджетов, также можно выбрать и дополнительные вордпрессовские виджеты. Здесь есть как стандартные виджеты вроде заголовков и изображений, так и  дополнительные. Возможно, в будущем список виджетов расширится, ну а пока стоит узнать, что добавить виджет несложно: это делается перетаскиванием в нужные разделы. Причем впечатляет не только функционал, но и скорость работы плагина: изменения вносятся практически мгновенно, без каких-либо задержек.

Теперь о настройке виджетов. Для этого есть большое количество возможностей: каждый виджет, добавленный на страницу, можно редактировать. Добавляя новый виджет, можно настроить расположение и информацию о нем. В частности, можно настроить виджет для использования на ПК, планшете или другом мобильном устройстве. Все же адаптивный дизайн – это тоже весомый плюс.

Предпросмотр

Конечно, говорить об адаптивном дизайне можно сколько угодно, но правки вы, скорее всего, будете вносить именно с ПК. Так вот, функция предварительного просмотра позволяет просмотреть, как страница будет выглядеть не только на мониторе ПК, но и на мобильном устройстве: в интерфейсе предусмотрена такая возможность! Это позволит проверять адаптивность вашего сайта, не имея мобильного устройства. Помимо мобильного, вы можете осуществить предпросмотр заготовки для планшета, ноутбука, а также для вертикальной и горизонтальной ориентации того же мобильного телефона.

Добавить комментарий

Ваш адрес email не будет опубликован.

Главное меню