СОЗДАТЬ САЙТ ЗА 10 МИНУТ
За последние несколько лет технологии стремительно шагнули вперед, а с ними и малый бизнес. Вы имеете свой магазин, бьюти-мастер или может быть просто хотите пополнить свое портфолио? После нашей статьи, вы точно создадите свой идеальный сайт даже с нуля!
Создать действительно хороший сайт – настоящая проблема. Важно понимать, что из себя будет представлять ваш будущий интернет-ресурс. Например, это может быть визитка вас как специалиста или портфолио. Помните, что сайт – это не только яркий и интересный дизайн (хотя это, безусловно, очень важно). Гораздо больше ценится его наполнение
И первое с чего стоит начать – это получить хостинг. Говоря простым языком, это место хранения вашего сайта. Компании, которые занимаются его предоставлением, называются хостинг-провайдерами. Это позволит посетителям вашего сайта получить к нему хороший и круглосуточный доступ. Обойтись без него точно нельзя, тогда сайт просто не будет работать. Сайт оказывается на серверах компании-хостинга, та обслуживает оборудование, и ресурс остается работоспособным. За это клиент отдает хостингу арендную плату.
Второй этап – регистрация домена. Домен – это имя вашего сайта, с его помощью пользователь сможет найти ресурс в сети. Поэтому к его выбору нужно подходить очень осознанно. Смена доменного имени возможна, но сделать это гораздо сложнее.
Кроме того, если вы вдруг все-таки решите впоследствии поменять имя сайта, то это сильно скажется на его посещаемости, часть вашей аудитории может потерять ваш сайт, так как он не будет доступен по прежнему адресу.
Ну а сейчас перейдем непосредственно к созданию сайта. Сразу скажем, что вам необязательно нужно учить все языки программирования. Сейчас существует множество более простых способов создания сайта. Сегодня расскажем о двух из них - собрать его на конструкторе сайтов или запустить через CMS-систему. И начнем, пожалуй, со второго.
Однако, сначала разберемся что же такое CMS. Это своеобразный движок для интернет-ресурсов, с помощью которого можно их настраивать
К примеру, WordPress — одна из самых востребованных CMS-платформ. В ней есть много готовых шаблонов, а ещё создать блог, сайт-визитку и другие проекты на базе этой платформы можно бесплатно.
К главным преимуществам WordPress, разумеется, и относится ее бесплатность и доступность. Деньги вы потратите только на доменное имя и хостинг. Однако все это тоже можно найти бесплатно.
Настроить его для работы можно за несколько щелчков мышкой, то есть интуитивная работа, что тоже немаловажное преимущество. А еще очень много шаблонов, что для новичка просто находка.
Но не обошлось и без ложки дегтя. Поговорим о минусах.
Многие плагины создаются сторонними разработчиками. Это означает, что они могут быть несовместимы с официальными обновлениями WordPress. Кроме того, существуют ошибки и вирусы, которые могут "сломать" ваш дизайн.
Безопасность. WordPress – это программа с открытым исходным кодом. Это означает, что мошенники легко могут найти слабые места в вашем проекте и использовать его в своих целях. Техническая поддержка со стороны разработчиков отсутствует. Если возникнет проблема, не стоит ожидать, что она будет решена одним письмом.
Но тем не менее, преимущества все же значительно перевешивают недостатки. Поэтому давайте рассмотрим, как создать сайт на примере именно этой системы.
Шаг 1. Регистрация на хостинге
Чтобы создать сайт на WordPress, необходимо выполнить несколько простых шагов. Первый шаг - это установка хостинга. Существует множество хостингов, и вы можете выбрать любой из них. Мы остановились на TimeWeb.
Сначала зайдите на сайт TimeWeb и найдите кнопку "Вход для клиентов". Она расположена в правом верхнем углу.
Появится страница входа в систему. Если у Вас уже есть учетная запись, войдите в нее. Если у вас ее нет, нажмите кнопку 'Регистрация'.
Войдите в сервис Timeweb.
Появится форма регистрации. Здесь вы можете быстро войти в систему, используя свою учетную запись в социальной сети или Google. Также можно ввести все поля вручную. После завершения этого этапа нажмите кнопку "Стать клиентом".
Регистрация в сервисе Timeweb
Сразу после этого будет активирован бесплатный тестовый период, по истечении которого необходимо будет оплатить хостинг по выбранному тарифу. В качестве альтернативы можно воспользоваться другими бесплатными услугами хостинга.
Подключение домена
После регистрации вы попадете в свой личный кабинет пользователя. Следующим шагом будет выбор домена, т.е. адреса для доступа к вашему сайту. Для этого найдите в верхней части кнопку "Добавить домен".
Здесь вы можете приобрести доменное имя или воспользоваться бесплатным. Введите его в строку и дождитесь появления зеленой галочки. Если она не появилась, то, возможно, этот домен уже используется и необходимо получить другой домен. Затем нажмите кнопку 'Добавить'.
Добавление нового домена через Timeweb
Теперь необходимо убедиться, что все сделано правильно и домен работает. Для этого скопируйте домен и вставьте его в адресную строку браузера. При этом должна открыться страница. Если она работает, значит, вы успешно прошли этот этап.
Установка CMS WordPress
Теперь можно приступить к созданию собственного сайта. Первым шагом будет подключение к WordPress и создание учетной записи.
Для этого зайдите в свой личный кабинет на сайте TimeWeb и нажмите на кнопку "Выбрать CMS".
Затем откройте страницу каталога систем управления контентом. Найдите в нем WordPress, дождитесь открытия карточки и нажмите кнопку "Установить приложение".
В новом окне выберите только что созданный домен-это важно, поскольку CMS будет привязываться к вашему сайту по этому адресу. Когда все будет готово, нажмите кнопку "Установить" и дождитесь окончания загрузки. После этого вы увидите данные для входа в систему: логин и пароль от области администрирования WordPress.
Подключите Wordpress к вашему сайту.
После этого проверьте свою электронную почту: все данные будут отправлены туда. Перейдите по ссылке в письме, чтобы получить доступ к панели входа в админку. Введите имя пользователя и пароль для входа в консоль администратора.
Теперь WordPress подключен к вашему сайту.
Войдите в свою учетную запись администратора WordPress.
Создайте внешний вид вашего сайта
WordPress имеет множество готовых шаблонов. Выберите один из них и используйте его в своем проекте. Для этого найдите в панели слева от вкладки "Внешний вид" пункт "Темы".
На новой странице перед вами откроется каталог шаблонов для различных сайтов. Если вы хотите сэкономить время, выберите один из них. Это один из проверенных способов быстрой настройки дизайна. Например, можно отсортировать их по популярности.
Выбор шаблона сайта Wordpress
Выбрав понравившуюся тему, нажмите кнопку "Установить", и шаблон будет сохранен в консоли администратора. Чтобы применить тему к своему сайту, нажмите кнопку "Активировать", а чтобы начать работу с ней, нажмите кнопку "Настроить".
Настраивать тему можно так же, как и в конструкторе. Убедитесь, что внешний вид темы соответствует вашему проекту.
Добавление плагина
После того как вы выбрали шаблон Hello Elementor, WordPress сразу же предложил установить соответствующие плагины. Для этого нажмите кнопку "Установить плагины" и дождитесь окончания загрузки. Затем подключите плагин с помощью кнопки "ActivatePlugin" на вкладке "Plugins".
Теперь плагин установлен. В консоль добавлен дизайн, что облегчает работу над вашим сайтом.
Готово. Теперь вы создали проект на WordPress. Остается только заполнить его блоками контента.
Ну а теперь перейдем к первому варианту – конструктору сайтов. Tilda Publishing - самый популярный и простой из них. Он позволяет создавать собственные проекты за несколько часов. Платформа предоставляет широкие возможности для создания красивых шаблонов.
Как и другие конструкторы, сайты Tilde собираются из блоков. Все они разделены на такие категории, как заголовки, отзывы, услуги, контакты и формы. В каждой из них есть библиотека, содержащая готовые решения. Вы можете выбрать понравившиеся и отредактировать их по своему усмотрению.
При наличии дизайнерских навыков можно также "поиграть" с ZeroBlock. Это инструмент, позволяющий создавать собственные блоки для сайта.
Бесплатная версия Tilda Publishing подходит для тех, кто хочет разрабатывать небольшие проекты. Однако в этом случае приходится потерпеть некоторые ограничения. Например, не все блоки доступны, количество страниц на сайте не может превышать 50, а домен должен содержать имя дизайнера.
Преимущества издательства Tilda Publishing
Поговорим подробнее о качестве этого конструктора. Множество шаблонов, функций и возможность анимировать некоторые элементы. Это позволяет создавать уникальные и привлекательные дизайны сайтов.
При необходимости функция Tilda Publishing позволяет интегрировать в сайт ссылки на аккаунты в социальных сетях.
Имеется техническая поддержка и множество полезных руководств для тех, кто впервые работает с конструктором.
Слабые стороны Tilda Publishing
Однако если вы используете бесплатную версию Tilda Publishing, то не можете подключать домены.
Отсутствуют шаблоны для многостраничных сайтов. Для создания таких проектов приходится дорабатывать готовые решения.
Стоимость платных планов относительно высока.
Практически невозможно перенести сайт на другой сервис так, чтобы все блоки остались неизменными.
Итак, приступим, наконец, к созданию сайта в Tilda.
Шаг первый – это, конечно, регистрация.
Затем следует выбор домена, ведь, как мы уже выяснили, создание сайта начинается с адреса. Чтобы его задать, необходимо перейти в раздел "Настройки сайта". Эту кнопку можно найти в личном кабинете, который появляется сразу после регистрации учетной записи. Кстати, на главной странице личного кабинета можно сразу придумать и название для своего проекта.
Шаг третий – выбрать готовый шаблон. Возвращаемся в свой личный кабинет из настроек. Чтобы начать работу над сайтом, нажмите кнопку "Создать новую страницу". Появится каталог шаблонов, из которого можно выбрать подходящий. Большинство шаблонов хорошо проработаны и будут актуальны даже сейчас.
Однако если вы любите творческую свободу, то можете создать пустую страницу и собрать дизайн своего сайта с нуля.
Затем оформим шапку. Определившись с тематикой сайта, выберите шаблон, и платформа перенаправит вас непосредственно на страницу сайта. Здесь можно просмотреть все готовые блоки сайта, удалить ненужные и добавить новые. Также можно отредактировать каждый блок, чтобы он соответствовал вашим целям.
Начнем с заголовка и заодно познакомимся с интерфейсом платформы. С левой стороны расположены три кнопки.
Вкладка "Контент" позволяет изменить содержимое блока: текст, фотографии, фоновое видео. Воспользуемся случаем и сразу заменим все это, чтобы заголовок отражал суть нашего проекта. Для этого напишем в заголовке название бренда, а под ним - описание услуги. Затем найдите фотографию аппетитного десерта и загрузите ее.
По окончании работы нажмите кнопку "Сохранить и закрыть", чтобы не потерять прогресс.
Следующая кнопка - "Настройки". Здесь можно изменить шрифт, размер и цвет. Также можно разместить текст в любой части заголовка и при желании анимировать его. Применить эффект параллакса при прокрутке страницы вниз.
Закончив работу на этой вкладке, не забудьте сохранить ее.
Теперь обратите внимание на кнопку выпадающего списка в дальнем углу экрана. Здесь можно выбрать один из готовых шаблонов для данного блока. Нас устраивает текущий, поэтому здесь мы ничего менять не будем. Но если захотите, не забудьте нажать кнопку "Сохранить содержимое при переключении". Таким образом, вы не потеряете уже добавленные фоны и текст.
Изменение структуры страницы
Теперь рассмотрим порядок расположения блоков. В шаблоне это блоки "Продукция", "О нас", "Преимущества", "Контакты" и так далее. Однако это нам не очень подходит, поэтому мы изменим расположение блоков. Для этого щелкнем на стрелках вверх и вниз - они появляются в правом углу каждого блока.
Если этот модуль нам совсем не нужен, мы можем его удалить. Для этого есть значок корзины. Здесь же можно копировать, скрывать или показывать блоки.
Если же вы вдруг поймете, что вам не хватает какого-то блока, щелкните на значке плюса на границе двух соседних модулей. Там появится новый блок.
Редактирование блоков
Теперь, когда у вас есть структура сайта, можно заняться оформлением блоков. Добавьте новый текст, измените шрифт, загрузите новое изображение. При необходимости измените шаблон блока на более подходящий.
Небольшой совет: время от времени проверяйте, как выглядит ваш сайт в новом дизайне. Для этого воспользуйтесь кнопкой "Предварительный просмотр". Она расположена на панели в верхней части экрана.
В каждом блоке вы увидите те же кнопки, которые были проанализированы в заголовке. Вкладки похожи, но некоторые незнакомы. Например, при заполнении карточки товара.
Но и там все интуитивно понятно. На вкладке "Содержание" можно заполнить каждую карточку: изменить текст, добавить картинки, указать цену. Также можно удалить ненужные карточки или добавить новые. Кроме того, можно установить, будет ли нажатие на товар переводить вас на другую страницу с этой карточкой или сразу в корзину.
Для каждой карточки в этом блоке можно установить переход в корзину, чтобы посетители могли сразу оформить заказ.
Если вы хотите принимать заказы прямо с сайта, а не ждать телефонного звонка, добавьте форму для сбора заказов. В этой настройке можно, в частности, подключить вашу CRM-систему. Собирайте заявки с вашего сайта.
Добавление недостающих блоков
Мы уже заполнили те блоки, которые были в шаблоне, такие как заголовок, девиз, преимущества, профиль компании и продукция. Далее подумайте, чего может не хватать вашему сайту.
Первое, что приходит на ум, - это ссылки на аккаунты в социальных сетях. Добавьте ссылку на аккаунт и одновременно галерею красивых фотографий, которые будут привлекать подписчиков.
Напишите мотивирующий заголовок и наполните галерею изображениями. Чтобы сделать название социальной сети кликабельным, выделите его в редакторе, нажмите на нужный значок и введите в поле ссылку на аккаунт. Затем выделите кликабельные слова подчеркиванием, чтобы пользователи знали, что из заголовка можно перейти к аккаунту.
Теперь у вас есть сайт, связанный с вашей социальной сетью!
Ссылки на аккаунты социальных сетей на сайте
Далее следует контактная информация. Если у вас есть офлайн магазин, добавьте карту.
Опубликовать сайт
Теперь сайт готов! Перед публикацией сайта необходимо еще раз просмотреть его чтобы убедиться, что все сделано правильно. Если результаты удовлетворительны, нажмите кнопку "Опубликовать".
Ну вот и все. Вы только что создали свой первый сайт.
На первый взгляд может показаться, что CMS-системы и конструкторы сайтов практически идентичны. И те, и другие позволяют создать сайт и управлять им. Однако на самом деле это принципиально разные программы.
При работе с CMS вы размещаете сайт на собственном сервере и управляете им. Если же вы создаете сайт с помощью конструктора, то он размещается на сервере разработчика этой платформы. В этом случае у вас нет доступа к коду ресурса: вы не знаете, что работает, и не можете повлиять на то, как это работает. Если с конструктором, на котором разрабатывался проект, что-то случится, то исчезнет и ваш сайт.