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

11.11.2015

Как легко и быстро сделать свой сайт - конструктор 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 вы можете легко и быстро создать красивый сайт, не обладая при этом никакими специальными знаниями о веб-дизайне.  

© 1998–2019 Alex Exler
11.11.2015

Комментарии 19

Как создавать заглавия страницы в ее хедере, чтобы оно не распространялось на хедеры других страниц сайта в WIX ?

Здравствуйте Алекс и товарищи по этому форуму.
Я новичек в Виксе. И, поэтому, совершаю ошибки, типичные (наверное), для многих новичков. Поэтому, мой случай нужно рассмотреть и осветить, как типичный, для новичков. Я начал делать сайт в такой последовательности:
1. Создать все страницы, с названиями в меню сайта, слева.
2. Написать заглавия страниц, в хедерах каждой из них, для всех страниц.
3.Затем внести тест и рисунки в каждую из страниц.
С первым пунктом не было проблем. До третьего, я, еще не дошел. А, со вторым, мучаюсь до сих пор:
Пишу текст заглавия страницы в ее хедере . Потом обнаруживаю, что этот текст распространился на многие другие страницы в их хедерах. Ладно еще, было бы, если бы распространились, только, на нижние страницы. Идя вниз, по страницам, я бы, просто, заменил их на новые заглавия. К сожалению, заглавия, которые я пишу в хедере, распространяются, также, и на хедеры предыдущих страниц, где я уже ввел правильные заглавия. И, сводят на нет, предыдущую, проделанную мною работу.
Что может приводить к такому, плачевному результату? Что делать?
Михаил.
25.07.18 10:05
0 0

Это решение для очень быстого старта и финиша.
26.12.15 19:29
0 0

Я делаю сайты в конструкторе Лего.
16.12.15 09:55
0 0

А может кто-нибудь посоветовать бесплатный конструктор сайтов, которые можно унести с собой?
19.11.15 21:41
0 0

Сторонний шаблон там прикрутить невозможно...

Пробовал я сделать в этом редакторе более-менее симпатичный сайт. Редактор грузится безумно долго, добавить какой-то функционал - большинство из отдельных плагинов для подключения которых нужно регистрироваться в отдельных аккаунтах, чтобы исправить хоть что-то в этих плагинах, опять вхоить в аккаунт этого плагина... В общем жутко неповоротливый комбайн, но для тех кто ничего не понимает в сайтостостроении и верстке - самое оно.
12.11.15 23:59
0 0

В каком-то обзоре в списке недостатков Wix: невозможность сменить один шаблон на другой после заполнения сайта контентом без его потери. Это так или они уже исправили? И нельзя редактировать CSS и HTML-код. Там наверное и купленный сторонний шаблон тяжело прикрутить.
12.11.15 18:30
0 0

exler9.wix.com/bublik Бублик это Экслер №9? А говорили, что Экслеров всего 5…
12.11.15 10:35
0 0

Они уже починили "проблему первого бита"? 😉 Если не в курсе, то вот: ru.wix.com
Куча людей купила их premium-сервис, а потом оказалось, что сайт грузится десятки секунд. Техподдержка всех кормила "проблемой первого бита", название которой, очевидно, сами и выдумали.
Но сам конструктор хорош, конечно.
11.11.15 23:58
0 0

А еще точнее найти бабок на написание собственной CMS, потому как ни она из мне известніх всем функционалом не обладает...

Можно взять какой-то движок магазина, OpenCart например, и допиливать...
11.11.15 23:32
0 0

Хорошее решение тут одно - найти бабок на нормальную цмс, прогера и дизайнера.
11.11.15 21:32
0 0

а посоветуйте хорошие решения для моего случая:

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

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

музыку хочу хранить на мэйлрушном облаке, там есть ограничения на количество скачиваний/определенное время? иначе нужен хостинг. еще музыка будет всем скопом раздаваться по торрентам. лицензия cc-by-nc-sa

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

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

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

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

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

-

я думал создать тему на клубе433, но как-то и не нашел подходящий сабфорум.
11.11.15 18:18
0 0

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

А вот фича что платишь немного денег и рекламу таки всё равно показывают - нафига? Ucoz тоже также сделал, редиска.


11.11.15 12:36
0 0

Американские технические подкасты постоянно рекламируют Squarespace.
11.11.15 12:03
0 0

Seneschal: Американские технические подкасты постоянно рекламируют Squarespace.


Я б все сказал нердовые утьюберы его рекламируют)
И вместе с тем Nature Box, Loot Crate, ну и разные Fantasy Football.
11.11.15 12:13
0 0

Я правильно понял, что если решишь соскочить с их "плана", то дизайн сайта надо будет рисовать заново? т.е. будет дизайн "в аренду".

Тогда как по мне, разница не настолько велика с сайтом на чужой платформе.
11.11.15 11:46
0 0

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

2. Конструкторы используют свой, какой еще хостинг?
11.11.15 11:36
0 0

А Wordpress лучше или хуже?

А хостинг где и за сколько? (возможно, не все прочитал).


11.11.15 11:32
0 0

Я согласен:
А Wordpress лучше или хуже?

А хостинг где и за сколько? (возможно, не все прочитал).




И лучше и хуже. В умелых руках лучше, в неумелых хуже.