Найти тему
#Шаги

Как заработать на своем хобби. Часть 2. Создаем сайт, первые шаги.

Оглавление

Всем привет 👋

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

Что сегодня сделаю?

  • Составлю карту сайта
  • Зарегистрирую хостинг
  • Куплю доменное имя
  • Установлю CMS
  • Загружу шаблон на сайт

И расскажу обо всем подробно, что зачем и почему. Примерно за час у меня будет свой сайт. Чего и вам желаю)

Карта сайта

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

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

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

Регистрация хостинга

Что такое хостинг?

Это пространство где "живет" сайт, место на диске куда загружается информация вашего сайта и который доступен 24/7/365 (если оплачен 😉). Думаю этого достаточно для представления)

Я попробовал разные хостинги за время работы маркетологом, но для себя использую всегда только Beget. Мне просто удобнее, не хочу сказать что тут дешевле или он чем то лучше. У меня на нем было много проектов, иногда которые терялись, или я допускал ошибки, и поддержка всегда оперативно мне помогала. Для меня это важно.

Приступим, можете перейти по ссылке

Выбираю тариф блог
Выбираю тариф блог

Нам дают 30 дней на тест. Для моих целей подойдет тариф на два сайта. Это всего 1980 рублей в год. Но сейчас я ничего не буду оплачивать, для начала мне хватит теста.

Основное меню хостинга
Основное меню хостинга

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

Покупка домена

Переходим к покупке доменного имени.

Доменное имя (домен) - это адрес вашего сайта. Примеры: yandex.ru, vk.com

Покупка домена
Покупка домена

Переходим на вкладку "Домены и поддомены"

Рекомендация: Прежде чем купить домен, подумайте над названием вашего сайта. Покупайте домен в зоне "ru". Не используйте тире в названии домена.
shagu.ru
shagu.ru

Мне повезло, я подобрал себе домен со второй попытки, обычно подбор подходящего домена занимает много времени) Хотел конечно shagi.ru, но он оказался занят.

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

Вводим данные паспорта
Вводим данные паспорта

Остается только оплатить, и все готово.

Домен автоматически зарегистрируется и появиться во вкладке "Мои домены"

Следующий шаг это создание сайта

Установка CMS

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

Вкладка Сайты
Вкладка Сайты

В пустом поле вводим доменное имя и нажимаем создать

Создаем директорию на диске
Создаем директорию на диске

В появившейся строчке жмем на зеленую иконку ссылки

Прикрепить домен
Прикрепить домен

В всплывающем окне выбираем наш домен, и нажимаем кнопку "Прикрепить"

-10

Половина дел сделано, можно налить себе чай и расслабиться в течении 10 минут) Обычно конечно быстрее.

Теперь мы перейдем к основному, установка CMS.

Что такое CMS? Это "движок" вашего сайта, через него вы будете управлять внешним видом и содержимым, вам не нужно знать программирование что бы управлять вашим сайтом.

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

Перейдем во вкладку "CMS"

Системы управления контентом (CMS)
Системы управления контентом (CMS)

Выбираем Wordpress

Выбираем Wordpress
Выбираем Wordpress

Заполняем форму:

  1. Выбираем из списка наш сайт
  2. Пишем описание сайта (это не обязательно, но пусть будет, потом можно будет поменять)
  3. Придумываем логин для входа (admin лучше не использовать, больше вероятности что вас смогут взломать)
  4. Придумываем надежный пароль для входа
Пример заполнения
Пример заполнения

В течении пары минут движок установиться на сайт и можно переходить к настройкам.

Что бы попасть в панель администратора, или если вы вдруг забыли логин и пароль, вы можете всегда перейти на вкладку информации установленной CMS. Там будут все данные.

Информация о CMS
Информация о CMS

Нажимаем на информацию. Нужно перейти по вашей ссылке, как отмечено на скриншоте и ввести свой логин пароль. Или вы можете просто в новой вкладке ввести "доменноеимя/wp-admin"

-15

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

Не удается получить доступ к сайту. Перейдите по ссылке позже
Не удается получить доступ к сайту. Перейдите по ссылке позже

Далее мы увидим окно с входом в админ панель, тут необходимо ввести ваш логин и пароль которые вы писали ранее.

-17

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

-18

Задание: Выбрать и установить тему для сайта

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

-19

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

-20

-21

Для демонстрации я выбрал простую тему от Wordpress, и нажимаю кнопку "Установить"

После установки сразу Активируем тему, все готово.

-22

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

-23

Поздравляю всех кто создал свой сайт) И заодно себя) Теперь я обладатель интернет недвижимости, буду разбирать эту тему дальше и делиться с вами.

Если у вас есть вопросы, обязательно пишите их в комментариях, я на все отвечу)

#шагисайт