^

Как создать свой сайт

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

 

Как устроен сайт

Сайт – это набор страниц с информацией, которые соединены друг с другом ссылками. На этих страницах публикуют текст, фотографии и видео.

Покажу на примере небольшого личного сайта. На первой странице человек рассказывает о себе:

На второй рассказывает о своей работе:

На третьей – как с ним связаться:

Одна из страниц должна открываться первой. Часто для этого создают отдельную страницу и публикуют на ней вводный текст. Её принято называть «Главная».

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

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

Что такое домен и хостинг

Домен – это адрес сайта в Интернете. То название, по которому он будет открываться. Этот адрес написан в верхней строке браузера.

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

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

Это обязательное условие и с этого мы и начнем. Но есть проблема: и домен и хостинг стоят денег. Доменное имя стоит 190 рублей в год - эту сумму нужно внести сразу. Хостинг стоит дороже, но за него можно платить помесячно. В среднем за хостинг выходит 120 рублей в месяц.

Но глупо тратиться на всё это, чтобы только попробовать. Поэтому мы зарегистрируем бесплатное доменное имя и бесплатный хостинг. Их можно получить сроком на месяц. Этого вполне достаточно, чтобы создать и наполнить сайт. А дальше, если результат устроит, продлить – но это уже за деньги.

Пошаговая инструкция по созданию сайта

Шаг 1: получаем домен и хостинг

1. Переходим на страницу хостинга Beget и открываем раздел «Виртуальный хостинг».

2. Опускаемся чуть ниже и выбираем тарифный план «Blog».

3. Регистрируемся: указываем ФИО, номер своего телефона, почту.

4. Подтверждаем номер телефона и завершаем регистрацию.

Загружается страница с данными для доступа к личному кабинету на сайте Бегет. Они также придут в смс сообщении и в письме на почту.

После нажатия на кнопку «Начало работы» мы попадаем в личный кабинет хостинга. Здесь мы будем делать основные настройки.

Шаг 2: устанавливаем систему управления

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

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

1. Для установки движка в личном кабинете хостинга переходим в раздел CMS.

2. Выбираем WordPress.

3. В окошке указываем данные для управления сайтом.

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

Пример заполнения:

Обязательно сохраните логин и пароль! Это доступ к редактированию сайта.

4. Появится окошко, где написано, что система устанавливается и нужно немного подождать. Закрываем это окошко и ждем три минуты. Затем щелкаем по ссылке в списке «Сайты».

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

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

Вот и всё – сайт создан! Осталось его настроить и наполнить информацией.

Шаг 3: настраиваем сайт

Мы получили шаблонный сайт на системе управления WordPress. Осталось только отредактировать его: добавить страницы, сделать меню, настроить оформление. Всё это делается через административную часть сайта. Её еще ласково называют «админка».

Для входа в админку добавьте после адреса часть /wp-admin или /wp-login.php

В итоге получится что-то вроде mysite.beget.tech/wp-admin

Когда введете это дело в адресную строку, не забудьте нажать Enter :)

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

Таким образом, вы попадете в невидимую для посетителей часть сайта – в админку. Здесь всё и редактируется: и содержание и оформление.

Выбор темы. Тема – это дизайн сайта. Чтобы ее поменять, зайдите в раздел Внешний вид – Темы.

Система предложит выбрать один из трех вариантов оформления. Если ни один не подходит, щелкните по «Добавить новую тему».

Здесь можно выбрать любой вариант из предложенных. Сначала показываются «Избранные», но есть еще и «Популярные», «Свежие», «Любимые».

Выбираем подходящую тему и устанавливаем ее. Затем переходим в раздел «Внешний вид» - «Темы», наводим на нее курсор и нажимаем «Активировать».

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

Настроить тему можно через раздел Внешний вид – Настроить.

Добавление страниц. В админке переходим в раздел Страницы – Все страницы.

Здесь добавлена одна страница - она создалась автоматически. Для удаления наводим на нее курсор и нажимаем «Удалить».

Создаем новую страницу. Для этого вверху нажимаем на «Добавить новую».

Добавляем заголовок, текст. Фото и картинки вставляем через кнопку «Добавить медиафайл». Когда всё готово, нажимаем кнопку «Опубликовать» справа.

Таким же образом публикуем и другие страницы: Страницы – Все страницы – Добавить новую.

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

Виджеты – это блоки с разными данными на страницах. Иногда полезно, но многие из них лишние.

Для работы с этими блоками переходим в раздел Внешний вид – Виджеты.

Меню – это разделы сайта. Ссылки, по которым открываются страницы.

Для изменения пунктов меню переходим в раздел Внешний вид – Меню.

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

Например, на своем сайте я через страницы опубликовал главную информацию в разделах «Обо мне», «Контакты», «Услуги и цены». А в записях буду публиковать всё остальное: заметки о работе, статьи на разные темы.

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

Чтобы выводить только одну страницу, перейдите в Настройки – Чтение. Вверху, в пункте «На главной странице отображать» укажите «Статическую страницу» и выберите ее из списка.

Что получилось

Снимок сайта, который я сделал по этой инструкции:

Посмотреть его вживую можно по ссылке.

Я специально выбрал простое оформление, чтобы было понятнее, как все устроено. Информация там опубликована тестовая, для примера. Любые совпадения случайны :)

Заключение

Мы с нуля создали свой сайт. Он находится на хостинге Бегет, работает на системе управления WordPress.

Вход в личный кабинет на хостинге: cp.beget.com или через главный сайт beget.com

Вход в админку: ваш_сайт/wp-login

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