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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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