Подборка новых функций сервиса REG.Site

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

REG.Site — комплексное решение для создания сайта на основе CMS WordPress. Помимо десятков шаблонов, сервис включает в себя хостинг и SSL-сертификат в подарок на один год.
Знаний программирования и веб-дизайна не понадобится — процесс работы с инструментом можно сравнить с конструктором Lego, где вы добавляете нужные модули и создаете красивый, функциональный сайт.

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

Новые фишки

Готовые блоки

🔎 Где найти: слева в меню нажмите на значок +

Если нажать на плюс, перед вами откроется библиотека с готовыми элементами сайта. Например, «Галерея», «Контакты», «Тарифы» и другие. С их помощью вы можете создать макет любого блока и прикинуть, как они будут смотреться на будущем сайте.

Макеты отзывов в сервисе — *В качестве примера предлагаем посмотреть макеты отзывов*

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

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

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

Собственные атрибуты

🔎 Где найти: нажмите на значок шестеренки нужного элемента (например, кнопку) → перейдите во вкладку Дополнительное → Атрибуты.

Эта фишка позволяет пользователям добавлять любой HTML-атрибут к разным элементам сайта, например, разделам, строкам, столбцам, модулям или кнопкам.

HTML-атрибут — теги, с помощью которых вы можете сообщить браузеру, какие элементы будут на странице.

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

Как атрибут отображается в коде — *А так атрибут отображается в коде*

Дизайн

🔎 Где найти: перейдите в настройки нужной секции → Контент.

Расширенные градиенты

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

Теперь вы можете добавить любое количество цветовых точек и настроить красивые переходы от одного цвета к другому. На скрине ниже показываем наиболее удачные сочетания (на наш взгляд).

Маски для фона

Маски — это возможность наложить «трафарет» на фон или другой элемент сайта, чтобы создать красивый, интересный эффект без графического редактора.

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

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

Узор

Чтобы сделать фон на сайте еще интереснее или расставить акценты, мы добавили более 30 паттернов с разными узорами.

Градиент + узор + маска

А теперь самое вкусное. Хотите наложить на градиент интересную текстуру? Или добавить акцента на нужный блок с помощью маски и ярких цветов? Легко!

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

Модули

🔎 Где найти: нажмите на + и добавьте новую секцию → выберите Размер секции → в открывшемся меню модулей кликните на нужный.

SVG-анимация

SVG (Scalable Vector Graphics) — масштабируемая векторная графика. SVG-изображения можно увеличивать и уменьшать сколько угодно, при этом они не потеряют резкости и четкости деталей. Также вы сможете легко изменить форму, цвет и расположение элементов.

Анимация SVG работает по такому же принципу, и, в отличии от GIF, никак не теряет в качестве картинки при масштабировании. Она мало весит, адаптируется под любой интерфейс, быстро загружается и не зависает.

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

Этапы

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

FAQ

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

Идентификатор прогресса

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

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

Дополнительные вкладки

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

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

Текстовый путь

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

И напомним, что вы всегда можете наложить анимацию на текст, чтобы сделать его еще интереснее.

Новые шаблоны

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