Найти в Дзене
Timeweb Cloud

Как создать сайт на WordPress с нуля? Делаем сайт для заработка в интернете. Часть 1

Оглавление

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

Предлагаем также посмотреть видеоинструкцию по созданию сайта на Wordpress.

Почему WordPress и Timeweb?

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

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

С базовым инструментарием определились, теперь к делу.

Перед тем как начать, добавлю очень важное замечание. Сейчас мы будем делать настройку на базе виртуального хостинга, но можно выбрать и другой вариант. Если вам нужно побыстрее развернуть блог на базе WP, то можно пропустить этап базовой настройки бэкенда и сразу перейти к тарифу с уже установленной CMS WordPress.

Настраиваем хостинг и домен

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

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

  • Заходим на официальный сайт Timeweb.
  • Затем кликаем по кнопке «Хостинг» в левом верхнем углу.
Главная страница Timeweb
Главная страница Timeweb
  • Выбираем пункт «Виртуальный хостинг». Либо «Хостинг для CMS», если нас интересует только WordPress.
Меню Хостинг на сайте Timeweb
Меню Хостинг на сайте Timeweb
  • Знакомимся с тарифами, выбираем подходящий и нажимаем на кнопку «Заказать».
Цены на услуги Timeweb
Цены на услуги Timeweb
Цены на услуги за хостинг с CMS
Цены на услуги за хостинг с CMS

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

Но еще проще завести тариф с установленным WordPress и сразу переходить к шагу «Настраиваем сайт».

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

Также можно зарегистрировать данные юридического лица.

Сразу после регистрации системы выполнит вход, а вы окажетесь в панели управления (то есть в «админке»).

Панель управления Timeweb
Панель управления Timeweb

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

Оплачиваем услуги хостинга

Несмотря на действующий тестовый период, сразу разберем процедуру пополнения баланса.

  • Кликаем по иконке в виде кошелька в верхней части экрана.
Верхняя часть панели управления
Верхняя часть панели управления
  • Затем указываем период, который хотим оплатить и дополнительные опции (если нужны).
Доступные дополнительные услуги
Доступные дополнительные услуги
  • После этого выбираем удобный способ оплаты. Там есть все от дебетовой карты до Apple Pay. Выбрав удобный способ, жмем на кнопку «Перейти к оплате».
Доступные методы оплаты
Доступные методы оплаты
  • В случае с картой просто указываем свои данные…
Окно оплаты
Окно оплаты
  • В случае с Apple Pay или Google Pay жмем на соответствующую клавишу и ждем инструкций от используемых браузеров.
Второй вариант окна оплаты
Второй вариант окна оплаты

После этого система приема платежей предложит вернуться в панель управления Timeweb, а деньги моментально поступят на счет.

Забираем бесплатный домен

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

  • В боковой панели админки находим и открываем раздел «Бонусы и промокоды»
Боковая панель Timeweb
Боковая панель Timeweb
  • Затем кликаем на кнопку «Активировать» напротив надписи «Бесплатный домен в зоне рф…»
Плашка для ввода промокода
Плашка для ввода промокода

Тут же будет плашка для ввода промокодов со стороны.

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

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

  • Открываем меню «Домены и поддомены» в боковом меню.
Вход в меню домены и поддомены
Вход в меню домены и поддомены
  • Жмем по ссылке «Администраторы доменов».
Ссылка для входа в список администраторов
Ссылка для входа в список администраторов
  • Потом нажимаем на кнопку «Добавить администратора».
Кнопка создания администратора
Кнопка создания администратора
  • Вводим свои данные (ну или данные заказчика, который будет владеть сайтом).
Информация об администраторе
Информация об администраторе
  • Потом нажимаем на кнопку «Создать».
Кнопка создания администратора
Кнопка создания администратора

Должно получиться что-то такое. Я вводил данные лишь для примера.

Данные администратора
Данные администратора

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

Регистрируем домен

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

  • Опять открываем меню «Домены и поддомены».
Ссылка на домены и поддомены
Ссылка на домены и поддомены
  • Кликаем по кнопке «Зарегистрировать домен».
Ссылка для регистрации домена для сайта
Ссылка для регистрации домена для сайта
  • В появившемся текстовом поле вводим имя домена. Оно может быть любым. Главное, чтобы соответствовало нормам интернета и было свободным. Если что, Timeweb подскажет и предложит подходящие варианты. Выбрав имя и ознакомившись с ценой (даже с оплатой бонусами за первый год продление будет стоить денег), жмем на кнопку «Зарегистрировать».
Меню регистрации домена для сайта
Меню регистрации домена для сайта
  • Потом нажимаем на ссылку «…к основному сайту».
Информация о покупаемом домене
Информация о покупаемом домене
  • Выбираем вариант «Не привязывать».
Настройки привязки домена
Настройки привязки домена
  • И сохраняем эту настройку. Полдела сделано.
Кнопка сохранения настроек привязки
Кнопка сохранения настроек привязки
  • Убираем галочку с платного сертификата. Нам он пока не нужен.
Платный сертификат
Платный сертификат
Регистрация сайта для заработка
Регистрация сайта для заработка

Должно быть так.

  • Потом нажимаем на фразу «Сумма к оплате», чтобы указать вариант оплаты бонусами (появится соответствующее всплывающее меню).
Изменение способа оплаты
Изменение способа оплаты
  • Перед нами появится список доменов. Кликаем по вновь созданному.

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

Открываем свой сайт для заработка
Открываем свой сайт для заработка

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

Предупреждение
Предупреждение

Устанавливаем WordPress

Платформа для нашего сайта готова, осталось только установить систему управления WordPress.

  • Сначала открываем вкладку «Каталог CMS» в боковом меню.
Настройки CMS
Настройки CMS
  • Выбираем там WordPress (она точно будет одной из первых).
CMS WordPress
CMS WordPress
  • Потом нажимаем на кнопку «Установить приложение».
Кнопка установки CMS
Кнопка установки CMS
  • В появившемся окошке выбираем домен, на который хотим установить WordPress (в моем случае будет тестовый).
Домены для установки
Домены для установки
  • Затем жмем по кнопке «Начать установку». Процесс не должен занять много времени. Железо у Timeweb мощное.
Устанавливаем WordPress на сайт для заработка
Устанавливаем WordPress на сайт для заработка
  • Фиксируем логин и пароль.
Логин и пароль WordPress
Логин и пароль WordPress

Их, если что, отправят на указанный при регистрации адрес.

  • Потом открываем меню «Сайты» в боковой панели.
Меню Сайты в боковой панели
Меню Сайты в боковой панели
  • Ищем там вновь созданный ресурс на базе WordPress и заходим туда.
Ссылки на сайты с WordPress
Ссылки на сайты с WordPress

Перед вами должно появиться что-то вроде изображения ниже.

Сайт для заработка с WordPress
Сайт для заработка с WordPress

Собственно, вот и сайт. Совсем простенький и не самый красивый, но рабочий. Теперь переходим к творческому процессу. Превратив безликий WordPress-ресурс во что-то свое.

Настраиваем сайт на Wordpress

Теперь из административной панели Timeweb мы переползаем в админку WordPress и начинаем работать с ней.

Как зайти в админку Wordpress

Тут на самом деле все просто, хоть и не сразу очевидно. Чтобы попасть в админку:

  • Надо в адресную строку браузера ввести *название сайта без домена*/wp-admin. Такого рода ссылка приведет в админку WordPress.
Вход в админку
Вход в админку

Вот как это может выглядеть.

  • Потом вводим реквизиты админки, которые нам отправили по почте.
Вход на сайт для заработка
Вход на сайт для заработка

Настраиваем внешний вид админки

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

  • Заходим и начинаем отключать все, что на текущий момент является лишним и отвлекает. Для этого сначала нажимаем на кнопку «Закрыть» в блоке «Добро пожаловать».
Настройка дизайна WordPress
Настройка дизайна WordPress
  • Потом открываем настройки экрана.
Удаление лишнего
Удаление лишнего
  • Убираем галочки везде, кроме пункта «На виду». Он пригодится.
Консоль WP без лишних элементов
Консоль WP без лишних элементов

Будет как-то так. Чистенько и не слишком пугающе.

Консоль WP без лишних элементов
Консоль WP без лишних элементов

Устанавливаем свежую версию WordPress

Когда мы разобрали бардак на главной странице, можно перейти к обновлению движка. Так как делаем сайт под себя, то можно смело устанавливать самую свежую версию WordPress. Пока что ничего не тянет нас к Legacy-версиям.

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

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

Доступ к обновлениям CMS
Доступ к обновлениям CMS
  • Выбираем плагины и темы, которые хотим обновить, поставив напротив них галочки.
Обновление плагинов CMS
Обновление плагинов CMS
  • Потом нажимаем на кнопку «Обновить…»
Кнопка обновления плагинов CMS
Кнопка обновления плагинов CMS

Больше никакие обновления не нужны. Теперь вы знаете, как установить свежие версии дополнений в свою CMS.

Удаляем ненужные темы

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

  • Сначала наводим курсор на меню «Внешний вид».
Настройки внешнего вида WordPress
Настройки внешнего вида WordPress
  • Потом переходим в подменю «Темы».
Меню с настройками внешнего вида
Меню с настройками внешнего вида
  • Кликаем по теме, которую хотим стереть.
Список доступных тем
Список доступных тем
  • Нажимаем на кнопку «Удалить» в правом нижнем углу.
Кнопка для удаления тем
Кнопка для удаления тем
  • И еще раз подтверждаем, что хотим это сделать, но уже в браузере.
Кнопка для удаления тем в браузере
Кнопка для удаления тем в браузере

Повторяем это, пока не сотрем все ненужные темы (по сути, все, кроме одной).

Заказываем SSL-сертификат

Не совсем по пути, но надо сразу заказать SSL-сертификат. Это необходимо, чтобы обеспечить безопасное соединение между нашим сайтом и пользователям, решившими его посетить. Сейчас запускать сайт без сертификата безопасности — опасный моветон. 

  • Возвращаемся в панель управления Timeweb и открываем меню «SSL-сертификаты».
Вход в настройки SSL Timeweb
Вход в настройки SSL Timeweb
  • Затем кликаем по ссылке «Заказать».
Кнопка для заказа нового сертификата
Кнопка для заказа нового сертификата
  • Выбираем бесплатный сертификат.
Выбор сертификата для сайта
Выбор сертификата для сайта

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

  • А потом выбираем домен, которому он достанется.
Выбор домена для сертификата
Выбор домена для сертификата

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

Устанавливаем тему 

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

  • Переходим в раздел с темами, как мы это уже делали ранее.
Раздел с темами WP
Раздел с темами WP
Раздел с темами оформления WP
Раздел с темами оформления WP
  • Кликаем по кнопке «Добавить».
Кнопка добавления новых тем WordPress
Кнопка добавления новых тем WordPress
  • Оказавшись в библиотеке тем, ищем поисковую строку.
Поиск новых тем WordPress
Поиск новых тем WordPress
  • Вводим в нее слово Astra.
Поисковой запрос Астра в темах для WP
Поисковой запрос Астра в темах для WP
  • Ищем ту самую тему и нажимаем на кнопку «Установить».
Кнопка установки темы WordPress
Кнопка установки темы WordPress
  • А потом еще и активируем.
Тема Астра для WP
Тема Астра для WP
  • Ну и нажимаем на ссылку «Перейти на сайт», чтобы убедиться, что тема установилась и активировалась.
Ссылка для перехода на сайт для заработка на WP
Ссылка для перехода на сайт для заработка на WP
Сайт для заработка на WordPress
Сайт для заработка на WordPress

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

Устанавливаем плагин Really Simple SSL

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

  • Жмем на кнопку WordPress в панели управления CMS.
Тулбар WP в CMS
Тулбар WP в CMS
  • Переходим в консоль.
Кнопка для перехода в консоль WP
Кнопка для перехода в консоль WP
  • Выбираем подпункт «Добавить новый» в меню «Плагины».
Меню с плагинами
Меню с плагинами
  • Ищем в открывшемся окне поисковое поле и вводим туда название плагина Really Simple SSL.
Поиск плагина
Поиск плагина
Поисковая выдача
Поисковая выдача

Вот так он называется.

  • Потом нажимаем на кнопку «Установить».
Установка плагина
Установка плагина
  • Ну и активируем.
Активация плагина
Активация плагина

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

В
Части 2 рассмотрим, как работать с сайтом, добавить статью в блог установить Astra, Elementor.

Заказать хостинг Timeweb: https://vk.cc/axERcR
Видеоинструкция "Как создать сайт на WordPress с нуля?": https://www.youtube.com/watch?v=4IATvixHm40
Источник: https://timeweb.com/ru/community/articles/kak-sozdat-sayt-na-wordpress-s-nulya

Получай прибыль с клиентов уже сегодня!
Получай прибыль с клиентов уже сегодня!