Триколор 

Плагин пейдж билдер wordpress. Divi Builder – page builder wordpress на русском языке. Общие настройки divi builder

Активной одну страницу, что позволяет создать на их основе отличную . Некоторые плагины хороши тем, что имеют встроенный таймер , который можно использовать для обратного отсчета времени акций.
При надобности можно сделать из Wordpress сайта - страницу захвата для вашего товара или услуг, одностраничник для студии веб-дизайна , лендинг для мобильного приложения . Плюсом является также то, что плагины сео оптимизированы , что позволяет поисковым системам индексировать страницу и повысит шансы найти клиентов. И нужно сказать, что есть множество готовых /CSS решений для создания одностраничного сайта , которые можно использовать для настройки и редактирования внешнего вида. Представляю вашему вниманию 10 плагинов, с помощью которых можно создать Landing Page на Wordpress сайте .

Landing Pages

Плагин имеет лендинг пейдж конструктор и позволяет отслеживать посещаемость страниц. Хорошее решение для привлечения клиентов и подписчиков. Имеет множество опций и возможностей.

Ultimate Landing Page

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

Ultimate Coming Soon Page

Плагин позволяет быстро и легко создать landing page для любого товара . Простой и гибкий плагин работает с любой Wordpress темой, установленной на сайт. Поддерживает русский язык.

Beaver Builder

Beaver Builder включает лендинг конструктор , который позволяет создавать эффективные сайты с помощью перетягивания объектов (drag and drop). Любой элемент макета в Beaver Builder полностью отзывчивый и будет отлично смотреться на любом разрешении экрана. Но это не обязательная функция, ее можно отменить в основных настройках плагина.

Coming soon and Maintenance mode

Плагин позволит легко и быстро c помощью конструктора landing page создать страницу без знаний верстки. Включает множество особенностей, например: настройка множества параметров, редактор свойств, SEO оптимизация, позволяет добавлять на страницу meta description, keywords и многое другое. У плагина есть pro версия с расширенным функционалом.

Landing Pages Builder

Плагин для создания landing page . Повышает уровень посещаемости, дружественный к поисковикам, позволяет управлять всеми созданными страницами из одного места.

Bulk City Landing Page Creator

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

Мы изучим Beaver Builder и покажем вам, как создавать пользовательские макеты в WordPress с помощью этого плагина.

Почему и когда вам нужны пользовательские макеты

После ввода вашего лицензионного ключа вы будете готовы создать свои макеты.

Создайте свой первый собственный макет с Beaver Builder

Просто создайте новую страницу в WordPress, зайдя на Страницы »Добавить , Вы увидите новую вкладку «Page Builder» в редакторе WordPress.

Нажмите на вкладку "Page Builder "запустить" Beaver Builder ». Если вы впервые используете Beaver Builder, вы увидите приветственное окно, предлагающее экскурсию.

На данный момент, вы можете нажать на кнопку "Нет Пожалуйста, пропустите шаг , После этого вам нужно нажать на кнопку Шаблоны в верхнем меню.

Beaver Builder предлагает профессионально разработанные шаблоны, чтобы вы сразу начали работать.

Не беспокойтесь, вы можете настроить шаблон столько, сколько хотите. Это просто быстрый способ начать работу с макета.

Когда вы выбираете макет, Beaver Builder загружает его в окне предварительного просмотра. Наведите указатель мыши на элемент, и Beaver Builder выделит его.

Вы можете просто нажать на значок гаечного ключа на выделенный элемент для редактирования.

Beaver Builder отображает всплывающее окно с различными настройками, которые можно изменять. Вы можете изменить цвет текста, фона, шрифт, поле и т.д.

Вы также можете нажать на пункт в предварительный просмотр и вы можете переместить его вокруг страницы.

Макеты Beaver Builder разработаны в рядах. Вы можете перетащить переставить строки. Вы также можете удалить или добавить новую строку.

Просто нажмите кнопку макеты строк И выбрать количество Вы хотите в своей строке.

Beaver Builder добавит строку в предварительный просмотр на вашем сайте.

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

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

Нажмите кнопку " Готовые Когда вы закончите редактирование своей страницы. Beaver Builder отображает всплывающее окно с кнопками для " публиковать "Или" Сохранить страницу как черновик ».

Вы также можете повторно использовать весь макет для других страниц вашего сайта WordPress. Просто откройте страницу с помощью Page Designer, затем нажмите кнопку «Инструменты» на верхней панели.

Beaver Builder покажет вам всплывающее окно. Вы можете сохранить страницу в качестве шаблона или быстро создать дублируемую страницу с тем же макетом.

Управление шаблонами макетов в Beaver Builder

Каждая лицензия Beaver Builder дает вам право использовать ее на неограниченных веб-сайтах. Но как вы перемещаете свои шаблоны страниц с одного сайта WordPress на другой?

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

Просто установите флажок рядом с параметром "Включение шаблонов администратора И нажмите Сохранение настроек шаблона .

Вы увидите новый пункт меню под названием Шаблоны появляется на панели инструментов WordPress. Все макеты, которые вы сохраняете в качестве шаблонов, появятся на этой странице.

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

Посетите страницу Инструменты »Экспорт и выберите «Шаблоны». Нажмите на кнопку Скачать файл экспорта И WordPress отправит XML-файл, который вы можете скачать.

Теперь подключитесь к сайту WordPress, где вы хотите импортировать шаблоны. Продолжайте Настройки «Импорт и нажмите на WordPress.

Вам будет предложено загрузить и установить плагин импортер. После этого, вы сможете просто загрузить файл templates.xml и импортировать его.

Вот и все! Мы надеемся, что этот учебник поможет вам создать пользовательские макеты WordPress с помощью Beaver 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 . Переходим к выбору установки четырех дополнительных плагинов. Рассмотрим вкратце каждый их них.

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

Как напечатать трехмерный объект? Изобретению трехмерной печати уже более 30 лет, вместе с ней возможности проектировщиков, медиков, изобретателей намного расширились – всего за несколько часов на специальном принтере можно «создать» практически любой объект. Представьте себе, что медики могут напечатать новый орган, вместо пораженного болезнью, и сделать успешную пересадку, а инженеры смогут воплотить в жизнь созданные ими изобретения всего за несколько часов! Не нужно ждать решение комиссии, донора, все напечатает современный принтер 3D печати!

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

Первые пробные версии были еще в 8 версии ОС, но она успешно прошла адаптацию под новую и улучшенную Windows 10.

Особенность приложения – в формате, вместо привычного формата STL все созданные трехмерные изображения сохраняются с расширением 3MF. Как заявляют разработчики, это обеспечивает лучшую совместимость с оборудованием и сохранением изображения.

Найти программу можно в Меню, в списке всех приложений, поставляемых вместе с ОС Windows 10. При старте можно увидеть начальное окно:

Это ознакомительный ролик, из него можно понять принцип загрузки и обработки изображений, затем можно перейти к основному функционалу:

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

Работа с изображением начинается с его загрузки – выберите любой объект, и вставьте в рабочее окно. Как уже было сказано, 3D Builder Windows 10 может работать с файлами любых расширений, то есть загрузить можно то, что есть, но вот сохраняться они будут в формате 3MF.

Обратите внимание! 3D Builder Windows 10 должна найти ваш принтер! И только после этого можно заняться обработкой в окне, которое будет соответствовать рабочей области принтера – здесь можно увидеть сетку, с квадратами со сторонами в 1 см по горизонтальной плоскости, и линейкой по вертикали. В синем окне будет проходить выделения объекта по осям X и Y, и если вы загрузили только один, то все будет сделано в автоматическом режиме.

Панель управления

Редактура производится при помощи боковой панели управления – либо по кругу, либо увеличивая масштабирования линейкой. Они свободно перемещаются по экрану, и можно задать практически любые размеры при помощи мыши за вертикальные ограничители. Линейкой изменяется размер рамки с изображением. На экране программы видны разноцветные стрелки – ими удобно перемещать объект ближе или дальше по экрану. Стрелка указывает на опции, которыми можно трансформировать объект.

Но редактировать нужно с осторожностью – порой картинка может выйти из параметров рабочей области 3D принтера – программа 3D Builder Windows 10 обязательно выведет на экран сообщение с предупреждением, а область, которая вышла за допустимые пределы, будет выделена красным цветом.

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

  • Можно упростить открытое изображение – убрать ненужные части объекта при наведении на него мышью;
  • Разделить на части, если все изображение не умещается в заданные параметры рабочей плоскости принтера;
  • Создание рельефного изображения, если нужно сделать объект объемным.

Если все, что сделали, вам не понравилось, то можно вернуть все назад из боковой панели управления кнопкой «Вернуть все назад».

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

Для печати нажмите кнопку, чтобы вывести изображение на принтер.

Итог

Обязательно установите драйвер из Центра Обновлений вашего оборудования – его можно найти вручную на сайте корпорации, или дождаться автоматической установки. Если модель создана, и она срочно нужна, то можно заказать печать по предлагаемой программой ссылке. Если выставлен параметр печати на 3D принтере по умолчанию, но эта опция не нужна в дальнейшем, то удаление проводится из контекстного меню по клику по ярлыку программы правой кнопкой мыши.

Приветствую Друзья. Сегодня будет большой пост про весьма замечательный плагин 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 предоставляет в ваше распоряжение ряд модулей:


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

  1. Полноэкранное изображение;
  2. Полноэкранный заголовок поста;
  3. Полноэкранный код;
  4. Широкоформатная карта;
  5. Широкоформатное меню;
  6. Широкоформатное портфолио;
  7. Широкоформатный хэдер;
  8. Широкоформатный слайдер;
  9. Широкоформатный слайдер поста.

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

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

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

  • Аккаунты в социальных сетях – к сожалению, количество социальных сетей не сильно велико, так как плагин всё-таки зарубежный и это нужно учитывать при работе с ним. Например, отсутствует Вконтакте или Telegram, но так как divi builder на русском языке штука довольно мощная, вы сможете добавить свою социальную сеть, какая вам необходима – самостоятельно.

  • Аудио – хотите, чтобы на сайте проигрывалась музыка? Да без проблем! Поставьте ссылку на композицию в сети интернет или загрузить аудио файл на свой хостинг.
  • Блог – хотите, чтобы page builder на русском отображал записи из вашего блога – опять же выставите настройки и вперед за орденами.

  • Видео – можете загружать свои файлы, можете ставить ссылки на YouTube – любой каприз.
  • Вкладки – здесь я думаю все и так понятно – пользователь кликает на вкладку перед ним открывается текст, который вы заложили под неё.
  • Войти – возможность входа на ваш сайт.
  • Галерея – изображения на вашем сайте.
  • Заголовок поста .
  • Изображение – одиночное изображение.



  • Искать – поиск по вашему сайту.
  • Карта – Google Maps + вы можете добавить информацию или поставить дополнительное изображение, например, логотип компании.
  • Кнопка – переход на внутреннюю или внешнюю страницу.
  • Кнопка призыва к действию – опять же переход куда бы то ни было.
  • Код – любой html-код, по вашему желанию.
  • Контактаня форма – форма обратной связи.
  • Краткое описание – описание чего либо.
  • Магазин – интернет магазин wordpress, например, Вукоммерс.
  • Модуль персона – информация о вас.
  • Навигация поста .
  • Напишите Оптин – здесь ошибка перевода – имеется ввиду – создание рассылки.