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

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

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

Переходим по ссылке beget.com и регистрируем аккаунт.

Находим на странице эту синюю кнопку и жмём «Попробовать бесплатно»

Тариф выбираем самый дешевый.

У Вас будет бесплатный период 30 дней, чтобы все протестировать,

а дальше принять решение продолжать или нет.

2 шаг: Регистрация домена

Домен это имя сайта, это адрес сайта, это как номер телефона, не бывает двух одинаковых доменов в интернете.

В своем аккаунте Бегет переходим в раздел:

затем переходим в раздел:

в этом поле вводим желаемое имя сайта (домен) и выбираем, рекомендую в зоне .ru

жмём синюю кнопку «продолжить»

часто бывает что домен уже кем-то занят, в таком случае об этом напишут красным:

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

И снова нажмите «Продолжить»

выбираем «никуда не направлять».

заполняем анкету и жмём кнопку «продолжить»

Далее ещё раз проверьте введённые данные и нажмите «Зарегистрировать»

Поздравляю! Вы зарегистрировали свой первый в жизни домен!

В разделе «ДОМЕНЫ И ПОДДОМЕНЫ» —> «МОИ ДОМЕНЫ» теперь будет Ваш зарегистрированный домен:

Через 2-3 часа он будет активирован и доступен с любой точки мира.

3 шаг: Установка CMS

(Content Management System, система управления контентом)

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

В своем аккаунте Бегет находим и переходим в раздел:

Выбираем WordPress — это самая популярная в мире CMS

Всплывёт вот такая форма, заполняем её своими данными и жмём «Установить»:

Появится сообщение:

А в разделе CMS теперь будет Ваша установленная система:

В разделе «Сайты» будет Ваш сайт:

На этом панель управления Бегет можно закрывать. Дальше будем работать со своим сайтом.

4 шаг: Открываем свой собственный сайт в браузере!

Спустя 2-3 часа после регистрации домена, открываем браузер, лучше Google Chrome или Safari и вводим в адресную строку имя своего сайта. Любуемся новеньким сайтом и гордимся собой, все работает, так же можно открыть его со смартфона, планшета, телевизора и тд.:

это стандартный вид сайта без оформления,

нам предстоит сделать из этого красивый сайт.

5 шаг: Знакомство с админ-панелью сайта

В адресную строку браузера вводим имя своего сайта и добавляем /wp-admin —> жмём Enter.

Я ввожу nazvanie1.ru/wp-admin потому что регистрировал этот домен.

Важно, вводим не в поисковую строку, а в адресную, которая наверху.

Вводим логин и пароль, которые указывали на 3 шаге при установке CMS:

Добро пожаловать в админку WordPress:

6 шаг: Настройки

В боковом меню переходим в пункт «Настройки»

Находим два поля:

Внизу страницы жмём «сохранить изменения»:

Снова вводим логин и пароль:

Далее переходим в раздел бокового меню ВНЕШНИЙ ВИД —> ТЕМЫ

В верхней части нажимаем:

Находим тему Hello Elementor и устанавливаем её

После установки жмём «Активировать»

В боковом меню находим пункт ПЛАГИНЫ —> ДОБАВИТЬ ПЛАГИН

В верхней части находим поле поиска и вводим: Elementor. Затем жмём «Установить сейчас»

Далее «Активировать»

Откроется настройка Elementor. Находим и жмём внизу «Skip setup»

Еще несколько раз нажимаем Skip. Нам все это не обязательно заполнять.

Нужно пропускать всё, пока не попадёте в редактор Elementor, он выглядит вот так:

В левом верхнем углу жмём на белый кружок —> НАСТРОЙКИ САЙТА

Перематываем чуть ниже в боковом меню находим и жмём «МАКЕТ»:

Перематываем чуть ниже в боковом меню находим «Макет страницы по умолчанию» и жмём «Тема»:

Вместо «Тема» выбираем «Холст Elementor» и жмём розовую кнопку «Сохранить изменения»

Теперь обновите страницу в браузере

Теперь редактор будет выглядеть вот так, без лишних надписей:

7 шаг: Визуальное оформление

Здесь у Вас появляется полная свобода творчества,

поэкспериментируйте со всеми доступными инструментами и создайте свой неповторимый дизайн.

Нажмите +

Нажмите Flexbox

Выберите любой макет:

Он добавится в редактор и можно начинать наполнять его:

У нас появилось несколько контейнеров. Внутри каждого есть + 

Нажимаем + и слева появятся инструменты

Мышкой перетаскиваем из левого бокового меню любые инструменты, например «текст» в любой контейнер:

В соседнем контейнере жмём + и мышкой перетаскиваем из левого бокового меню, например «изображение»:

В левом боковом меню появятся настройки для добавленного «изображения», здесь можно заменить изображение, нажмите ВЫБЕРИТЕ ИЗОБРАЖЕНИЕ:

Далее жмём и выбираем своё изображение со своего компьютера

А затем справа внизу жмём ВЫБРАТЬ

Мы заменили изображение на своё собственное:

Любой блок и контейнер можно копировать, вставить, удалить, как на компьютере с помощью правой кнопки мыши:

Вот так легко и просто мы скопировали и вставили блоки в пустые контейнеры:

Чтобы наши изменения вступили в силу необходимо нажать «Опубликовать»

Чтобы увидеть наши изменения нужно нажать на соседнюю кнопку:

Наш первый шедевр готов)

8 шаг: Финал

Мы сделали красивую страницу и хотим полюбоваться ею, но при переходе по нашему домену видим это:

Не пугайтесь, осталось просто выбрать страницу, которая будет Главной. В верхней части находим и жмём НАСТРОИТЬ

В появившемся меню слева находим и переходим в НАСТРОЙКИ ГЛАВНОЙ СТРАНИЦЫ

Находим «На главной странице отображать» и выбираем «Статическую страницу»

Далее выбираем «Домашнюю страницу», которую мы создавали на 7 шаге.

Жмём опубликовать:

Готово! Теперь наш сайт выглядит так как мы его создавали. 

 

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

Не забывайте после внесения изменений нажимать кнопку «Опубликовать»

error: Лучше не надо))