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


Всем привет дамы и господа! Это снова Макс Метелев и сегодняшний урок я посвящаю теме – wix как создать сайт бесплатно на данном конструкторе. Если ваш бюджет очень сильно ограничен, то на wix.com вы можете без проблем создать сайт, который по качеству не будет отличим от студийных веб работ.

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

Вступление

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

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

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

Cоздаем сайт на платформе Wix

Почему Wix?


Прежде, чем мы начнем, давайте рассмотрим несколько причин, почему стоит выбрать именно этот конструктор:

  1. Более 280 включенных шаблонов для Вас. Викс обладает большим количеством хорошо сделанных дизайнерских макетов, которые доступны для вас. Вы можете выбрать их из рубрикатора, исходя из тематики вашего будущего проекта. Даже если вы не дизайнер, то сможете сделать поистине привлекательный сайт.
  2. Интерфейс drag&drop. Вам не нужно обладать знаниями в программировании. Берете элементы и перетаскиваете их, строя по кирпичикам свой сайт.
  3. Качественная служба поддержки. Что можете быть проще, чем получить качественный ответ на технический вопрос в любое время суток. Каждый элемент имеет имеет свою кнопку поддержки, так что вам не придется самостоятельно искать в базе нужный топик с вопросом.
  4. Веб хостинг не требуется. Wix уже поставляется с надежным хостингом, так что вам не придется отдельно его покупать. Кстати, рекомендую ознакомиться со статьей – 7 причин, по которым вам следует сменить хостинг.
  5. Основной сайт бесплатно! Вам не нужно тратить деньги, чтобы попробовать Wix. Хотя мы настоятельно рекомендуем Вам использовать ваш собственный домен в названии, так как это выглядит более профессионально (позже мы скажем почему).

Что вам понадобится для начала

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


  • Кредитная карта или электронные средства (Webmoney и другие системы) для платных услуг;
  • Любой веб браузер на ваш выбор (предпочтительнее Google Chromeили Mozilla FireFox).
  • Материалы для заполнения сайта – текст и медиафайлы (изображения, графики, таблицы, видео и прочее)
  • Немного терпения, пока вы знакомитесь с основами.

Создаем бесплатно сайт на Wix

  1. Посетите веб сайт нажав на [urlspan]эту[/urlspan] ссылку, главная страница сервиса откроется в новом окне или вкладке, так чтобы вам удобно было изучать материал урока.
  2. Кликните на большую желтую кнопку Start Your Website

Начать создание сайта на Wix

  1. Заполните основные поля для регистрации, как показано в окошке ниже. Вы можете зарегистрировать указав аккаунты в Google или Facebook.

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

  1. Затем вы попадете в окно выбора категорий, где вы можете выбрать тип будущего сайта. Это существенно снизит выборку шаблонов, если вы хотите увидеть больше тем, то нажимайте на ссылку «alltemplates».

Выбор категории будущего сайта

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

Для наших целей мы берем категорию «Бизнес и услуги» (Business and Services) и «Дом и Сад» (Home And Gardern), прежде чем нажать на большую кнопку Go (Далее).

  1. Дальше мы переходим на другую страницу, где сможем выбрать нужный макет. К моменту написания статьи, секция «Дом и Сад» охватывала 6 страниц. Для нашей практики мы выберем адаптивный (мобильно оптимизированный) вариант шаблона Landscape Gardener и затем нажмем на кнопку «Редактировать» Edit, чтобы приступить к настройке.

Шаблон из категории Дом и Сад

Настройка вашего Wix сайта


При нажатии на кнопку Редактирования Edit, вы увидите короткое обучающее видео, в котором освещены базовые понятия нашего конструктора. Будет здорово, если вы его просмотрите.

 

Видео инструкция по работе с системой

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

  • Нажмите на значок «Дизайн» в левом верхнем углу экрана. Там вы сможете установить фон сайта, цветовые схемы и шрифты.
  • Просто сделав несколько настроек для фона, цветов и шрифтов, мы существенно можем изменить внешний вид сайта. Просто посмотрите пример до и после:

ДО

Дизайн До

ПОСЛЕ

Дизайн сайта после настроек внешнего вида

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

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

Нажав на изображение мы вызовем диалоговое меню, показанное ниже. Оттуда мы выберем «Organize Image» (Упорядочить Картинки)

Работа с изображениями

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

Организация изображений в галерее

Ради нашего примера, мы удалили лейку и вставили картинку сада в самый верх списка. Мы также добавили  тыкву.

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

Вставка слайда вместо прежней картинки

Изменение страниц


Теперь настало время для редактирования самих страниц – вы можете добавлять свои или удалять из имеющегося списка.

Для этого нажимаем на меню «Страницы» в правом верхнем углу. Вот, что увидите ниже:

Меню со страницами

Порядок страниц можно легко менять просто перетаскивая их. Также там есть кнопка «Добавить страницу» (Add Page), располагающаяся ниже для добавления подстраниц по мере необходимости.

На скриншоте, мы удалили страницу Галерея, добавили – Прайс Лист и выполнили их сортировку. То, как вы сделаете, зависит исключительно от Вас.

Добавление новых страниц

Если у вас уже есть структура страниц, которая вам нравится, вы можете нажать на них и открыть в редакторе Wix и изменить содержание, на ваш вкус.

Меняем содержание страницы

Добавление новых элементов

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


Добавление новых элементов

Теперь придадим социальную функциональность нашему демо-сайту. Добавим социальные кнопки Facebook Like (В подменю «Social») и Skype кнопку (в разделе Apps).

В обоих случаях процедура одинаковая. Кликните на опцию и перенесите их в ту часть странице, где вы хотите эти кнопки видеть. Они будут выстроены в линию с другими элементами на странице.

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

Настройка кнопки фейсбук

На скриншоте ниже, вы можете увидеть наши добавленные функции:

кнопки фейсбук и скайп на нашем готовом сайте

Предпросмотр демо сайта

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

Чтобы сделать это просто нажмите на кнопку «Preview»в правом верхнем углу редактора Wix. Ниже скрин:

Предпросмотр изменений

Кликните на «Back to Editor» (Вернуться в редактор), чтобы внести дополнительные изменения.


Публикация вашего сайта

Сейчас вы уже достаточно знакомы с конструктором сайтов Wix, чтобы редактировать содержимое и управлять дизайном блоков. Ну а самое время разместить ваш готовый проект в интернете. Нажимаете кнопку «Опубликовать» («Publish»). Вы увидите следующее окно:

Сохранение вашего сайта в конструкторе

Все что вам нужно сейчас это придумать красивое и запоминающееся доменное имя для сайта. В нашем опыте название проекту дали соответствующее (gardening) и нажали на кнопку «Сохранить» (Save Now).

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

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

Как только вы разместили сайт, вы заметите следующее окно, которое даст вам шанс зарегистрировать самостоятельное имя для сайта.


Сайт успешно размещен

Нажимаете на кнопку Upgrade Now (Обновить сейчас) и после этого вам станут доступны тарифные планы. Рекомендуем выбрать или Combo или Unlimited (Безлимитный), или начальный Connect Domain (Подключить домен), который позволяет выбрать вам свободное доменное имя, но по-прежнему откручивать рекламу сервиса Wix.

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

Тарифные планы

Последующие шаги

Можно вас поздравить! Теперь у вас есть собственный сайт и домен. Сейчас вы можете начать рекламировать проект в сети, чтобы привлекать новых клиентов и посетителей. Выбрав мобильную версию, вы заметите, что сайт прекрасно адаптируется под все разрешения экранов на телефонах и планшетах.

Есть несколько вещей, которые мы рекомендуем вам сделать:

  • Постоянно развивайте свой сайт.

Успешные сайты никогда не останавливаются и постоянно добавляют свежий контент – изображения, графику, видео, статьи и так далее. Таким образом, вы будете держаться в ТОПе.

  • Экспериментируйте в дизайне

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

  • Настройка электронной почты

После получения рабочего сайта, самое время подключить почту, которая использует фреймворк Google Apps. Чтобы подключить ящик переходите в «Мой аккаунт» (My Account) – Mailboxes (ящики). Вам понадобится план, который включает в себя свой собственный домен.

  • Подумайте о SEO

Убедитесь, что вы настроили параметры SEO для вашего сайта. Вы найдете их в редакторе WIX, как показано на скриншоте ниже. Это три мета поля – title, description (описание) и ключевые слова (keywords).

SEO настройки

Заключительное слово

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

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

smarticle.ru

Коротко о WIX

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

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

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

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

Смотрите видео с официального сайта Викс:

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

Статья: основные этапы создания сайта в интернете

Достоинства конструктора

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

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

abdullinru.ru

«WIX.COM» – все начинается с красивого сайта

PHP, Домен, Хостинг, html, CMS, MySQL – если эти термины вам не знакомы, но все-таки вы хотите создать красивый, удобный и функциональный ресурс, то конструктор сайтов wix.com поможет вам в этом деле.

wix.com - все начинается с красивого сайта

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

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

Конструктор сайтов Wix – первое знакомство

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

Но для начала нам необходимо подобрать шаблон для вашего портала. Шаблон – это не только дизайн, расположение элементов, это и полноценный внешний вид вашего. Что вам необходимо? Блог, интернет-магазин, портфолио или корпоративный портал – в данном конструкторе есть любой тип шаблона.

Конструктор сайтов викс - первое знакомство

К слову, все шаблоны разбиты на категории, вот лишь несколько примеров:

  • бизнес;
  • отели;
  • музыка;
  • фото;
  • магазин;
  • мода и т.п.

Выбираем шаблон, проводим необходимые изменения и публикуем свое творение в интернете – все просто и доступно.

В отличии от конструктора Setup.ru (про который я рассказал более подробно в другой статье) в котором при заполнении трех страниц предоставляют бесплатный домен второго уровня в этом сервисе мы к сожалению получаем бесплатный домен 3-го уровня, который выглядит примерно так: «site.wix.com». Да, не очень красиво, но и это мы можем исправить. Впрочем, об этом поговорим позднее

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

Редактор в Wix

Итак, переходим к редактору, какие возможности он предоставляет:

Визуальное редактирование. Если бы вы работали с CMS или с html, вам необходимо было бы менять код, чтобы отредактировать логотип или блок с данными. В конструкторе Wix вам достаточно кликнуть на элемент, и вы сможете перемещать его, добавлять текст, встраивать изображения или видео и т.п.

Визуальное редактирование

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

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

Добавление материала

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

Виджеты. У вашего проекта есть группа в социальной сети? Вы хотите добавить html-код? А может вам нужна форма Яндекс-денег для оплат? Без проблем – конструктор викс справится с этим моментально. На сайт можно установить более 100 бесплатных приложений: от социальных сетей до защиты от копирования и кнопки «вверх».

Виджеты wix.com

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

Дизайн элементов. Мы рассмотрели дизайн в целом, но бесплатный конструктор сайтов wix пригоден и для кастомизации элементов. Что это значит? Это значит, что любой элемент можно отредактировать: поменять цвет, размер, фон, текст. Таким образом, изменение дизайна происходит во всех объектах.

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

Конструктор сайтов Wix и настройка параметров

Красота красотой, но без настроек никуда. Wix, как конструктор сайтов, предлагает гибкую и удобную настройку параметров вашего ресурса.

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

Настройка параметров

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

Отдельно стоит разобрать пункт с SEO. Первоначальные настройки не представляют собой ничего интересного, все те же пункты, что мы разобрали ранее. Однако, тут есть две интересные настройки: 1 – редирект, где вы можете перенаправить трафик со старого портала на текущий, 2 – это мастер SEO, который поможет новичку разобраться в продвижении сайта, ведь тут есть подсказки. Вы вводите определенное словосочетание и по нему можете просмотреть отчет:

  • заголовок;
  • описание;
  • название изображений;
  • объем текста и другое.

Оптимизация сайта на бесплатном конструкторе wix.com

Еще здесь есть и прикладные настройки:

  1. Сведения о бизнесе. Тут следует указать направление вашей деятельности, физический адрес, номер телефона, электронную почту и логотип, а также ввести официальное название.
  2. Веб-аналитика. Слежение за своей аудиторией – неотъемлемая часть ведения сайта, вы можете подключить аналитику от Google либо установить счетчик яндекс метрики и следить за посещаемостью, а также корректировать действия в случае спада трафика.
  3. Соавторы. Если вы владеете проектом совместно с кем-то, то вы можете указать соавторство, это значит, что ваш сотрудник или напарник сможет вносить определенные изменения в ваш ресурс.

Премиум аккаунт vs Обычный профиль

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

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

Тарифы wix.com

Разумеется, можно пользоваться и бесплатной версией, но это ограничивает ваши действия. Только посмотрите, что предлагается в расширенной системе:

  • Подключение домена. Любое название для вашего ресурса можно вписать в адресную строку браузера (разумеется, из свободных). Вам не нужно самим проводить настройку DNS-адреса, связывать домен с хостингом – все это сделают за вас.
  • Хранение данных (от 2 до 20 гигабайт). В вашем обычном профиле доступно только 500 мегабайт, что достаточно немного, если учесть, что общий размер изображения – 1 мегабайт, какой-нибудь песни – 5 мегабайт, а размер среднего видео – от 50-100 и выше.
  • Удаление рекламы Wix. Сейчас все конструкторы идут со встроенной рекламной, и конструктор сайтов Wix – не исключение. Если вы не хотите распугать посетителей и улучшить SEO-показатели вашего портала, то удаление рекламы – это необходимость.
  • Фавикон и промокод на Яндекс.Директ. Установить иконку для портала, которая будет отображаться у каждого посетителя в браузере – это не важное, но все-таки значимое действие. А что до промокода – это поможет вам встать на ноги, получить первые заказы, получить места в рекламе крупнейшего поисковика Рунета.

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

Если Вам понравилась эта статья, то подписывайтесь на новые и воспользуетесь пожалуйста кнопочками:

pomkomp.ru

Преимущества и недостатки конструктора сайта: отзывы о Wix

Первое, что необходимо понять, это что такое по своей сути конструктор сайтов. Если следовать общепризнанной терминологии, то это система, которая позволяет создавать сайты без знания языков программирования. К конструкторам можно причислить и WordPress. Однако среди конструкторов различают CMS (Content Management System) и Saas-системы (Software as a service). Отличие состоит в том, что Saas предоставляет услуги пакетом: вместе с созданным по готовым шаблонам сайтом вы получаете хостинг и техническую поддержку своего ресурса. Однако, при этом у вас нет возможности вносить изменения в код и менять шаблон изнутри, как это можно делать в CMS. Т.е. по сравнению с CMS, Saas-системы дают меньше пространства для самостоятельной деятельности. Для кого-то это может быть недостатком, но для тех, у кого нет времени на создание индивидуально разработанного сайта – конструктор по системе Saas – хорошее решение.

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

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

Wix отлично подходит для быстрого создания красивой Landing Page.

Вот пример посадочной страницы от Wix:Landing Page на Wix

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

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

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

Возможности платформы по созданию сайтов Wix

Конструктор Wix предоставляет следующие возможности своим пользователям:

  • Понятный интуитивный интерфейс;
  • Адаптивность под мобильные устройства;
  • Бесплатный хостинг;
  • Выбор доменного имени;
  • App Market – магазин приложений;
  • Доступ к фотобанку;
  • Видео в качестве фона;
  • 3-D эффекты;
  • Постоянная тех. поддержка;
  • Обновление шаблонов, функционала и многое другое.

App Market позволяет выбирать и устанавливать на сайт множество полезных виджетов: кнопки соц. сетей, чаты, кнопки оплат, комментарии, обратный звонок, Яндекс.Карты, календари и т.д.Конструктор Wix

Кроме того, Wix дает возможность встроить html-код для расширения функций сайта. Вы можете загружать аудио и видео файлы с возможностью их продажи.

Есть в конструкторе Wix и функции необходимые для создания интернет-магазина, инструменты для управления финансами.

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

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

Как создать сайт с помощью Wix?

Чтобы приступить к созданию сайта необходимо зарегистрироваться в системе Wix. Форма очень простая.Регистрация в Wix

Далее вам нужно выбрать направленность вашего сайта. Выберем для примера «Блог».Блог на Wix.com

Теперь мы можем выбрать любой бесплатный шаблон WIX.Шаблоны Wix

Наведя курсор мышки на подходящий шаблон вы увидите следующую информацию: «Цена» -«Редактировать» — «Смотреть», а также «О Шаблоне».Редактировать сайт на Wix

Чтобы ознакомиться с шаблоном переходим по ссылке «Смотреть шаблон» и просматриваем его внешний вид и основные функции. Также можем ознакомиться с краткой информацией о нем, кликнув на ссылку «О шаблоне».

Если нас все устроило, кликаем по кнопке «Редактировать», чтобы перейти в редактор Wix. Теперь переходя от блока к блоку, мы можем менять все компоненты блога, по своему вкусу. Кликаем на заголовок сайта и меняем надпись. Мы можем поменять ее размер, шрифт, способ выделения, добавить эффекты.

Вот, что у нас получилось: Редактировать сайт Wix

Далее мы можем перейти непосредственно к редактированию постов. Для этого нужно кликнуть на один из них и нажать «Редактировать посты».создание сайта бесплатно на wix

Редактор удобный и интуитивно понятный. Тут нет ничего лишнего. Редактировать сайт на Wix очень просто.Редактировать сайт на Wix

Там же в редакторе вы можете добавлять новые посты, прикреплять к ним фото, видео, добавлять элементы верстки html. Изображения вы можете загружать свои, либо из библиотеки Wix, а также и соц.сетей (из своих страничек в Facebook, Инстаграмм, Picassa, Google Диск, Flickr, Dropbox) и фотостока BigStock (платно).

Теперь перейдем к настройкам виджетов. К примеру, у нас есть строка подписка на новости сайта. Чтобы ее настроить, кликаем на нее и выбираем «Настройки».создать сайт с помощью wix

В настройках указываем e-mail, куда нам будут приходить данные о подписке, а также текст подсказки, который указан в строке (сейчас он на английском – «Never miss a post…»), текст кнопки («Go!») и остальные необходимые данные.Настройки виджетов Wix настройки Wix

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

Теперь разберемся с панелью инструментов. У нас есть шесть кнопок слева, панель инструментов справа и меню сайта сверху:  Верхнее меню Wix Настройки блога на Wix панель инструментов Wix        

Начнем с шести кнопок слева:

  • Фон
  • Добавить
  • App Market
  • Мои загрузки
  • Блог
  • Создайте интернет-магазин

Фон – позволяет добавлять и менять фон страниц, как главной, так и страниц с постами.

Добавить – с помощью этой кнопки можно добавлять дополнительные элементы на сайт. К примеру, кнопки соц. сетей.Кнопки соц сетей в Wix

App Market – магазин приложений. Вы можете выбирать дополнительные виджеты, которые не нашли перейдя по кнопке «Добавить».

Мои загрузки – загружайте свои фото, видео, музыку и шрифты!Шрифты в Wix

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

И последняя кнопка «Мой магазин» позволяет на любой странице сайта создать свой интернет-магазин с перечнем товаров.

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

Верхнее меню, пожалуй, самое развернутое. Разберем сначала его правую часть.сайт на платформе wix

Лупа – уменьшает масштаб страницы для наглядности. Стрелками вперед-назад можно быстро отменить или вернуть выполненное действие. Иконка с телефоном – переход к мобильной версии и обратно. Напомню, что все шаблоны сайтов на Wix адаптивные. Кнопка с дискетой – одним щелчком сохраняет внесенные на сайте изменения. Предпосмотр – возможность посмотреть на проделанную работу перед сохранением. При нажатии кнопки «Опубликовать» — публикуем свой сайт в сети. Однако, если у вас бесплатный набор функций, то доменное имя вашего сайта будет длинным, следующего вида: https://название вашей почты.wixsite.com/mysite-1.

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

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

Крайняя кнопка «Страницы» позволяет увидеть полную структуру сайта – все его страницы. Возле каждой страницы есть раскрывающееся меню с ее настройками.

В разделе меню «Сайт» есть множество пунктов, которые уже встречались в других разделах панели управления: Сохранить – Предпросмотр – Получить отзывы – Опубликовать – Опубликованный сайт – Подключить домен – Подключить премиум – Мобильная версиянастройки Wix

Новые пункты здесь:

  1. Усиление резкости – улучшает четкость фотографий на сайте
  2. Панель управление – управление расширенными функциями сайта, такими как Seo-мастер, выставление счетов и прием оплаты, авторассылка, соавторство и другие дополнительные возможности
  3. Управление сайтом – включает все основные настройки сайта, в том числе и возможность подключения Веб-аналитикиУправление сайтом Wix
  4. История сайта – позволяет вернуться к любой ранее сохраненной версии вашего блога
  5. Выйти из редактора

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

В разделе «Помощь» вы можете найти множество информации по работе со своим сайтом и системой Wix.

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

Отдельно хочу остановиться на SEO-оптимизации сайта на Wix. Здесь есть возможность добавлять для каждой страницы сайта мета-теги (title, description, keywords), чпу.

Для этого в верхней панели выбираем крайний правый пункт «Страницы», возле выбранной страницы жмем кнопку с тремя точками и выбираем «SEO страницы».продвижение сайта на wix

Также в редакторе картинок можно добавлять alt-текст изображений. Все эти функции, позволяют осуществлять продвижение сайта на Wix.

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

Важным фактором продвижения будет и внятное доменное имя. Для его подключения разберемся подробнее с тарифными планами Wix.

pro-wordpress.ru

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

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

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

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

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

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

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

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

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

Выбор тематики сайта

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

Выбор дизайна сайта

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

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

Предпросмотр сайта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вкладка настройки дизайна

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

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

Меню текстового блока

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

Настройки хэдэра

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

Внешний вид готового сайта

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

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

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

Приложения WIX

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

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

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

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

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

Публикация сайта в Интернете

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

Плюсы WIXПреимущества:

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

Минусы WIXНедостатки:

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

www.bestfree.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

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