Плагин Page Builder — удобный инструмент для создания страниц в WordPress. Divi Builder – page builder wordpress на русском языке

Layout Settings

Thanks to the Pavo Framework version 4, Pav Fashion comes with powerful theme configuration admin panel that allows you to customize the theme easily without touching any file. You can customize font, changing logo, changing skin, etc.

Sample Data Settings

Sample data is an important part of any site, importing, exporting back-up sample data is a regular work. It"s quite complex and risky if you do it manually. Theme Control Panel module helps you solve all the difficulties with the Sample Data management system.

CSS and JS Compression

Compression Feature allows to speed up your site by merging, compressing JS and CSS files.

All cached files are stored in folder system/cache/pavo-assets/ . To clear cached you click to CLEAR button on the top right side corner of your setting panel.

CSS and JS Customization

You can add CSS rules and JS to customize for your site. The CSS rules and JS added in the panel will have highest priority so it will override the styles in your CSS files.

Live Theme Customization

This is amazed feature in our product. The feature is to customizing your theme with pre-define parameters such as font size, text color, background color, font family, etc.

Here is the steps to customizing your site with Live Theme Customization

Step 1 - Open the Live Theme Customization panel

Step 2 - Customize your site with pre-defined parameter.

The Live Theme Customization panel includes 2 main sections: the setting panel (include all pre-define parameters) and your site front-page. When you change setting of a parameter, you would see the change in the front-page at the same time.

Step 3 - Save the customization when you"re done by hitting the "Submit" button.

Pav Module Configuration

The module configuration is based on Default demo site, if you use the other layout, the module configuration is expected to be the same.

Pav Fashion supports a lot of Pav modules that help you build a full Ecommerce functionality and help with content building for your site easier. Here is the instruction to use the extension the way they are used in Pav Fashion demo site.

Pav MegaMenu module

Pav MegaMenu module helps you create MegaMenu menu for your Opencart site. The visual configuration panel allows you to see the structure of the menu in front-page. What you change is what you see.

To configure MegaMenu, please go to: Extensions > Modules, find the Pav MegaMenu module then hit the "Edit" button. There are 2 main sections in the panel: the Menu management system and MegaMenu configuration panel.

Menu management system

• Create a new megamenu
• Edit any menu item:
• Change menu item"s position: Update Order

Widget management system

Live Mega Menu Editor button in Pav MegaMenu module.

Filter By Name box or Filter By Group

Create Widget

• Select Widget type:
• Add content for the widget:

MegaMenu Configuration

Live MegaMenu Editor to access the MegaMenu configuration panel.

Pav Vertical MegaMenu module

Pav Vertical MegaMenu module helps you create Vertical MegaMenu menu for your Opencart site. The visual configuration panel allows you to see the structure of the menu in front-page. What you change is what you see.

To configure Vertical MegaMenu, please go to: Extensions > Modules, find the Pav Vertical MegaMenu module then hit the "Edit" button. There are 3 main sections in the panel: The VerticalMenu Management System, Module management system and MegaMenu configuration panel.

Menu management system

The Menu management system allows you to:

• Create a new vertical megamenu : Fill in enough necessary information for your menu such as name, title, description... Remember to Save it before logging out.
• Edit any menu item: Click on edit icon of the menu item you want to edit, then edit the settings of the menu item in the right panel.
• Change menu item"s position: Drag and drop the menu item to change its position, after changing the order of menu items, please hit the Update Order , the saving option in the panel does not save the order change of menu item.

Widget management system

To go to Widget management system, please click on the Live Vertical Mega Menu Editor button in Pav Vertical MegaMenu module.

The widgets are used to assign to MegaMenu. You can create as many widgets as you expect. The content of widget can be chosen from Filter By Name box or Filter By Group : All, Blog, Typo, Opencart, Others and Image.

You can create a new submenu for any widgets by hitting the "Setting" icon or delete the widget that is not used any more.

To create a new widget, please hit the Create Widget icon in the upper right corner.

• Select Widget type: There are a lot of widget types such as Blog, Typo, Opencart, Social, Image, Others.
• Add content for the widget: The content is depend on what widget type you select, add the required info and save the widget.

Vertical MegaMenu Configuration

In the main setting panel of MegaMenu, hit the Live Vertical MegaMenu Editor to access the Vertical MegaMenu configuration panel.

In the configuration panel, you can:

• Create sub-menu for any menu item, assign widget for the sub-menu and configure size of the sub-menu block.
• Add row, column inside created sub-menu block.
• Add class to style for column, row in sub-menu.
• Align sub-menu block: left, right, center

Pav Home Page Builder module

Pav Home Page Builder module is to help you build Homepage layout for your site the ways you want. In short, each layout is built up from blocks, each block contains columns, you can resize the columns and assign widgets to the columns. Each block, column, widget has its own setting to make sure you can build any layout you want.

To configure the module, please go to: Extensions > Modules, find the Pav Home Page Builder module then hit the "Edit" button to go to its setting panel.

Layout Settings

Pav Fashion supports a lot of layouts, you can configure, customize any layout you want easily with the visual layout configuration. You can move a position to any place in the layout, assign any module to a position, etc.

Quickly edit a module

Hit the Edit icon in the module loaded in the layout and you can edit settings of the module in a popup.

Changing position to any place in the layout

You can move a module to any position inside the layout panel, there are some hard fixed positions, blocks that you can not move such as Header, Footer.

Edit the width of the module for each position

For each module, you can edit the width of the module by dragging and dropping it..

Widget management system

A new point in our framework is used for more widgets instead of using module as before to create a website. It is very easy and friendly with every user. With using this widget, you can save much time and energy. Only a few clicks, you can create a website you expect.

To go to Widget management system, please click on the "+" icon in the bottom position in Pav Home Page Builder Module

Then Add Column and Add Widget

There are two options for you choose in Module Management: Opencart Modules and Widgets

1. Opencart Modules

This Opencart Modules tab allows you to choose our modules: Pav Blog Latest Comment Module, Pav Deals,... or default Opencart module: Banner, Latest, Bestsellers,...

2. Widgets

In Widgets tab, you can choose any widget you want for your website. You can create as many widgets as you expect. The content of widget can be chosen from Filter By Name box or Filter By Group such as: All, Others, Typo, Product, Image, Piechart, Social and Opencart.

When you selected widget type, you need to add content for the widget. The content is depend on what widget type you select, add the required info and save the widget.

Pav Blog module

This is the platform for Blog on Opencart. You can create categories, blog items and get it displayed in front-page brilliantly. The module comes with a lot of settings that allow you to manage your blog post easily. It also includes comment system, a lot of modules such as Category module, Most Read blog module, Latest Comment module and Latest blog module.

To manage Your Blog system, please go to: Extensions > Modules, find the Pav Blog module then hit the "Edit" button to go to its setting panel.

General Settings

Category Page setting

Category Management

Blog Management

Comment Management

Category Module setting

Latest Comment Module setting

Front-end appearance of the module

Latest Module setting

Front-end appearance of the module

Pav Carousel module

The module allows you to add any module to display in carousel. All you have to do is adding modules you want to display in carousel, configure layout, position, max items ...

To configure the module, please go to: Extensions > Modules, find the Pav Carousel module then hit the "Edit" button to go to its setting panel.

Pav Category Banner module

This module is used in Home 2. Pav Category Banner module is to display list of products with banner in the website.

To configure the module, please go to: Extensions > Modules, find the Pav Category Banner module then hit the "Edit" button to go to its setting panel.

Pav Custom module

This module is used in Home 3 and Home 4. The module allows you to create content using HTML added to the content field.

To configure the module, please go to: Extensions > Modules, find the Pav Custom module then hit the "Edit" button to go to its setting panel.

There are a lot of custom HTML used in the site. We will show you one by one.

Pav Deals module

To configure the module, please go to: Extensions > Modules, find the Pav Deals module then hit the "Edit" button to go to its setting panel.

Pav Layers Sliders module

To configure the module, please go to: Extensions > Modules, find the Pav Layers Sliders module then hit the "Edit" button to go to its setting panel.

Pav Newsletter module

Pav Newsletter module is to manage signup newsletter for your site, you can display a SIGN UP FOR NEWSLETTER form in your site where user can add their email in the form to sign up for newsletter. In the back-end, you can create email and send to the subcriber.

To configure the module, please go to: Extensions > Modules, find the Pav Newsletter module then hit the "Edit" button. In the dashboard of the module, please select Frontend Modules to configure for the displaying of the module in front-page.

Pav Product Carousel module

This module is used in Home 3. Pav Product Carousel module is to display list of products in carousel. The products are selected based on: Featured, Latest, Best Seller, Most Viewed, Special, Top Rating.

To configure the module, please go to: Extensions > Modules, find the Pav Product Carousel module then hit the "Edit" button to go to its setting panel.

Pav Product Tabs module

Pav Product Tabs module is to display list of products in the website. The products are selected based on: Latest, Featured, Best Seller, Special, Most Viewed.

To configure the module, please go to: Extensions > Modules, find the Pav Product Tabs module then hit the "Edit" button to go to its setting panel.

Default Opencart Modules

These are default Opencart modules but it"s style has been customized to fit the theme design.

Category module

The module is to display list of category product in your OpenCart site. Its setting is so simple, just add layout, position that the module is displayed in and product image size.

To configure the module, please go to: Catalog > Categories and you can see the list of category product in your site.

Specials module

The module is to display list of special product in your OpenCart site. Its setting is so simple, just add layout, position that the module is displayed in and product image size.

To configure the module, please go to: Extensions > Modules, find the Specials module then hit the "Edit" button to go to its setting panel.

Banner module

The module is to display the banner of product in your OpenCart site. Its setting is so simple, just add layout, position that the module is displayed in and product image size.

To configure the module, please go to: Extensions > Modules, find the Banner module then hit the "Edit" button to go to its setting panel.>

Get Support

If you are unable to find your answer here in our documentation, please go to our forum and post up a new topic with all the details we need. Please be sure to include your site URL as well or send us an email.

Our support scope

Our support covers configuration, building site as demo, trouble using any features, and bug fixes. We don"t provide support for customizations or 3rd party extension.

Our support time

We try our best to monitor the email around the clock, however, this is not always possible due to different time zones. We will try to reply you as fast as we can.

Our working time is 8.00 AM - 5.30 PM, Monday to Friday (GMT+7). So if ask for help in the weekend, you may have to wait a little bit for support and please be patient.

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

Landing Pages

Ultimate Landing Page

Ultimate Coming Soon Page

Beaver Builder

Coming soon and Maintenance mode

Landing Pages Builder

Bulk City Landing Page Creator

Приветствую Друзья. Сегодня будет большой пост про весьма замечательный плагин 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, например, Вукоммерс.
• Модуль персона – информация о вас.
• Навигация поста .
• Напишите Оптин – здесь ошибка перевода – имеется ввиду – создание рассылки.