Page Builder by SiteOrigin – построение страниц в WordPress. Divi Builder – page builder wordpress на русском языке

Построение адаптивных страниц, используя стандартный вид виджетов путём их распределения и переноса на странице редактирования.

Page Builder – это наиболее популярный плагин для создания страниц в системе WordPress . Он позволяет очень легко и просто сделать адаптивный макет, используя привычные виджеты. Ваш контент адаптируется под любое устройство, поэтому его будет удобно читать как на стационарных компьютерах, так и на мобильных девайсах.

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

Page Builder работает с обычными виджетами WordPress , поэтому вы всегда найдёте то что ищете. Разработчик постарался создать специальный набор из виджетов, чтобы вы смогли выбрать из огромного числа плагинов именно то, что нужно.

Работа с вашими темами
Плагин даёт полную свободу действий для выбора любой из тем WordPress , поэтому является универсальным средством. Преимуществом данного подхода становится изменение собственных шаблонов по своему усмотрению, контент всегда остаётся с вами. Помимо этого, с компонентом предлагаются бесплатные шаблоны, которые прекрасно работают с Page Builder .
Не требуется знание кода
Простой интерфейс, подразумевающий под собой перенос и распределение на панели виджетов, что означает отсутствие написания отдельного кода. Расширение генерирует его за вас.
Кроме вышеперечисленного, разработчики плагина не ограничивают вас в выборе предустановленных параметров и форматов. Page Builder полностью настраиваемое решение и очень гибкое. Вы можете выбрать точное количество колонок и рядов, а также ширину каждого из них до десятой доли. Гибкость расширения проявляется и в возможном использовании каждого ряда, есть вероятность создания пропорционального контента.
Редактирование в реальном времени
Данный плагин поддерживает редактирование в настоящем времени. Этот инструмент позволяет просматривать содержимое и управлять виджетами на месте. Лучший способ и самый быстрый при настройке вашего сайта.
История браузера
Расширение помогает прокручивать изменения, а также экспериментировать с разными форматами и контентом, не боясь неправильно что-то сделать.
Стили виджетов
Данный инструмент даёт полный контроль над созданием уникального содержимого. Изменяйте такие атрибуты как отступы, цвет фона, пробелы и многое другое. Вам также доступны CSS классы, с которыми можно получить еще больше улучшений.
Всегда бесплатно
Page Builder – как и сам WordPress , всегда останется бесплатным, он будет только лучше с каждым новым обновлением. Плагин имеет поддержку и развитие уже несколько лет, есть и бесплатная поддержка на форумах.
Активная разработка
Компонент обладает самыми новыми и лучшими расширениями и дополнениями, которые доступны для поиска на страницах GitHub. Вы можете сами стать разработчиком, для этого необходимо прочитать специальную документацию.
Доступно на 17 языках
Благодаря профессиональным переводчикам и сообществу Page Builder теперь говорит на многих иностранных языках таких как болгарский, русский, немецкий, голландский, французский, итальянский, польский, португальский, финский, японский и многие другие.

Привет читателям. Думаю, многие владельцы сайтов на WordPress уже наслышаны о замечательном премиум плагине Visual Composer, который позволяет произвольно строить страницы и посты для сайта. Плагин великолепный, но увы, очень даже платный. Есть ли достойная альтернатива для тех кто платить не хочет, ну или не может? Есть! И зовется она — Page Builder by SiteOrigin.

Page Builder by SiteOrigin — совершенно бесплатен, обладает более чем достойным функциями (особенно с учетом расширений, а о них я расскажу ниже), имеет высокий рейтинг и давно пользуется популярностью среди пользователей. Назначение плагина по сути, точно такое же как и у его знаменитого, платного аналога — возможность гибко размещать различные функциональные блоки с контентом на страницах и в записях.

Устанавливаем плагин стандартным способом через админку и заходим в Настройки — SiteOrigin Page Builder .

Настройки Page Builder by SiteOrigin

Одна страничка с общими настройками не содержит ничего сложного. Можно определить включение композера для постов и/или для страниц, определить параметры адаптивности и отступов, включить встроенные виджеты и так далее. Я рекомендую все оставить по умолчанию, как есть. Возможно, стоит только отключить композер для постов. Обычно используется построение страниц. Но это вы уже сами решайте.

Теперь выбираем/создаем страницу где вы планируете развернуть «строительство» и переходим не неё.

Работа с композером

В правом, верхнем углу стандартного редактора жмем на новую закладку Page Builder и переключаем страницу в режим построения. Вернуть обратно к стандартному виду всегда можно нажав Switch to Editor .

После переключения видим две не большие кнопки:

Add Widget — вызывает окно со всеми доступными для размещения блоками и виджетами.

Add Row — вызывает окно, где можно указать количество разделяемых столбцов (строк). Каждый из них можно затем регулировать просто перетаскивая курсором за разделитель.

По идее, начинать работу стоит именно с кнопки Add Row определив тем самым зоны для последующего размещения блоков. Впрочем, в процессе построения, блоки всегда можно легко перетаскивать мышкой куда вам нужно. Удалять или редактировать. Процесс построения страницы очень простой и удобный. Добавляем новые блоки и размещаем их в нужных строках. Каждый блок имеет свои настройки в зависимости от назначения.

Выводите и располагайте на странице изображения, стандартные виджеты, видео, посты, галереи, отзывы и прочее. Количество блоков и их возможности могут показаться скромными, особенно тем кто уже использовал ранее коммерческие аналоги. Но не торопитесь! Дело в том, что вы можете легко подключить к Page Builder by SiteOrigin еще четыре мощных плагина которые уверен, придутся кстати очень и очень многим.

При добавлении нового блока жмем внизу большую синюю кнопку — Recommended Plugins and Widgets . Переходим к выбору установки четырех дополнительных плагинов. Рассмотрим вкратце каждый их них.

Дополнительные плагины

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

Теперь появился удобный инструмент - плагин Page Builder , который взял на себя организацию данного процесса и сильно упростил нам работу с созданием новых материалов в WordPress.

Бесплатных плагинов Page Builder не так много, но и их достаточно, чтобы выбрать тот, который нам более всего покажется удобным. Стоит отметить, что в большинстве премиум шаблонов WordPress, есть свой собственный плагин Page Builder. Но мы будем рассматривать сегодня только бесплатные.

Бесплатные плагины Page Builder

Список плагинов, как я уже сообщал, довольно короткий:

Принцип устройства и работы с любым плагином Page Builder очень схожи, поэтому останавливаться на особенностях каждого плагина в отдельности я не стану. В примере же будет фигурировать плагин Page Builder by SiteOrigin.

Начало работы с плагином Page Builder by SiteOrigin

Вверху слева - две кнопки-иконки (1-плюс и 2-три вертикальные полоски).

Нажав на плюс - можно выбрать виджет (текст, картинку, видео, табы, галерею и т.д.).
Нажав полоски - можно выбрать количество колонок.

Начинать нужно с выбора количества колонок. Выбрав - мы получим поле, в которое можно теперь добавлять виджеты. В плагине Page Builder by SiteOrigin, по умолчанию стоит две колонки, поэтому мне не редко приходиться исправлять 2 на 1.

Если вы добавили две или три колонки, необходимо нажать на голубое поле, в которое вы собираетесь добавить виджет (оно станет чуть ярче, активируется) и после этого выбирать виджет, нажатием на плюсик. Если вы случайно забыли выбрать поле, то ваш виджет добавится в самое верхнее поле. Просто перетащите его оттуда, куда вам нужно.

Вы можете не нажимать каждый раз на плюсик, если у вас рядом есть блок с аналогичным типом контента. На каждом блоке виджета, есть три ссылки справа: Edit - Duplicate - Delete.

Нажмите Duplicate (копирование) и вы получите копию блока. После этого перетащите в нужное вам поле, нажмите - Edit и отредактируйте содержимое блока. Нажатием Delete, вы удалите не нужный блок.

Выводы

Конечно, по началу нужно будет привыкнуть к Page Builder, но потом..., вы ни секунды не пожалеете, что установили этот плагин и научились им пользоваться. Вы по прежнему сможете пользоваться любым типом создания контента - текстовый, визуальный и Page Builder. Однако, для каждой конкретной страницы (поста), нужно будет выбирать или первые два способа создания страницы или Page Builder, это единственное "неудобство".

Остались вопросы, посмотрите обзор обновленного плагина в статье:

или задавайте в комментах.

Приветствую Друзья. Сегодня будет большой пост про весьма замечательный плагин wordpress – divi builder, который я перевел для вас на русский язык. К сожалению, плагин переведен лишь на 95%, но это не уменьшает его достоинств ни в одном разе. Если сказать кратко про него, то это page builder – плагин, который является конструктором страниц на манер . Откровенно сказать, я не ожидал от него каких-то больших возможностей, но при написании этой статьи он меня приятно порадовал. Естественно, в конце этой статьи вас ожидает ссылка, перейдя по которой вы сможете совершенно спокойно page builder скачать.

Эта статья будет разделена на 2 части:

Опции divi builder – его внутренние настройки;
Возможности divi builder – что вы можете делать на своём сайте с его помощью.

Общие настройки divi builder

Помните, я в начале статьи говорил о том, что примерно 5% от divi builder остались без перевода на русский язык? Так вот не переведенный текст будет встречаться вам именно в этой части плагина page builder.

На этой странице вам предложат активировать ваш плагин. Хочу сразу сказать, что разработчики не продают отдельно взятый плагин или тему wordpress. Они пошли другим путем – продажа пакетов, состоящих из плагинов и тем wordpress. На изображении поста вы видите, что есть 2 пакета:

За 89 долларов;
За 249 долларов.

Возвращаясь к divi builder, то эта информация для вас, как потребителей контента моего сайта, думаю не представляет особой ценности, так как при появлени обновлений, я стараюсь их выложить в свободный доступ на Официальном канале сайта в мессенджере Telegram. Ссылка на него, как всегда, в конце статьи.

Вторая вкладка Параметры API имеет перевод на русский язык и сложностей с тем, как ей пользоваться у вас возникнуть не должно.

Расширенный настройки. Здесь необходимо небольшое пояснение. Я бы рекомендовал вам включить обе галочки, так как они улучшают производительность вашего сайта.

Библиотека позволяет создавать шаблоны и хранить их в себе, чтобы вы могли воспользоваться ими для разного типа контента на сайте.

Роль редактора divi builder – это по сути разрешение на работу с плагином другим пользователям. Настоятельно рекомендую отключить расширенные возможности, если у вас на сайте трудятся другие авторы и редакторы.

С настройками самого divi builder – page builder wordpress мы закончили – переходим ко второй части, на мой взгляд значительно более интересной, чем первая. К той части, где мы будем работать с контентом.

Возможности divi builder – плагин page builder

Итак, создаем страницу и видим, что у нас появилась фиолетовая кнопка “Использовать Divi Builder “. Как только мы на неё кликнем мы получим массу полезный ништяков для нашего сайта.

Плагин page builder на русском языке позволяет нам создавать на странице различные блоки и строки, все примерно так же как и в VISUAL COMPOSER, но за некоторыми исключениями.

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

Если по какой-то причине, вам не нужно использовать divi builder, вы можете его отключить, но при этом содержимое вместе с контентом, которое вы выкладывали на страницу или запись пропадет, о чём плагин wordpress вас честно предупредит, помните об этом.

Кроме того, page builder позволяет вам создавать шаблоны страниц, записей и прочего содержимого. Расположение блоков на страницах и тому подобное. Сделали один раз. Придумали название. Сохранили в библиотеке. Удобно.

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

Вот список всех шаблонов page builder, которые доступны на текущий момент:

Страница продаж;
Пример;
Особенности продукта;
Домашняя страница;
Домашняя страница: Магазин;
Домашняя страница: Портфолио;
Домашняя страница: Компания;
Корпоративная домашняя страница;
Расширенная домашняя страница;
Полноформатная страница;
Страница с правым сайдбаром;
Страница с левым сайдбаром;
Страница с двумя сайдбарами;
Портфолио в сетку;
Портфолио с одной колонкой;
Полноформатное портфолио с прокруткой;
Полноформатное портфолио с сеткой;
Расширенный проект;
Расширенный проект 2;
Блог Mesonry;
Стандартный блог;
Страница магазина;
Расширенный магазин;
Главная страница;
Режим технического обслуживания;
Страница: сайт скоро откроется;
Домашняя страница;
Обо мне;
Связаться с нами;
Наша команда;
Креативное бюро.

Естественно, что вы можете как загрузить отдельно взятый созданный для вас макет, так и добавить его к тому содержимому, которое уже есть на вашей странице.

Просто помните об этом, когда его вставляете. не забывайте снять или поставить соответствующую галочку.

На фиолетовом фоне находится ряд кнопок, которые вам пригодятся:

Следующий не менее интересный момент. Практически для всех модулей, которые используются в page builder wordpress вы можете настраивать дополнительные визуальные опции.

Например:

Кроме того, вы можете нажать на кнопку “Глазок” и посмотреть, как ваш контент будет отображаться для посетителя вашего сайта.

Допустим, вам нужно как-то изменить макет на вашей странице, для этого divi builder предоставляет в ваше распоряжение ряд модулей:

Из основных плюшек вы можете вставить:

Полноэкранное изображение;
Полноэкранный заголовок поста;
Полноэкранный код;
Широкоформатная карта;
Широкоформатное меню;
Широкоформатное портфолио;
Широкоформатный хэдер;
Широкоформатный слайдер;
Широкоформатный слайдер поста.

Допустим вы воспользовались каким-то встроенным в divi builder шаблоном. У вас на странице это будет выглядеть примерно так:

Естественно, что в каждое небольшое окно вы можете вставить определенный модуль (модули). Давайте рассмотрим, что нам предлагает page builder wordpress:

Чтобы у вас было понимание того, какой именно контент вы можете размещать на страницах, я решил его перечислить:

Аккаунты в социальных сетях – к сожалению, количество социальных сетей не сильно велико, так как плагин всё-таки зарубежный и это нужно учитывать при работе с ним. Например, отсутствует Вконтакте или Telegram, но так как divi builder на русском языке штука довольно мощная, вы сможете добавить свою социальную сеть, какая вам необходима – самостоятельно.
Аудио – хотите, чтобы на сайте проигрывалась музыка? Да без проблем! Поставьте ссылку на композицию в сети интернет или загрузить аудио файл на свой хостинг.
Блог – хотите, чтобы page builder на русском отображал записи из вашего блога – опять же выставите настройки и вперед за орденами.
Видео – можете загружать свои файлы, можете ставить ссылки на YouTube – любой каприз.
Вкладки – здесь я думаю все и так понятно – пользователь кликает на вкладку перед ним открывается текст, который вы заложили под неё.
Войти – возможность входа на ваш сайт.
Галерея – изображения на вашем сайте.
Заголовок поста .
Изображение – одиночное изображение.
Искать – поиск по вашему сайту.
Карта – Google Maps + вы можете добавить информацию или поставить дополнительное изображение, например, логотип компании.
Кнопка – переход на внутреннюю или внешнюю страницу.
Кнопка призыва к действию – опять же переход куда бы то ни было.
Код – любой html-код, по вашему желанию.
Контактаня форма – форма обратной связи.
Краткое описание – описание чего либо.
Магазин – интернет магазин wordpress, например, Вукоммерс.
Модуль персона – информация о вас.
Навигация поста .
Напишите Оптин – здесь ошибка перевода – имеется ввиду – создание рассылки.

Создавать объемные модели в домашних условиях можно с помощью встроенного приложения в новой версии ОС от Microsoft. Для этого предназначена утилита 3D Builder Windows 10. Что это за приложение вы узнаете в этой статье.

Описание

Программа 3D Builder позволяет просматривать трехмерные изображения со всех сторон, прокручивая их во всех плоскостях рабочей среды, и готовит их к печати на 3D принтере (также прочитайте « »). Поддержка утилиты появилась в Windows 8.1, а в новой сборке ОС от Microsoft это стандартное приложение.

Вместе с приложением в ОС поставляются драйвера для подключения оборудования. Пользователю не нужно скачивать и устанавливать непроверенные приложения из сомнительных источников для распечатки проекта. Нативная поддержка 3D печати в Windows 10 должна вывести этот рынок на новый доступный уровень.

Зачем нужна и как пользоваться?

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

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

Запустите программу → откройте нужный объект.
Справа вверху расположена основная панель настроек макета (в каждом пункте присутствую поднастройки):
В левой верхней части окна выберите любую часть сложного объекта.
Укажите нужные цвета, оттенки, насыщенность, яркость для каждой части в пункте «Применить материалы» справа внизу.
Отредактировав макет, нажмите «Объемная печать».
Выберите принтер.
Можно заказать печать модели через интернет.

Мнения пользователей

Пользователи отмечают простоту программы, а также возможность настроить огромное количество параметров модели. Но из-за малого распространения оборудования для 3D печати используется утилита 3D Builder редко.

Видео

Видео наглядно продемонстрирует работу с программой.

Вывод

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