Конструктор сайтов Parallels Web Presence Builder: обзор, советы

Как создать сайт в Parallels Web Presence Builder

Переходим во вкладку «Сайты и домены».

Нажав на кнопку «Создать сайт», мы запустим конструктор Parallels Web Presence Builder. Далее все очень просто, мы только следуем указаниям редактора. Первым делом нам будет предложено

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

Если вам необходимо создать сайт магазина, то переходите в раздел «Розничные магазины» и выбираете, то направление, какое вам необходимо, например, магазин одежды, автозапчастей, цветов, мебели, игрушек и т.п. — выбор достаточно широк. Если вы хотите создать тематический блог (поклонников рок-группы, спортивной команды, кино, видеоигр), то вам в раздел «Увлечения и хобби». Если вы оказываете какие-либо услуги и хотите рекламировать их в интернете, то выбирайте соответствующие вашему профилю разделы: «Образовательные услуги», «Здоровье и спорт», «Строительство и жилье», «Досуг и развлечения» и т.д. Если вы создаете сайт организации или предприятия, ассоциации или фонда, политической партии или благотворительной организации, сайт города, поселка или деревни, то выбирайте раздел «Организации»

В разделе «Личное» вы можете создать личный или семейный веб-сайт, блог о путешествиях, семейный фотоотчет о каком-то важном событии в жизни — помолвке и свадьбе, рождении ребенка и т.д

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

Я для своего сайта выбрала тему «Личный или семейный веб-сайт»

Заполняем информацию о владельце сайта

Если вы заполните все необходимые поля, то эта информация уже будет автоматически подставлена на все нужные страницы. Впрочем ее можно заполнить и позже.

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

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

Нажмите на кнопку «Еще» и выберите «Начать заново».

Вы снова окажетесь в панели выбора тематики сайта. Я решила вместо предыдущей тематики создать Стандартный блог, где можно писать обо всем. Вот результат:

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

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

Где взять этот конструктор? и сколько он стоит?

Parallels Web Presence Builder работает на технической базе хостинга регистратора REG.RU. Предоставляется он клиентам reg.ru абсолютно БЕСПЛАТНО при заказе любого хостинга. Я в этом не вижу никакого недостатка, ведь хостинг вам все равно нужен! Так почему бы не REG.RU? Условия там вполне приемлемые, цены нормальные, техподдержка адекватная, есть выгодная реферальная программа — 10% пожизненно от всех заказов, оплаченных рефералом. Выбрав Parallels Web Presence Builder, работающий на технической базе хостинга и регистратора, любой бизнесмен избавит себя от массы расходов по найму веб-студий, системных администраторов, команды поддержки.

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

Надо сказать, что раньше у меня был опыт создания сайта в конструкторе Ucoz — просто из любопытства и, в общем-то, достаточно удачный, но в этом случае Ucoz меня совсем не устраивал — несерьезно как-то для строительной фирмы!

Поковырялась в сети, и уж не знаю почему, но мне попалась демо-версия именно этого конструктора. Когда я воспользовалась ей, то ничего другого мне стало не нужно, сайт сделала и вот уже несколько лет он на базируется на хостинге Reg.ru. Можно посмотреть здесь.  Сайт полностью сделан и наполнен моими руками в конструкторе Parallels Web Presence Builder.

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

Сама же я решила освоить создание сайта на WordPress — результат вы сейчас и просматриваете.

В сети прочитала, что Parallels Web Presence Builder неудобен тем, что привязан к хостингу и уйти от этого хостера с сайтом не получится. Абсолютно не согласна! Конечно, сайт, сделанный в Parallels Web Presence Builder, перенести в другой конструктор или CMS не получится, но, если уж не устраивает конкретно Reg.ru, то можно уйти к другому хостеру, у которого этот конструктор имеется. Сейчас просто лень искать, но я точно знаю, что такие хостеры есть.

Дополняю: нашла хостинг, где встроен Parallels Web Presence Builder — это, как минимум, Hostlife.net, Hostland.Ru, Mosdomen.ru, Ruskyhost.ru. С последним я начинала создание сайта, но общего языка не нашла — техподдержка не понравилась, поэтому перешла на Reg.ru. Там мне помогли и сайт перенести на их хостинг и все настроить, потому что на тот момент я была совсем дуб дубом! И на протяжении уже нескольких лет техподдержка всегда очень помогает, и не ржут над моими (может быть, по их мнению) тупыми вопросами «чайника». А все нормально и терпеливо объясняют.

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

Во всем остальном создать полноценный сайт в этом конструкторе можно: легко добавляются баннеры и рекламные блоки, фотогалереи, слайд-шоу и видео, «хлебные крошки» и кнопки «Поделиться», блоги и онлайн-магазины, контактные формы и комментарии — все это встроено в оболочку рассматриваемого конструктора. Шаблоны, разметка, цветовая гамма, шрифты легко меняются в любое время в визуальном режиме. Есть возможность загружать на сайт документы для скачивания пользователями, встроенный Google Analytics, возможность добавить копию своего сайта в Facebook. В общем, все, что необходимо для создания сайта есть!

• Нравится

Как создавать

Процесс создания сайта осуществляется в 5 шагов и начинается с выбора тематики. Всего мы насчитали 12 больших категорий, включающих в себя все актуальные сферы коммерческой деятельности, развлекательную тематику, социальные сервисы, а также персональные сайты. В каждой категории содержится несколько подкатегорий, определяющих конкретный тип сайта. К примеру, для персональных блогов это тематика контента, которую владелец собирается в нём размещать.

После выбора шаблона мы сразу же попадаем в интерфейс конструктора.

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

Дизайн

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

Ещё один сладкий плюс: с пользователя полностью снимаются заботы по оптимизации сайта под мобильные устройства — конструктор адаптирует всё сам.

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

1. Wix

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

Сервис отличается интуитивно понятным интерфейсом, возможностью использования собственных шрифтов и HTML-кода, а также богатым набором дополнительно подключаемых элементов. Мобильная версия сайта активируется в одно нажатие, при этом редактировать её можно отдельно от десктопной.

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

Тарифы: бесплатный; платные — от 4,08 евро в месяц.

Как разместить счетчик системы статистики?

Google Analytics — это инструмент, позволяющий собирать статистику о посетителях сайта.

Чтобы добавить код Google Analytics:

1. 1.
   Зарегистрируйтесь в Google Analytics и получите персональный код.
2. 2.
   Перейдите на вкладку Настройки — Другие.
3. 3.

   Нажмите Встроить Google Analytics:

4. 4.

   Вставьте код, который вы получили от Google Analytics, и нажмите ОК:

Готово. Google Analytics начнет работать только после публикации сайта.

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

Конструктор сайтов Web Presence Builder предоставляет возможность использования Google сервисов в своих модулях: Picasa для хранения изображений в модуле «Галерея», Google Analytics для сбора статистики посещений по сайту, Google шрифты, Google карты и Google поиск. С 20 апреля 2015 года могут наблюдаться проблемы при работе этих модулей, в связи с тем, что Google прекратил поддержку протокола авторизации AuthSub, используемый конструктором для авторизации в вышеупомянутых модулях.
Разработчики Web Presence Builder в ближайшее время предложат решение данной проблемы.

Подраздел РАЗМЕТКА

На скриншоте вы видите, как просто в этом конструкторе делать разметку сайта.

Верхний и нижний колонтитулы

Хотите сделать шапку во всю ширину экрана — один клик мыши по блоку «Верхний колонтитул» и вот шапка вашего сайта во всю ширину экрана. Второй клик и все вернулось обратно. То же самое и с нижним колонтитулом. Самое замечательное, что все это вы видите сразу же, не прыгая от вкладки к вкладке. Прямо в визуальном режиме можно перетащить логотип и баннер верхнего колонтитула в любое другое место на странице или убрать совсем, уменьшить высоту верхнего колонтитула, просто удалив все ненужные вам элементы.

Основной контент

Основное содержимое вашего сайта вы также можете видоизменять: поместить его справа или слева от сайдбара, если вы решили оставить один сайдбар, оставить посередине, если сайдбаров будет два, или растянуть на всю ширину экрана, если решили отказаться от сайдбаров вовсе. Причем, в этом случае вы легко зададите нужную вам ширину сайта, либо сделаете тянущийся, так называемый, резиновый шаблон: ширина сайта будет меняться в зависимости от текущего размера окна браузера. В этом случае вам надо указать ширину вашего сайта в процентах от размера окна браузера. Лично я рекомендую задавать фиксированную ширину от 960 до 1024 пикселей, чтобы удобно было смотреть ваш сайт на любых мониторах. Но вы вправе делать так, как нравится вам.

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

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

Боковые панели

Также в этой вкладке вы можете редактировать боковые панели (сайдбары) вашего сайта: сделать один сайдбар или два, в один клик поменять их местами, задать ширину и высоту сайдбаров или убрать совсем, сделав сайт во всю ширину экрана — никаких сложностей!

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

Следующий подраздел вкладки ДИЗАЙН —

Параметры секции

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

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

Фоновое изображение — если загружено, то это изображение будет использоваться в качестве фона для этого раздела. Чтобы удалить фоновое изображение просто удалите его URL в поле настроек.

Фоновые изображения раздела распространяются на всю ширину браузера.  Поэтому мы рекомендуем, чтобы фоновые изображения имели ширину не менее 1080 пикселей.

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

Цвет фона. Если вы хотите просто использовать сплошной цветной фон для своего раздела, используйте палитру цветов для выбора цвета.

Фоновое видео формата MP4 — Все видео должны быть загружены в форматах .mp4 .Webm, чтобы обеспечить максимальную совместимость во всех браузерах. Загрузите .mp4 версию здесь

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

По этой причине вы должны определить как фоновое изображение, так и фоновое видео, чтобы обеспечить наилучшие результаты.

Фоновое видео Webm — Загрузите .WEBM версию здесь.

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

Остановить видео – Останавливать ли фоновое видео, если другое видео запущено на странице.

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

Использовать Параллакс эффект — Если включено, фоновое изображение будет оставаться фиксированным при прокрутке, создавая интересный параллакс эффект.

Метод Parallax — Определяет метод, используемый для параллакс эффекта.

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

Отключить на —  Можно выбрать будет ли отображаться раздел на выбранных устройствах (телефон, планшет, десктоп).

Метка администратора – определяет название раздела.

Пользовательский CSS

CSS ID – Задает идентификатор, который будет использоваться для этого раздела. Идентификатор может быть использован для создания пользовательских таблиц стилей или для создания ссылок на конкретные разделы страницы.

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

Поля До, Основной элемент, После – задают параметры классов CSS раздела.

Как заказать конструктор сайтов WPB?

Чтобы заказать конструктор сайтов Parallels Web Presence Builder, на 2-м шаге в мастере заказа хостинга установить галочку Parallels Plesk Panel:

На хостинге с панелью Parallels Plesk количество сайтов, создаваемых на конструкторе, ограничено. Вы можете создать столько сайтов, сколько доменов доступно на вашем тарифе хостинга плюс ещё один. Например, если заказан тариф Host-0 с пятью доменами, вы сможете разместить на конструкторе WPB шесть сайтов.

Какое имя домена будет при использовании конструктора сайтов Web Presence Builder?

Конструктор сайтов привязывается к вашему доменному имени, которое вы приобретаете отдельно. Также при заказе услуги хостинга вам дополнительно предоставляется возможность использования технологического домена вида u1234567.plsk.regruhosting.ru.

О плюсах и минусах

Как говорилось выше, Parallels Presence Builder не имеет собственной хостинговой площадки и предлагается в качестве дополнительной услуги при покупке хостинга у InfoboxCloud. Это одновременно и плюс, и минус. Недостаток заключается в том, что отсутствует опция бесплатного хостинга. Это может стать проблемой для тех, кто ищет полностью бесплатное решение для совсем простенького персонального сайта. Впрочем, практика показывает, что при развитии сайта переход на платный хостинг с собственным доменом становится по факту must have, а для коммерческого проекта это вообще обязательное условие. Самый бюджетный тариф по размещению сайта обойдётся в 129 рублей при покупке хостинга на год, либо 149 рублей при оплате одного месяца.

Основные элементы конструктора Divi Builder

Divi  — уникальная тема в коллекции Elegant Themes.  Отличие Divi  от всех остальных Elegant тем (кроме темы Extra), в том, что она построена на платформе конструктора страниц  Divi Builder, который был разработан с нуля. Используя принцип drag and drop, вы с легкостью можете создавать красивые макеты страниц  и поддерживать полный контроль над любой частью вашего сайта.

Конструктор использует три основных строительных блока: Секции (или разделы), строки (или ряды) и модули. Использование этих структурных блоков позволяет создать бесчисленное количество макетов страниц. Основная иерархия этих элементов выглядит следующим образом:

Секции

Самые основные и крупные блоки, используемые в проектировании макетов с Divi Builder – это  секции ( иногда, в русском переводе, они еще обозначаются как разделы). Они используются для создания верхнего уровня структуры вашего сайта. Существует три типа разделов: обычный раздел, полноэкранная секция и специальная секция. Обычные разделы состоят из строк со столбцами,  а полноэкранные секции состоят из модулей полной ширины. В специальной секции добавлены  особые вертикальные столбцы, проходящие через несколько рядов. Подробнее о строках и модулях ниже.

Строки

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

Модули

Модули – это визуальные элементы, из которых состоит ваш сайт (текст, картинки, заголовки, видео, формы и т.п.). Все модули, которые использует тема Divi, могут быть вставлены в столбец любой ширины и они полностью адаптивны для экранов различной ширины.

Как войти в конструктор сайтов WPB?

В зависимости от типа заказанной услуги войти в конструктор можно по-разному:

Вы заказали хостинг сайтов с конструктором WPB

1. 1.
   Авторизуйтесь на сайте REG.RU и перейдите в Личный кабинет.
2. 2.

   Кликните по названию услуги хостинга с панелью управления веб-хостингом Plesk:

3. 3.

   На открывшейся странице нажмите Войти в панель:

4. 4.

   В панели управления в блоке нужного домена нажмите Presence Builder:

Готово! Вы вошли в панель управления конструктором Web Presence Builder.

Напоминаем, что вы можете пользоваться конструктором Web Presence Builder без оплаты 14 дней, заказав бесплатный хостинг для сайтов html.

Вы заказали отдельную услугу конструктора сайтов

1. 1.
   Авторизуйтесь на сайте REG.RU и перейдите в Личный кабинет.
2. 2.

   Кликните по названию услуги «Parallels WPB-Lite/Standart/Pro для домена mysite.ru», где mysite.ru — название вашего сайта:

3. 3.
   На открывшейся странице нажмите В старый личный кабинет.
4. 4.

   В новой вкладке нажмите Панель управления хостингом:

Готово. Вы вошли в панель управления конструктором Web Presence Builder.

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

Параметры макетов Divi конструктора

Сохранить в библиотеку

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

Загрузить из библиотеки

Вы можете загрузить макет, который вы сохранили в прошлом, из вашей библиотеки Диви в любое время. Кроме того, тема Divi поставляется с более чем двадцатью готовыми макетами, которые появятся в вашей библиотеке при установке темы. Загрузка одного из этих макетов может стать отличным решением при начальном этапе создания сайта. В любом случае, у вас есть возможность выбирать из списка готовых макетов или любых макетов, которые вы сохранили/импортировали.

Очистить макет

Иногда нужно просто начать с чистого листа. Если вы чувствуете необходимость начать все с нуля, просто нажмите кнопку “Очистить макет”. Это позволит удалить все, что вы построили до этого на странице.

Ниже этих трех кнопок находится ваш макет Divi Builder. Здесь вы будете добавлять Разделы, Строки и Модули на свою страницу. Когда вы впервые включите Divi Builder, все, что вы увидите, это  раздел, содержащий пустую строку.

Page Builder от SiteOrigin

Данный плагин является лидером по рейтингу и количеству скачиваний (более 1 000 000).

На мой взгляд, такую популярность он получил из-за своей простоты и надёжности. Основным его отличием является то что он содержит в себе и визуальный редактор (как предыдущие плагины) и возможности создавать страницы при помощи блоков в консоли WordPress.

После его установки у вас при создании или редактировании страниц и записей появляется дополнительная вкладка:

При переходе на эту вкладку вы можете создавать свою страницу при помощи строк и виджетов. Выглядит это так:

Так же есть возможность воспользоваться визуальным редакторм.

Достоинства плагина Page Builder от SiteOrigin:

• наличие двух режимов создания страницы (визуальный редактор и работа с блоками в консоли WordPress)
• поддержка всех виджетов, которые есть на сайте, в том числе и виджетов других плагинов (WooCommerce, слайдеры, меню и так далее)
• возможность выбирать готовый шаблон оформления
• возможность экспорта и импорта макетов для их использования на других страницах и сайтах
• возможность копирования макетов отдельных страниц и записей
• можно объединять несколько макетов на одной странице
• добавление пользовательских CSS стилей для отдельных строк и виджетов
• наличие истории изменений и возможность делать откат действий
• можно просмотреть как будет смотреться сайт на мобильных устройствах
• наличие виджета «Конструктор макетов», который позволяет создавать сложные структуры в отдельных ячейках
• удобный визуальный редактор, который быстро грузится

Недостатки Page Builder от SiteOrigin:

• требует доустановки дополнительного пакета виджетов
• набор виджетов намного меньше чем у плагина Elementor
• отсутствие возможности задавать анимацию появления.

3. uKit

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

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

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

Тарифы: бесплатный (14 дней); платные — от 2,98 доллара в месяц.