Как установить блог WordPress в первый раз самому

Как установить блог WordPress на хостинг

Это простое пошаговое руководство, как установить блог WordPress на хостинг в 2024 году.

Вам потребуется хостинг и домен.

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

Домен должен быть направлен на IP-адрес хостинга. После установки WordPress нужно настроить админку.

Здесь вы узнаете, как это сделать.

Начнем.

Шаг 1. Направьте домен на хостинг

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

Простыми словами как все устроено

Виртуальный хостинг расположен на компьютере, вернее на веб-сервере, который находится в помещении дата-центра в каком-нибудь городе. У хостинга есть свой IP-адрес, это что-то вроде номера в многоквартирном доме, где живут сотни или даже тысячи сайтов. Так вот, чтобы связать домен с хостингом и запустить сайт в работу, нужно указать домену в каком доме (IP-адресе) ему поселиться. 

Сделать это можно, создав DNS-запись в настройках домена.

Рассмотрим пример, как настроить домен у хостера Timeweb. Если у вас другой поставщик домена действуйте по аналогии, настройки у всех почти одинаковые.

Коротко. Как направить домен на хостинг:

  1. Создайте DNS-запись с типом A. В настройках укажите IP-адрес хостинга
  2. Подождите пока новая запись заработает. Проверить направлен домен или нет можно через командную строку командой ping.

Как направить домен на хостинг в Timeweb

Перейдите в Домены и поддомены. В настройках домена выберите Настройки DNS.

Настройка домена, чтобы вручную установить WordPress на хостинг

Нажмите Добавить DNS запись, выберите тип записи А.

Создание DNS-записи на хостинге Timeweb

Укажите IP-адрес хостинга и кликните Добавить.

Направление домена на IP-адрес хостинга Таймвеб, чтобы вручную установить WordPress на хостинг

У некоторых хостеров бывают настройки посложнее:

Создание DNS записи домена

Тогда создайте запись по образцу:

  • Тип записи – A
  • Хост – @
  • Адрес – укажите IP-адрес хостинга
  • TTL – 21600.

Готово. Подождите несколько минут пока не обновятся DNS-записи домена.

Что если у домена уже создана DNS-запись? Проверьте IP-адрес. Если верный, то оставьте. Если нет, измените на IP-адрес хостинга. 

Как узнать IP-адрес хостинга в Timeweb

Перейдите на главную страницу, в разделе Доступ по FTP указан IP-адрес вашего хостинга. Еще можете обратиться с вопросом в поддержку.

Как узнать IP-адрес хостинга Таймвеб

Как узнать, что домен направлен на нужный хостинг?

Перейдите на сайт. Если открылась заглушка-реклама хостинга, значит домен направлен. Если сомневаетесь, то посмотрите на каком IP-адресе работает домен.

Запустите командную строку на компьютере. Если у вас Windows, нажмите на клавиатуре Win+R, в появившемся окне введите cmd и нажмите Enter

Вызов командной строки Windows

Напишите команду ping domain.ru и нажмите Enter (domain.ru – адрес вашего домена).

Пингование домена чтобы узнать IP-адрес

В первой строке будет указан текущий IP-адрес домена. Проверьте.

Вроде все настроили. 

Что ж раз домен направлен на хостинг, займемся созданием базы данных.

Шаг 2. Создайте базу данных для сайта

В хостинге перейдите на страницу Базы данных MySQL.

Нажмите Создание новой базы данных. В открывшемся окне укажите название и пароль. Кликните кнопку Создать

Создание базы данных MySQL на хостинге Timeweb

Будет создана новая база данных, которая потребуется для будущего сайта:

Тут все. Двигаемся дальше.

Шаг 3. Распакуйте WordPress на хостинге

Коротко. Как подготовить файлы WordPress для ручной установки:

  1. Скачайте архив с файлами с wordpress.org
  2. Создайте новый сайт на хостинге, привяжите домен
  3. Загрузите архив в корневую папку сайта и распакуйте.

Скачайте WordPress с официального сайта.

Скачивание WordPress с официального сайта

В хостинге перейдите на страницу Сайты.

Нажмите Создать новый сайт.Откроется окно, введите домен и кликните Создать.

Создание сайта на хостинге Timeweb

На этой же странице нажмите Привязать домен.

Привязка домена к сайту на хостинге Timeweb

В селекторе Домен или поддомен должен быть указан ваш домен. 

Нажмите кнопку Привязать.

Так мы привязали домен к хостингу и создали папку сайта. Теперь зальем WordPress.

На странице Файловый менеджер перейдите в папку с названием вашего домена

Папка сайта на хостинге Timeweb

Перейдите в папку public_html, удалите из нее все файлы и папки, которые найдете, а затем, загрузите файл скачанный с сайта WordPress (Файл – > Загрузить на сервер).

Что такое папка public_html?

Это корневая папка сайта, где размещаются файлы, отвечающие за работу сайта. В Timeweb корневая папка называется public_html. Но у других хостеров такая папка называется иначе. Если запутались, спросите поддержку своего хостинга, где найти корневую папку сайта.

Файлы WordPress на хостинге Таймвеб

Распакуйте файл.

Распковка файлов Вордпресс на хостинге Timeweb

Появится новая папка wordpress. Перенесите файлы из этой папки в папку public_html.

Вот как пошагово перенести файлы из одной папку в другую на хостинге:

  1. Зайдите в папку wordpress
  2. Выберите все файлы (Правка – > Выделить все)
  3. Скопируйте все файлы (Правка – > Копировать)
  4. Перейдите назад в папку public_html
  5. Вставьте скопированные файлы  (Правка – > Вставить).

Распакованные файлы на хостинге выглядят так:

Wordpress распакован на сайте

Готово. На следующем шаге установим блог WordPress и закончим создание сайта.

Шаг 4. Установите блог WordPress на хостинге

Коротко. Как вручную установить блог WordPress на хостинге:

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

Откройте в браузере свой сайт, чтобы запустить мастер установки WordPress.

Нажмите Вперед, чтобы начать.

Первый шаг мастера установки блога WordPress

Заполните настройки для подключения к базе данных:

  • Имя базы данных – это название базы данных, которую вы создали на 2 шаге
  • Имя пользователя – в Timeweb имя пользователя совпадает с именем базы данных. Если у вас другой хостер, скорее всего, вам нужно создать нового пользователя MySQL и прикрепить его к базе данных
  • Пароль – пароль от базы данных, которую вы создали на 2 шаге
  • Сервер базы данных – оставьте localhost
  • Префикс таблиц – оставьте wp_.

Нажмите Отправить.

Мастер установки WordPress - подключение к базе данных сайта

Если вышла ошибка, проверьте настройки.

Запустите установку.

Мастер установки WordPress - запуск установки сайта

Почти все.

Заполните настройки админки сайта:

  • Название сайта – дайте имя вашему сайту
  • Имя пользователя – это логин администратора. Не пишите “admin” или “administrator” – это самые популярные логины в интернете, поэтому, их легко подобрать и взломать сайт
  • Пароль – это пароль от администратора (чем сложнее, тем лучше)
  • Ваш e-mail – электронная почта администратора (я указал свою корпоративную почту, если хотите такую же, прочитайте руководство, как получить почту для бизнеса бесплатно)
  • Видимость для поисковых систем – пропустите это поле, если хотите, чтобы сайт попал в интернет.

Нажмите Установить WordPress.

Мастер установки WordPress - подключение к админке сайта

Готово. Поздравляю с успешным созданием сайта WordPress!

Так выглядит сайт после установки:

WordPress блог после установки - страница сайта по умолчанию

Шаг 5. Настройте админку сайта WordPress

Ваш сайт работает. Можете заполнять его контентом. 

Чтобы сайт выглядел красиво, установите другой шаблон блога WP, бесплатный или платный. Установив плагины, вы добавите на сайт полезный функционал.

Как это сделать? Только через админку сайта. 

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

Как настроить админку сайта:

  1. Установите на сайт SSL-сертификат
  2. Измените постоянные ссылки
  3. Создайте политику конфиденциальности
  4. Установите шаблон блога
  5. Установите плагины.

Как войти в админку сайта WordPress

В браузере введите адрес сайта вместе с /wp-admin.

Пример: black-wine.ru/wp-admin

Как войти в админку WordPress

Заполните логин и пароль. Нажмите Войти.

Страница авторизации в админке WordPress

Так выглядит админка WordPress:

Админ-панель блога WordPress

1. Установите на сайт SSL-сертификат

С 2017 года Chrome, Firefox да и вообще все браузеры в мире маркируют сайты без SSL-сертификатов как небезопасные. Google и Яндекс с 2014 года снижают рейтинг сайтов, работающих на обычном HTTP соединении.  

И хотя SSL никак не влияет на защиту сайта от взлома, и не гарантирует повышение позиций сайта в поиске, все же лучше установить SSL-сертификат.

Сайт работает через небезопасное соединение HTTP
Google Chrome определил сайт black-wine.ru как не безопасный из-за того, что он работает через обычное HTTP соединение

Есть платные и бесплатные SSL. Платный сертификат можно заказать у хостера, цены примерно от 2000 рублей. Но мы рассмотрим бесплатный SSL с названием SSL Let’s Encrypt – большинство сайтов в интернете работают на таком сертификате.

Чтобы сайт заработал на HTTPS (защищенное соединение) нужно заказать бесплатный SSL-сертификат на хостинге.

Сделаем это на примере хостера Timeweb. Если вы размещены у другого хостера, попробуйте сделать по аналогии или спросите совет у техподдержки.

Перейдите в панель управления хостингом на страницу Сайты.

Нажмите на иконку с настройками.

Вызов настроек сайта на хостинге Таймвеб

Активируйте настройки с безопасным соединением. Нажмите Сохранить настройки.

Настройка безопасного соединения на сайте

Перейдите на страницу SSL-сертификаты.

В Магазине сертификатов выберите SSL Let’s Encrypt, нажмите Заказать.

Заказ бесплатного сертификата SSL Let's Encrypt на хостинге Таймвеб

Выберите домен и нажмите Заказать

SSL Let's Encrypt - бесплатный SSL для сайта

Подождите минут пятнадцать. 

Когда система установит SSL на сайт статус сертификата сменится на Установлен.

Бесплатный SSL-сертификат SSL Let's Encrypt установлен для сайта

Проверьте работу сертификата – введите в браузер адрес сайта начинающийся с https://, например, https://black-wine.ru.

Замочек, рядом с доменом, означает, что SSL установлен и на ваш сайт люди смогут зайти через защищенное соединение.

Сайт работает через безопасное соединение HTTPS

Не забудьте внести изменения на сайте.

Перейдите в админку сайта на страницу Общие и измените ссылки с http:// на https:// в полях Адрес WordPress (URL) и Адрес сайта (URL).

Настройка HTTPS в админ-панели блога WordPress

2. Измените постоянные ссылки

По умолчанию WordPress генерирует ссылки с датой и названием поста. 

Выглядит это так: 

black-wine.ru/2022/01/28/how-to-make-wine

Постоянная ссылка на сайте WordPress - пример одной из настроек

Что не так?

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

Поясню на примере.

Допустим, у вас блог об изготовлении вина в домашних условиях. Вы опубликовали статью Как сделать вино в 2024 году со ссылкой black-wine.ru/2024/01/28/how-to-make-wine. Через год вы, возможно, обновите статью, чтобы она казалась читателям актуальной. Поменяете 2024 год на 2025. Но как быть со ссылкой, где указана старая дата? 

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

А если таких ссылок десятки или сотни? Лучше позаботиться о них заранее. 

Вам нужна такая ссылка:

black-wine.ru/how-to-make-wine

Коротко. Ясно. Просто.

В админке сайта перейдите в Настройки – > Постоянные ссылки. Установите тип ссылки Произвольно, оставив только тег /%postname%/. Сохраните изменения.

Настройка постоянных ссылок на сайте WordPress

3. Создайте политику конфиденциальности

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

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

Конструктор политики конфиденциальности в Тильде

После установки WordPress вы обнаружите что политика конфиденциальности уже создана. Если не нашли, то создайте.

Политика конфиденциальности на сайте WordPress

Зайдите в редактор страницы, вставьте скопированный текст политики и замените URL ссылки на privacy (популярное название этой страницы). Сохраните изменения.

Настройка ссылки на политику конфиденциальности в блоге WordPress

Разместите ссылку на политику в контактной форме и футере (нижняя часть сайта).

Ссылка на политику конфиденциальности в футере сайта

4. Установите шаблон блога WordPress

Шаблон установленный по умолчанию в WordPress выглядит совсем просто.

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

Выбрать бесплатный шаблон можете прямо в админке:

  1. Перейдите во Внешний вид – > Темы
  2. Нажмите кнопку Добавить
  3. Выберите понравившийся шаблон, нажмите Установить – > Активировать.

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

Установка бесплатного шаблона блога WordPress
Установка бесплатного шаблона сайта в WordPress

Вам останется добавить на сайт контент и подставить свои изображения. 

Бесплатный шаблон блога Вордпресс

Платные шаблоны WordPress можете купить на сайте Themeforest. С помощью фильтров отсортируйте шаблоны по цене и категории бизнеса.

Магазин шаблонов WordPress
Themeforest – магазинов шаблонов для сайтов WordPress

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

Чем отличаются платные шаблоны блога WordPress от бесплатных?

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

5. Установите плагины на сайт

Добавить плагины на сайт WordPress тоже можно из админки. 

Перейдите в Плагины – > Добавить новый – > найдите плагин через поиск или загрузите скачанный плагин из официального сайта.

Установка плагина Вордпресс

Список рекомендуемых плагинов WordPress:

  • Autoptimize – оптимизация и ускорение сайта
  • Classic Editor – классический редактор постов и страниц
  • Classic Widgets – классический экран управления виджетами
  • Contact Form 7 – контактная форма на сайте
  • WP Mail SMTP – исправляет отправку почты с сайта
  • Elementor – конструктор страниц и лендингов
  • EWWW Image Optimizer и Smush – оптимизация изображений 
  • iThemes Security – мощный плагин для безопасности и защиты сайта от взлома
  • LuckyWP Table of Contents – выводит оглавление в постах и страницах
  • Plugins Garbage Collector – очистка базы данных сайта от мусора
  • Rank Math SEO – оптимизация сайта для поисковых систем
  • WP Table Builder – конструктор таблиц
  • Wp-Insert – показывает баннерную рекламу на сайте (РСЯ, AdWords)
  • Яндекс.Турбо – турбо страницы в поиске Яндекс.

Вопросы

Здесь часто-задаваемые вопросы новичков по установке блога WordPress.

Что такое блог на WordPress?
Как установить WordPress на виртуальный хостинг?
Какой хостинг подойдет для блога WordPress?
Преимущества блога WordPress?
Какие еще есть блог-платформы, кроме WordPress?

Трудно ли вручную установить блог WordPress на хостинг?

В первый раз всегда трудно.

Подготовка к установке Вордпресс отнимает больше всего времени, и, здесь, новичку сложнее всего. Требуется настроить домен, создать базу данных, распаковать файлы на хостинге. Пошаговая инструкция не всегда может помочь, так как описываемый способ установки WordPress, на разных хостингах отличается.

Если зашли в тупик, советую поступить так:

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

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

Автоматическая установка WordPress на хостинге Таймвеб

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

Если установить блог WordPress на хостинг для вас также легко, как приготовить яичницу на кухне, прошу, не проходите мимо, поделитесь советом в комментариях.