Не пропусти свежие посты, подпишись:

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

Подготовка к установке

После покупки хостинга, нам необходимо создать сайт (если не создан) и базу данных в панели управления хостингом. Для этого, в панели управления перейдите в раздел «Сайты -> Создать новый сайт» :

Создание сайта в панели управления

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

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

Если всё ок, вы увидите новый сайт в списке ваших сайтов в панели управления хостингом:

Созданный сайт

Теперь к этому сайту необходимо привязать домен, чтобы получить к нему доступ из браузера. Если у вас уже куплен домен, можно использовать его, если нет — не беда, timeweb предоставляет тестовый домен второго уровня вида ваш_логин.timeweb.ru (в моём случае это maler.timeweb.ru) для того, чтобы вы могли развернуть и настроить свой сайт до покупки и привязке нормального домена. Как привязать домен первого уровня мы рассмотрим в отдельной статье, а пока воспользуемся предоставленным хостингом тестовым доменом.

Перейдите во вкладку «Домены и поддомены» , найдите в списке доменов предоставленный тестовый домен и нажмите на кнопку «Добавить поддомен».

Добавить поддомен

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

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

Если всё сделано правильно, то по адресу из поля «Имя поддомена» (в моём случае это wordpress.maler1988.tmweb.ru) должна открыться заглушка сайта Timeweb:

Timeweb заглушка

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

Отлично, осталось создать базу данных и можно приступать к установке! Перейдите в раздел «Базы данных MySQL» и нажмите кнопку «Создание новой базы данных».

Создание базы данных

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

Всплывающее окно создания базы данных

Если всё сделано правильно, вы увидите в списке новую базу данных.

Изменение пароля базы данных

И так, мы готовы к установке WordPress.

Установка WordPress

Если вы ещё не скачали дистрибутив WordPress, самое время сделать это. На момент написания статьи, последняя стабильная версия доступная для загрузки это WordPress 5.5.1. Давайте перейдём в файловый менеджер панели управления timeweb и проследуем в директорию имя которой мы указывали когда создавали сайт.

Файловый менеджер

У меня это папка /wordpress_test/public_html — папка public_html создаётся всегда в корне конкретного сайта. Её содержимое надо удалить, это файлы заглушки нового сайта. Выделите файлы через Shift или Ctrl и выберете действие «Файл -> Удалить».

Удаление файлов в файловом менеджере

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

Содержимое папки Wordpress

Поэтому после распаковки дистрибутива создаёте отдельный архив с содержимым папки wordpress и загрузите её на хостинг используя меню «Файл -> Загрузить на сервер».

Загрузка файлов на сервер

Дождитесь загрузки файла на сервер.

Процесс загрузки файлов на сервер

После загрузки, архив с файлами дистрибутива необходимо распаковать. Для этого выделите архив левой кнопкой мышки в списке файлов файлового менеджера Timeweb и нажмите «Архиватор -> Разархивировать».

Распаковка архива Wordpress

После распаковки архива, переходим в браузер по привязанному ранее поддомену, у меня это wordpress.maler1988.tmweb.ru и приступаем к установке WordPress. Если всё сделано правильно, там вы увидите стартовую страницу установки.

Стартовая страница установки Wordpress

Нажимаем кнопку «Вперёд!». На следующей странице нам необходимо указать параметры соединения с базой данных, которую мы создавали ранее.

Параметры базы данных

Вам необходимо указать следующие параметры:

  1. Имя базы данных — то что вы указывали при создании БД ранее
  2. Имя пользователя — на хостинге Timeweb при создании БД создаётся пользователь для работы с ней с таким же именем
  3. Пароль — пароль который вы указывали при создании БД
  4. Сервер базы данных — по умолчанию localhost
  5. Префикс таблиц — оставляем стандартный префикс wp_

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

Страница настроек нового сайта

Здесь вам необходимо указать:

  1. Название сайта — Просто наименование на ваше усмотрение
  2. Имя пользователя — обычно admin, но я рекомендую указать другой логин, он нужен для входа в панель управления сайтом
  3. Пароль — пароль для входа в панель управления сайтом
  4. E-mail — ваш email на случай необходимости восстановления пароля

Вводим параметры и нажимаем «Установить WordPress». Если всё сделано правильно, вы увидите примерно такую страницу:

Конец установки Wordpress

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

Установка плагинов

Я предлагаю установить ряд плагинов для улучшения безопасности сайта, работы кеша, SEO, повышения удобства пользователей. И так, давайте определимся со списком:

  1. captcha — капча для входа в админку
  2. Easy Table of Contents — навигация по статье
  3. Yoast SEO — настройка SEO
  4. Rus filename and link translit — транслит файлов с русским названием
  5. Breadcrumb NavXT — постраничная навигация
  6. Cookie Notice — предупреждения об использовании Cookie
  7. Dagon Design Sitemap Generator — html карта сайта
  8. WordPress Related Posts Thumbnails — похожие статьи

И так поехали. Для установки плагинов перейдите в раздел «Плагины -> Добавить новый» и приступим к установке плагинов.

Установка плагинов Wordpress

captcha

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

Easy Table of Contents

Easy Table of Contents — плагин создаёт блок навигации по статье основываясь на заголовках h2 — h6. Ссылки блока ссылаются через якорь на эти заголовки и позволяет пользователю быстро перейти к нужной части статей.

Yoast SEO

Yoast SEO — мощный плагин для настроек SEO сайта. Плагин платный, но в бесплатном варианте он даёт достаточно функционала для корректной настройки SEO.

Rus filename and link translit

Rus filename and link translit — транслитерация ссылок и наименования файлов загружаемых на сайт. Очень удобный плагин, особенно для работы с картинками.

Breadcrumb NavXT

Breadcrumb NavXT — плагин создаёт постраничную навигацию повышая удобство работы с сайтом.

Cookie Notice

Cookie Notice — согласно закону о защите персональных данных, вы как владелец сайта должны получить от пользователя согласие на то что вы используете Cookies файлы браузера и собираете другую статистику. Этот плагин реализует соответствующее всплывающее окно. А лучше если вы создадите у себя на сайте отдельную страницу с политикой обработки персональных данных, такую страницу можно сгенерировать здесь.

Dagon Design Sitemap Generator

Dagon Design Sitemap Generator — плагин старый, но удобный, он создаёт html карту сайтов из ссылок на разделы и страницы сайта, это улучшает пользовательский опыт, а так же даёт поисковым машинам дополнительный инструмент для индексации вашего сайта. Этот плагин нужно устанавливать вручную через загрузку плагина:

Ручная загрузка плагина

WordPress Related Posts Thumbnails

WordPress Related Posts Thumbnails — плагин позволяет реализовать блок «Похожие статьи» в конце поста, это улучшает поведенческие факторы и увеличивает время проведённое пользователем на сайте.

Сразу оговорка, этот список не истина в последней инстанции. Я использую этот перечень плагинов на собственных проектах и лично убедился в их эффективности. Возможно есть лучшие плагины, возможно я что-то упустил и стоит добавить ещё (об этом можете написать в комментариях), если у вас есть интересный опыт использования других плагинов — поделитесь им в комментариях. Надеюсь статья была вам полезна. Детальную настройку этих плагинов я рассмотрю в отдельной статье.

Желаю удачи!

Не пропусти свежие посты, подпишись:
Полезная статья?
(Нет голосов)
Курсы от партнёров
Хотите освоить востребованную профессию? Воспользуйтесь предложениями от наших партнёров. Пройдите учебный курс по одному из популярных IT направлений.

Все курсы партёнров
Вам также могут понравиться
Кем можно работать в сфере веб-разработки

Кем можно работать в сфере веб-разработки

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

CSS курсоры

CSS курсоры

В статье рассмотрены возможности изменения курсоров пользователя при помощи CSS

Работа с регистром строк в php

Работа с регистром строк в php

В статье рассмотрены примеры работы с регистром строк в языке PHP, проверка регистра, изменение, инверсия


Комментарии
Защита от автоматических сообщений
CAPTCHA
Введите слово на картинке