Наверх

UMI: cоздание сайта в онлайн конструкторе

Всё очень просто. Перейдите на umi.ru и нажмите большую кнопку Создать сайт сейчас.

Создать сайт не сложно

В поле Введите желаемый адрес сайта какое-то неудобоваримое имя уже есть, но вам, очевидно, надо ввести своё, более благозвучное. Наберите его, убедитесь, что оно не занято (кнопка Проверить домен справа от поля), и либо укажите свой e-mail, либо зарегистрируйтесь через соцсети, но в любом случае потом нажмите кнопку Создать сайт, не забыв убедиться, что флажок Я принимаю пользовательское соглашение установлен.

Регистрация сайта

Конечно, конструктор раздаёт бесплатно только домены третьего уровня, то есть сайт будет иметь адрес вида имя.umi.ru, но это и понятно — домены второго уровня бесплатно не раздают нигде.

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

Завершение регистрации сайта

Щёлкните на ссылке. Вы окажетесь в панели управления сайтом и подтвердите аккаунт — регистрация на этом полностью завершена.

Настройка

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

Настройка сайта

Превью дизайна можно развернуть на весь экран. Для этого наведите на картинку указатель мыши и нажмите кнопку Посмотреть. Для выбора шаблона щёлкните Создать сайт.

Просмотр дизайна сайта

Выберите тип сайта и шаблон, а затем подтвердите решение, нажав Да во всплывающем окне.

Выбор типа сайта и шаблона

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

Выбор режима обучения

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

Покупка домена второго уровня

Для перехода из панели управления на сам сайт либо нажмите кнопку Редактировать сайт на главной странице, либо щёлкните Перейти на сайт в меню слева.

Переход на сайт из панели админа

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

Внешний вид установленного сайта

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

Кнопка редактирования сайта

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

Редактирование контента сайта

Для сохранения изменений и выхода из режима редактирования вновь нажмите клавишу F2.

Однако изменять структуру сайта можно и из раздела панели управления Контент -> Структура и меню. Здесь тоже можно добавить новую или поменять существующие страницы местами.

Изменение структуры сайта

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

Переиндексация поиска

UMI позволяет создать не статические, а вполне себе интерактивные сайты с комментариями и даже кнопками социальных сетей. От спама ресурс можно защитить при помощи CAPTCHA, а из соцсетей поддерживаются Google+, Twitter, Facebook и ВКонтакте (для двух последних нужно зарегистрировать сайт как приложение, чтобы получить идентификаторы, без которых функционал не включится).

Управление кнопками соцсетей

Ещё один обязательный для любого сайта элемент — форма обратной связи. Создаётся она на странице Контент -> Шаблоны обратной связи. Сначала следует ввести имя шаблона, а затем добавить в него поля формы, выбрав для каждого свой тип.

Шаблон обратной связи

Если дизайн сайта вам порядком надоел или просто пришло время ребрендинга — вы всегда можете выбрать другую тему на странице Дизайн -> Смена дизайна.

Изменение дизайна сайта

При понимании CSS-кода можно вмешаться и в существующий шаблон, добавив стиль в поле страницы Управление CSS и нажав кнопку Сохранить (доступно только в платных тарифах)

Сменить иконку сайта (favicon.ico — миниатюрная картинка, отображающаяся в названии вкладки браузера рядом с заголовком ресурса) позволяет страница Дизайн -> Иконка сайта. Обратите внимание: загружаемое изображение должно иметь размер 16x16.

Изменение иконки сайта

Для смены указанной при регистрации почты и пароля предназначен пункт Настройки -> Личные настройки. В нём же можно указать свои фамилию и имя, а также привязать к учётной записи мобильный телефон.

Личные настройки

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

Резервное копирование

Самое бесценное — техподдержка — если что-то непонятно, задавайте вопрос, и знающие люди прояснят ситуацию.

Техподдержка

Тарифы

Какой бы сайт вы ни конструировали (интернет-магазин, сайт компании, специалиста или посадочную страницу), вам доступен бесплатный тариф, который отличается сильно уменьшенным дисковым пространством (100 МБ против 4-10 ГБ в зависимости от типа ресурса), а также отсутствием всяческих дополнительных преимуществ вроде CSS-редактора, своего домена и электронной почты к нему, подключения платёжных систем и т. д.

Что касается платных предложений, то самое выгодное — заплатить один раз и пользоваться услугами сервиса всё оставшееся время. Досконально о том, что же предлагает и чего не предлагает UMI, можно здесь.

Итог

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

You must have Javascript enabled to use this form.