Конструктор Неткэт6: вопросы и ответы

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

• Для кого предназначен конструктор?
• В чем отличие архитектуры сайта на конструкторе от архитектуры традиционного сайта?
• Что умеет конструктор?
• Чего не умеет конструктор?
• Будет ли улучшаться интерфейс?
• Что дальше?

Для кого предназначен конструктор?

Конструктор сайтов Неткэта - профессиональный инструмент. Уже собранным на нём сайтом управлять так же легко, как и созданным традиционным способом: редактировать контент, добавлять новые страницы и разделы, товарные категории, управлять заказами и так далее. Но процесс создания сайта с нуля требует от пользователя определенной подготовки, а именно:

• понимания того, как устроен сайт: разделы и подразделы, сквозные блоки (шапка/подвал, оглавление раздела), дублирование контента (например, вывод на главной странице трёх последних записей из раздела “Новости” или избранных товаров из каталога), шаблоны контента и пр.
• дизайнерских навыков: конструктор поддерживает множество опций для оформления блоков, способов компоновки блоков друг с другом; как известно, чем больше возможностей - тем больше риск получить неудобный или некрасивый результат
• понимания принципов адаптации сайта для мобильных устройств: что такое точки перехода (брейкпоинты), как могут трансформироваться блоки (в т.ч. составные) при уменьшении экрана, какие блоки лучше скрывать на маленьких экранах

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

В чем отличие архитектуры сайта на конструкторе от архитектуры традиционного сайта?

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

У сайта, собранного на конструкторе Неткэт6, макета нет, он полностью состоит из блоков. Просто некоторые блоки - сквозные, то есть видны на всем сайте или на какой-то его части. А контент каждой конкретной страницы отображается в особом блоке - “Контентная область”.

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

• На пустой сайт добавили контейнер (специальный блок, в который можно помещать другие блоки);
• Установили контейнеру тип компоновки flexbox (этот тип позволяет вывести содержимое контейнера в строку, а не последовательно сверху вниз)
• Добавили в этот контейнер блоки: логотип, меню, строка поиска, кнопку вызова формы обратной связи;
• Ниже контейнера добавили блок “контентная область”, в нем будут отображаться те блоки, которые добавляются на каждую конкретную страницу
• Ниже контентной области добавили еще один контейнер, где разместили форму обратной связи, меню и копирайты
• Также на странице “О компании” слева от контентной области добавили блок меню, которому установили область видимости “внутри раздела “О компании” - потому что у этого раздела много подразделов.

Что умеет Конструктор?

Пользователь Неткэт6 может:

• Добавлять на страницу блоки любого типа, как контентные (текст, фото, новости, товары и пр.), так и сниппеты (строка поиска, иконка авторизации).
• Добавлять блокам стили оформления: фон, рамки, отступы, тень, размеры и пр.
• Задавать стили как на уровне всего сайта, так и для раздела или даже отдельного блока: шрифты, цветовую палитру, стиль отображения кнопок и элементов форм.
• Для списочных типов контента (новости, товары, факты…) определять компоновку: последовательный вывод сверху вниз, вывод плитками в несколько колонок, вывод в строку (flexbox), слайдером.
• Создавать составные блоки, то есть компоновать между собой разные блоки теми же способами компоновки; применять элементы оформления (фон, размеры…) ко всему составному блоку (например, шапка сайта).
• Гибко настраивать правила адаптации сайта к мобильным устройствам: в зависимости от ширины экрана/блока можно переопределять свойства оформления, компоновку, скрывать блок.

И, конечно же, Неткэт6 умеет все то же, что умел Неткэт5: управлять контентом, создавать структуру любого уровня вложенности, ограничивать доступ к определенным разделам, поддерживать все сценарии электронной коммерции, импортировать товары из Excel/CSV/YML/1C, интегрироваться с платежными и другими сервисами, настраивать параметры безопасности, выдерживать большие нагрузки и так далее.

Кроме того, Неткэт6 по-прежнему содержит весь профессиональный инструментарий: создание собственных компонентов и модулей, настройка интеграции с социальными сетями, инструменты поисковой оптимизации и пр.

Чего не умеет конструктор?

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

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

Будет ли меняться интерфейс?

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

Что дальше?

Сейчас вместе с Неткэтом поставляется несколько десятков типовых сайтов и магазинов (магазины доступны для редакций старше Business). Большинство из них созданы еще для пятой версии системы. Это значит, что они так же работают на Неткэт6, но содержат лишь ограниченные возможности управления блоками: только в контентной области страницы. Сайтов, созданных на конструкторе, в нашем магазине два: корпоративный и магазин. Вот их можно менять, оформлять и даже полностью пересобирать как угодно. На момент написания этой статьи мы занимаемся сборкой других типовых сайтов, адаптированных к более конкретным областям деятельности. В ноябре они должны появится на сайте в количестве 15-20 штук.

Кроме того, в конструктор будут добавляться новые шаблоны контента и эффекты оформления и поведения блоков. А про интерфейс мы уже писали.

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

Остались вопросы?

Пишите в комментариях, ответим!