Как легко и быстро сделать свой сайт - конструктор Wix

Как легко и быстро сделать свой сайт - конструктор Wix

Сделать свой сайт может понадобиться для самых разнообразных целей. 

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

Да и если вы хотите всерьез заниматься своим блогом и в дальнейшем на нем зарабатывать, тут самый разумный вариант - делать свой собственный блог (страницу), а не пользоваться всякими Livejournal или Facebook, где на вашей странице будут зарабатывать владельцы сервиса, а вам от этого практически ничего доставаться не будет.

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

Пример сайта небольшого бизнеса

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

Многие люди, когда понимают, что им нужен сайт вот уже позарез "прямо ща", приходят в легкий ужас. Потому что сайт - это же так сложно! Это же самому не сделать никогда: сначала надо пять лет изучать HTML, потом еще пять лет - Photoshop, а потом еще несколько лет практиковаться... Ну или же придется обращаться в какую-нибудь дизайнерскую студию, которая возьмет дикие тыщи, и все равно сделают так, как хотят они, а не как хочу я, заказчик.

Да, когда-то давно так и было. Когда-то давно, чтобы сделать сайт, надо было много чего изучить, если хотелось делать своими руками, ну или приходилось заказывать у какой-то студии (дизайнера), и это было очень недешево (нередко - сильно дорого), а к желаемому результату приводило далеко не всегда.

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

Обычная кошмарная домашняя страничка

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

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

Главная страница Wix

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

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

Для начала несколько примеров сайтов, созданных на Wix (это именно реальные сайты, а не шаблоны). 

www.waf-waf.com  - дизайнерские значки

www.ura-altai.ru  - туры на Алтай

www.din-2design.com  - графический дизайнер

www.fitnessmix-shop.com - микстейпы для фитнес-клубов

А теперь - поехали. Создаем свой сайт на Wix.

Адрес сервиса - ru.wix.com. Там красуется большая кнопка "Создать свой сайт".

Первоначально надо или зарегистрировать свой аккаунт, или подключиться через учетную запись Facebook или Google+.

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

Что мы с вами будем создавать? Ну давайте начнем с создания личной странички, в которой будет блог. Планы у нас амбициозные - завоевать весь мир, поэтому сразу настраиваемся на свой собственный отдельный сайт.

Однако чтобы увидеть все многообразие шаблонов, нажмем на ссылку "все шаблоны". (В дальнейшем все уменьшенные скриншоты - кликабельны.)

Вариантов шаблонов - великое множество, причем они выполнены очень профессионально.  

Есть шаблоны, жестко заточенные под какую-то конкретную задачу, - например, шаблоны сайтов музыкальных исполнителей. 

А есть шаблоны более свободного формата - например, шаблоны блогов или новостных изданий. 

Вот шаблон блога о детишках. 

У всех шаблонов обязательно есть мобильная версия, которая будет запускаться при заходе на ваш сайт со смартфонов. 

Есть и так называемые "пустые" шаблоны: просто разметка странички, которую вы уже будете наполнять самостоятельно. Вот, например, пустой шаблон странички-визитки. 

Давайте для примера выберем шаблон "Блог предпринимателя" - мне он по стилю оформления понравился. По исполнению это классический standalone blog - отдельный персональный блог, не связанный с какими-то блог-хостингами вроде Livejournal.

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

Выбрали шаблон - приступаем к его редактированию, для чего там существует соответствующая кнопка. Перед нами появляется редактор шаблона. 

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

У каждой страницы могут быть свои подстраницы. Также там есть меню с настройками.  

Для страницы вы можете задавать макет (разметку) и, что интересно, ограничивать виды доступа. 

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

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

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

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

Там вы можете загрузить свои изображения (и разложить их по папкам для удобства), взять какие-то изображения из ваших альбомов в соцсетях, загрузить изображения из большого бесплатного каталога Wix или купить изображения со скидкой на Bigstock. 

Третий раздел Wix App Market. Он содержит специальные приложения (платные и бесплатные), с помощью которых вы можете значительно расширять функциональность своей страницы. Тут есть счетчики, формы, галереи, элементы для интернет-магазина, маркетинга, для взаимодействия с соцсетями и так далее и тому подобное. 

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

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

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

У любого элемента также доступно контекстное меню, вызываемое щелчком по правой кнопке мыши. 

Я с его помощью установил фотографию в качестве фона шапки сайта. 

Также эту фотографию можно сделать фоном всей страницы. 

Если вы хотите на своей страничке поставить ссылки на ваши аккаунты в социальных сетях - нет никаких проблем. 

И вы можете добавить любые нужные вам соцсети из большого списка. 

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

Удаляем демонстрационные посты, создаем новый. 

В текст можно добавлять фото, галереи фото и видео. 

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

Для добавления новой записи нужно просто щелкнуть по кнопке "Добавить пост". 

Новую запись можно сохранить в черновиках без опубликования, опубликовать немедленно и опубликовать по расписанию - в указанное время в указанную дату.

После того как все будет готово, остается только щелкнуть по кнопке "Опубликовать" - и ваша страница будет опубликована в Интернете. 

По умолчанию адрес выглядит следующим образом: ваш_аккаунт.wix.com/название_проекта. Мой сайт выложен по адресу exler9.wix.com/bublik.

Новый сайт кота Бублика

Мобильная версия создается автоматически из обычной версии, но для мобильной версии также есть свой редактор, и вы там можете вносить самые разнообразные изменения. 

Вот так мобильная версия выглядит в моем смартфоне. 

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

Плюс бесплатные аккаунты имеют ограничение на используемое дисковое пространство и задействованные ресурсы сервера. 

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

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

Но в этом случае вам просто нужно будет перейти на соответствующий платный тариф. За 123 рубля в месяц вы сможете подключить для страницы свой собственный домен (какой-нибудь www.bublik.ru), но это не отключит рекламу.  

Тариф Combo (249 рублей в месяц) дает домен, отключает рекламу, предоставляет 3 Гб пространства, пропускную способность канала в 2 Гб плюс еще несколько "вкусняшек". 

Самый популярный тариф Unlimited (375 рублей в месяц) дает нелимитированный доступ (это очень важно для посещаемых проектов) и предоставляет 10 Гб пространства для данных. 

Ну и специальный тариф eCommerce (488 рублей в месяц) предоставляет механизм корзины покупок (для интернет-магазинов), 20 Гб под данные, но пропускную способность ограничивает до 10 Гб. 

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