Конструктор сайтов WIX

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

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

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

Регистрация на сервисе

Работа с WIX, как и с любым другим онлайн сервисом начинается с регистрации. Для этого переходим на главную страницу и жмем ссылку "Логин/Регистрация" в правом верхнем углу. Появится форма, в которой нужно ввести свой действующий E-Mail и пароль, который Вы хотите использовать для входа в свой личный кабинет на сервисе. Учтите, что первая часть (до символа @) Вашего почтового ящика будет использована в качестве доменного имени сайта, поэтому, возможно, Вам потребуется заранее создать новый ящик с подходящим, на Ваш взгляд, именем.

В качестве альтернативы можно использовать возможность войти при помощи учетной записи на одном из социальных сервисов Facebook или Google+. В этом случае Вам просто нужно будет подтвердить разрешение на подключение к Вашему аккаунту.

Выбор шаблона для сайта

После успешной регистрации нас перенаправит на следующую страницу:

Здесь нам предлагается выбрать тематику будущего сайта, чтобы отфильтровать шаблоны, подходящие именно Вам. Если Вы уже знаете, что за сайт хотите создать, то можете выбирать одну или несколько предложенных рубрик и жать кнопку GO. Если же Вы хотите визуально оценить все доступные стили оформления (а их в WIX очень много), то следует перейти по ссылке "Все шаблоны" под формой выбора. В любом случае мы увидим страницу со списком доступных тем оформления:

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

Я решил создать одностраничный лендинг для нашего основного проекта BestFREE.ru, поэтому далее будем рассматривать все возможности платформы WIX именно на его примере:

Редактор сайта

После нажатия кнопки "Редактировать" начнет загружаться редактор сайта, который в итоге предстанет пред нами примерно в следующем виде:

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

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

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

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

В разделе настроек (нижняя кнопка в левом меню) у нас есть несколько полезных подразделов. И первый из них – "Адрес сайта":

Здесь Вы можете узнать точный адрес своего нового сайта (обычно он имеет вид "имя_почты.wix.com/название_сайта") или же привязать к нему настоящий домен, купленный ранее (доступно только в премиум-аккаунте). Пожалуй, это один из самых досадных моментов бесплатного использования WIX. Мало того, что добавить реальный адрес нельзя, так еще и нет возможности поправить сгенерированный автоматически, который к тому же является вложенным (сайт не будет доступен по адресу "имя_почты.wix.com" напрямую, а только, как вложенный каталог с заданным Вами названием). Вот такая она – плата за бесплатность, но, что поделаешь :)

В бесплатном аккаунте доступных настроек негусто, однако они есть и ими нельзя пренебрегать. Вы можете (и даже, обязаны) изменить параметры СЕО, заполнив заголовки страниц, краткое описание сайта и ключевые слова через запятую. Здесь же имеется ссылка "Дополнительные настройки SEO", перейдя по которой Вы сможете добавить нужные META-теги и 301 редирект (если он нужен, конечно).

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

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

Настройка дизайна

Как уже было сказано выше, WIX предоставляет пользователю довольно большую свободу в плане настройки оформления сайта. За общие параметры визуального отображения странички отвечает вкладка "Дизайн":

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

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

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

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

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

Расширение функционала

Итак, дизайн и текстовое наполнение у нас готовы. Теперь дело осталось за малым – добавить, если нужно, на наш сайт какие-либо дополнительные функции. Сделать это можно, перейдя во вкладку "App Market":

Здесь по категориям рассортированы различные виджеты, которые могут быть встроены в наш сайт. Здесь есть и платные и бесплатные функции, поэтому выбрать есть из чего. Я решил добавить на сайт счетчик посетителей Web-Stat. Настраивать его каким-либо образом не пришлось, просто блок счетчика сразу появился на страничке сайта. Единственное, что я сделал – перенес его из основной колонки в футер. Там он и прижился :)

Полностью бесплатных виджетов и инструментов в WIX довольно много, поэтому для простоты поиска можно ограничить список функций, выбрав в левой колонке фильтр "Бесплатно". Однако, в случае выбора этого фильтра, Вы не увидите инструментов, которые предоставляют бесплатно только часть своего функционала. Поэтому для полноты картины можно пролистать и весь список.

Проверка и публикация сайта

Последний шаг, он только в песне "трудный самый". В WIX все довольно просто :) Когда все размещено и отлажено так, как Вам того хочется, останется сделать только две вещи: проверить работоспособность и внешний вид мобильной версии сайта, а потом опубликовать его.

В моем случае с мобильной версией проблем не обнаружилось (только немного увеличил логотип), поэтому я сразу нажал кнопку "Публикация":

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

Преимущества:

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

Недостатки:

• сложный адрес сайта;
• наличие рекламы на сайте (сворачивающийся блок в хэдэре и в подвале сайта);
• закрытость исходного кода и файла стилей;
• некоторые функции доступны только на платной основе.

Выводы

Итак, на Ваших глазах мы совершенно бесплатно и довольно быстро создали простой одностраничный лендинг-сайт на платформе WIX. Хорош он или плох? Визуально, вполне себе привлекательный :) К тому же, огромный плюс в том, что есть сразу и мобильная версия, что значительно расширяет круг потенциальных посетителей. Плохо то, что адрес у нашего бесплатного сайта тоже "бесплатный". То есть, для проведения на нем различных рекламных кампаний он, увы, практически непригоден.

Однако, если Вашей целью не является ежесекундное "заколачивание копейки" и Вы просто хотите создать личный сайт-визитку или лендинг-пейдж, то WIX будет идеальным выбором, поскольку позволяет реализовать дизайн практически любой степени сложности вообще без знания даже основ веб-программирования!

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

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

P.P.S. Если Вам интересна тема самостоятельного создания сайтов, то Вы можете найти кое-какие полезные материалы по веб-программированию в специальном разделе нашего сайта:http://www.bestfree.ru/a_webdesign.php