Настройка и работа с Wix

Конструктор сайтов Wix — инструмент для создания интернет-площадок, который подходит как опытным пользователям, так и новичкам. Nocode-продукт не требует знания программирования, позволяя собирать сайты из готовых блоков. С 2006 года на платформе зарегистрировалось более 180 млн пользователей из 190 стран.

 

Возможности Wix

Платформа Wix представляет собой набор инструментов для создания сайтов:

• редактор Wix для сборки страниц на базе готовых шаблонов или с помощью блочной компоновки;
• Wix ADI — инструмент для получения готового сайта после «общения» с искусственным интеллектом;
• Velo — инструмент для разработчиков с минимальными объемами программирования;
• целевые решения для бизнеса (интернет-магазины, сервисы бронирования, блоги, музыкальные плейеры, фото-галереи, видео-галереи, события, рестораны);
• инструменты для продвижения сайта (SEO, рассылки, аналитика, работа с соцсетями);
• профессиональные функции для сайта (чат, подключение доменного имени, хостинг, подключенная почта, работа с зарегистрированными посетителями, SSL).

У начинающего пользователя есть два основных варианта создания собственного сайта на Wix: автоматически сгенерировать сайт под свои задачи в Wix ADI или использовать drag-and-drop редактор Wix. Рассмотрим обе этих возможности.

 

Как создать сайт с Wix ADI

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

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

Эту функцию также можно найти по следующей схеме:

• войти в учетную запись под своим логином-паролем;
• нажать «Создать сайт» справа вверху экрана;
• подобрать вид сайта;
• выбрать Wix ADI.

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

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

Оставим тематику «Автор текстов» и продолжим работать с Wix ADI. В следующем окне выберем функции, которые нам помогут продвигать проект. Добавим чат и блог. Далее указываем имя, фамилию или название компании. В нашем случае пусть будет проект Text 100%.

 

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

 

Далее Wix ADI перейдет к оформлению. Начнем с шаблона — выберем вариант «Лофт». Позже шаблон можно изменить, как и другие элементы сайта.

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

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

 

Как создать сайт через редактор Wix

В этот раз выберем вариант создания сайта через редактор Wix. По умолчанию открывается вкладка «Все шаблоны», но слева в списке представлены подкатегории, адаптированные под направленность будущего сайта. Допустим, нам интересная тема «Образование» — кликнем на соответствующею вкладку и в главном окне появятся связанные образцы сайтов. В списке присутствуют как обычные образовательные заведения (школы, детские садики, университеты), так и кулинарные, языковые, автошколы и пр.

Наведя мышкой на один из шаблонов, вы увидите опции:

• «Редактировать» — выбрать в качестве образца для своего нового сайта;
• «Смотреть» — образец сайта откроется в новом окне (если шаблон понравился, вы сможете перейти к его редактированию);
• «Информация» с кратким описанием шаблона и целевой аудитории.

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

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

При необходимости вы можете использовать вертикальную и горизонтальную линейки. Эти инструменты помогут позиционировать элементы сайта. Для вызова или скрытия линеек можно воспользоваться горячими клавишами Shift + R или нажать на кнопку «Инструменты» в верхней панели и выбрать соответствующую опцию.

В верхней панели представлены полезные опции для работы в редакторе:

• Страница: выбор страницы сайта для редактирования;
• Пиктограммы ПК или мобильного устройства позволяют адаптировать сайт под десктопы или смартфоны;
• Стрелки отмены или повтора действий;
• Инструмент уменьшения масштаба;
• Инструменты: кроме линейки этот раздел содержит подпункты «Слои», «Границы сайта», «Выравнивание элементов», «Инструменты»;
• Поиск;
• Сохранить / Предпросмотр / Опубликовать;
• Верхнее меню с опциями «Сайт», «Настройка», «Разработчику», «Нанять специалиста», «Помощь», «Перейти на премиум».

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

 

Финансовые условия Wix

Ресурс работает по бесплатной и платным моделям. Первый вариант имеет ограничения по выбору шаблонов, но безлимит по количеству сайтов на одном аккаунте. Также можно заводить несколько бесплатных учетных записей. На платной основе Wix предлагает четыре тарифа для разработчиков сайтов. Стоимость зависит от функционала, объема данных, времени хранения видео.