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

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

Всем привет! В этой статье я расскажу, как установить WordPress на хостинг. Доменное имя выбрано, хостинг настроен, FTP-доступ настроен, можно приступать к созданию сайта. Современные сайты создаются на «движке», CMS.

CMS — Content management system (Система управления содержимым или контентом) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления содержимым (контентом).
Основные функции CMS:

  • Предоставление инструментов для создания содержимого, организация совместной работы над содержимым;
  • Управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.;
  • Публикация содержимого;
  • Представление информации в виде, удобном для навигации, поиска.

Содержание:

  1. Подготовка дистрибутива и хостинга
  2. Установка WordPress на хостинг
  3. Первоначальная настройка WordPress

Существует много «движков». Наиболее распространенные бесплатные WordPress, Joomla, Drupal. Начинающему блогеру рекомендую использовать один из них. Они бесплатные, широко распространены (очень много информации), много дополнений и расширений (практически всё можно сделать установкой нужного плагина).

Для установки CMS хостинг должен удовлетворять некоторым требованиям. На момент написания статьи, для WordPress, необходимо PHP версии 7 и выше, MySQL версии 5.6 и выше (более подробно читайте здесь). В данной статье (как и в статье по настройке FTP-доступа) для примера использую аккаунт RU-CENTER (не реклама, просто есть на нём домен и хостинг, которые пока не используются).

1 шаг. Подготовка дистрибутива. Необходимо скачать последнюю версию WordPress. Идем на официальный сайт и качаем https://ru.wordpress.org. (Рис 1).

Скачать WordPress. Блог Андрея Дубина
Рис. 1. Скачать WordPress.

2 шаг. Подготовка хостинга. На хостинге должен быть запущен сайт с нужным доменом, настроены DNS записи (это делается автоматически, если вы регистрируете домен+хостинг, если же нет, и Вы не понимаете, что всё это значит, обратитесь в службу поддержки или к знающим людям, DNS записи настраиваются один раз). К каталогу этого сайта должен быть настроен FTP-доступ. Должна быть создана База Данных (нам понадобятся логин, пароль, адрес сервера базы данных). Если Вам пока не всё понятно, ничего страшного, дальше будет легче. Самое сложное мы сделали.

3 шаг. Копирование файлов CMS. Здесь можно поступить двумя способами. Скаченный архив распаковываем, и все файлы архива закачиваем в корень сайта по FTP. Либо закачать архив по FTP, а средствами хостинга распаковать его. Второй способ в несколько раз быстрее. Не важно каким образом файлы попадут на сервер, главное, чтобы корень сайта выглядел как на Рис 2.

Распаковать WordPress. Блог Андрея Дубина
Рис 2. Распаковать WordPress.

4 шаг. Установка. Заходим на наш сайт через любой браузер и видим приветствие WordPress (Рис 3). Кликаем «Вперед!»

Установка WordPress. Блог Андрея Дубина
Рис 3. Установка WordPress.

Необходимо ввести учетные данные:
— имя базы данных;
— имя пользователя базы данных;
— пароль пользователя базы данных;
— сервер базы данных (этот параметр можно уточнить на странице создания базы данных панели инструментов хостинг-провайдера или в службе поддержки);
— префикс таблиц (по умолчанию wp_, я рекомендую изменить это значение на случайное сочетание двух-трех букв для повышения безопасности сайта)
(Рис 4). Кликаем «Отправить».

Установка WordPress. Блог Андрея Дубина
Рис 4. Установка WordPress.

Вся информация будет проверена (доступность базы данных с введёнными учетными данными). Если нет проблем, то увидим сообщение о полной готовности к началу процесса установки (Рис 5). Кликаем «Запустить установку».

Установка WordPress. Блог Андрея Дубина
Рис 5. Установка WordPress.

Необходимо ввести информацию о новом сайте:
— название сайта, потом можно будет изменить;
— имя пользователя, для доступа к панели администрирования сайта (рекомендую использовать в имени пользователя символ @ — этот символ не отображается при отображении логина, и если кто-то будет подбирать пароль к админке, будет подбирать к неправильному логину);
— пароль, предлагается 18 символьный пароль случайных символов (можно изменить пароль, но упрощать не рекомендую, это будет не безопасно, я напишу статью по безопасности WordPress и покажу, как можно отследить переборщиков паролей, и Вы увидите, что переборщики ломятся даже на очень молодые сайты, а если Вы учли рекомендацию предыдущего пункта, то увидите, как подбирается пароль не к тому логину);
— e-mail, понятно, Ваша почта (Рис 6). Кликаем «Установить WordPress».

Установка WordPress. Блог Андрея Дубина
Рис 6. Установка WordPress.

Поздравляю! Установка завершена. Первым делом нам предлагают войти в админ-панель сайта. Рис 7.

Установка WordPress. Блог Андрея Дубина
Рис 7. Установка WordPress.

На этом установка WordPress завершена. Теперь остаётся только настроить. Заходим в админ-панель (Рис 8).

Вход в панель администрирования. Блог Андрея Дубина
Рис 8. Вход в панель администрирования.

Шаг 5. Настройка. Мы зашли в админ-панель нашего сайта (Рис 9).

Панель администрирования WordPress. Блог Андрея Дубина
Рис 9. Панель администрирования WordPress.

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

Структура меню (колоночка слева):

Детальное описание

  • Консоль
    • Главная. Это панель быстрого доступа к основным элементам блога. Обратите внимание на кнопку «Настройка экрана» в верхней части. Такая кнопка есть практически на каждой странице админ-панели. Под этой кнопкой скрывается много интересных возможностей. На каждой странице такая кнопка имеет свой набор полезных функций. Если вы вдруг закрыли какой-то элемент на странице, открыть заново его можно через эту волшебную кнопку.
    • Обновления. Страница, на которой можно посмотреть какие элементы (будь это движок или плагины) доступны для обновления. И из этой закладки можно обновить соответствующий элемент. Рекомендуется перед любыми изменениями, в том числе перед обновлением, делать резервную копию сайта (файлы движка + база данных), для возможности откатиться.
  • Записи
    • Все записи. С этой страницы начинаются все записи (статьи) блога. Здесь можно добавлять, удалять, редактировать записи. Тут же видно, к каким записям сколько комментариев. Так же есть информация о рубрике, к которой относится запись. Когда закончится настройка блога, мы придем в этот раздел админ-панели и будем наполнять наш сайт контентом.
    • Добавить новую. Можно в предыдущем пункте нажать на кнопку, расположенную в верхней части экрана «Добавить новую» или зайти в этот раздел. Здесь создаётся статья для нашего сайта. Справа есть вспомогательное меню. Если запись еще в процессе разработки, то ей можно присвоить статус или ограничить видимость, чтобы сырой материал не видели посетители. Или же можно установить дату публикации статьи на несколько дней вперед. Так же можно указать рубрику статьи, для придания материалам сайта структурированности и иерархичности. Есть возможность задать миниатюру – это картинка, которая будет отображаться на странице с анонсом о статье, с такими миниатюрами посетителям намного легче ориентироваться в записях блога. (Зайдите на главную страницу моего блога, вы увидите миниатюру, а под ней анонс, для каждой статьи).
    • Рубрики. Простой, интуитивно понятный инструмент редактирования рубрик. Рубрики – это разделы. Темы, по которым можно разделять статьи.
    • Метки. Так же как и рубрики, страница имеет простой интерфейс. Метки – это набор ключевых фраз к записи. Дополнительный механизм структурированного поиска. Когда у вас будет много статей, по меткам легко искать нужную информацию.
  • Медиафайлы
    • Библиотека. На этой странице отображаются все изображения, загруженные на сайт. Изображения можно добавлять, удалять, а так же редактировать описание и заголовок.
    • Новый файл. Отдельной страницей выделено добавление новых изображений. Можно добавлять через кнопку или просто перетаскивать в эту область изображения с компьютера.
  • Страницы
    • Все страницы. Данная страница отображает отдельные страницы сайта. Можете создавать любые страницы, которые нужно отделить от записей, и вынести в отдельные пункты меню, такие как «Карта сайта», «Обратная связь», «Сотрудничество», «О компании» и т.д.
    • Добавить новую. Как и в большинстве случаев, создание новой страницы выделено отдельным пунктом. Весь интерфейс схож с созданием новой записи. Вспомогательное меню немного отличается. Нет меток и рубрик, но есть атрибуты. Страницы можно собирать в иерархию друг относительно друга.
  • Комментарии. Когда пользователи начнут оставлять комментарии к статьям, из этой закладки можно будет управлять всеми комментариями. Можно одобрять комментарии, удалять, редактировать.
  • Внешний вид
    • Темы. Одной из первых задач, после создания сайта, будет настроить внешний вид. Внешний вид базируется на теме, выбранной для сайта. В сети очень много различных тем для WordPress. Нужно тщательно продумать, как должен выглядеть сайт и подобрать подходящую тему. Тему можно будет изменить в любой момент.
    • Настроить. Детальная настройка выбранной темы. Данные настройки зависят от конкретной темы. Настраивается внешний вид сайта, расположение сайдбаров, виджеты многое другое. Рассказать о там, как установить и настроить тему – большая отдельная статья.
    • Виджеты. Очень интересный механизм WordPress. Можно устанавливать плагины и размещать их в качестве виджетов в любое удобное место сайта. Когда я разбирался с виджетами, мне они казались сложными и непонятными. Но когда я разобрался, я был в восторге, виджеты это удобный и очень мощный инструмент. Я рекомендую новичками разобраться, как это работает.
    • Меню. Данный раздел служит для создания/редактирования меню. Количество меню может любым. Размещать их можно в верхней части под заголовком, в нижней части под текстом, в боковой колонке. Меню может быть добавлено как виждет. Пункты меню указывают на страницы или произвольные ссылки.
    • Заголовок. Настройка названия сайта, краткого описания, изображения заголовка. Описание данного раздела будет не очень понятным. Если зайти в раздел, то настройка сразу становится понятной и простой.
    • Редактор. Можно вручную отредактировать файл стилей выбранной темы. Обычный текстовый редактор.
  • Плагины
    • Установленные. Список установленных на сайте плагинов. В данном разделе можно выключать и включать плагины, удалять, устанавливать. Где-то искать и качать плагины нет необходимости. Есть удобный поиск прямо в админ-панеле.
    • Добавить новый. Добавление нового плагина вынесено в отдельный пункт меню. Воспользуйтесь поиском, найдите нужный плагин и установите его.
    • Редактор. Можно посмотреть список файлов какого-либо плагина и текстовым редактором отредактировать исходный код. Большинству пользователей этот раздел ни к чему. Новичкам данный раздел без надобности. А опытные пользователи, которые понимаю где и что нужно отредактировать, пользуются удобными редакторами с подсветкой синтаксиса и т.д.
  • Пользователи
    • Все пользователи. Список пользователей. В данном разделе можно посмотреть всех пользователей, их права и настройки. А так же можно посмотреть записи, созданные пользователем.
    • Добавить нового. Добавление пользователя в отдельном пункте.
    • Ваш профиль. Настройка профиля. Необходимо настроить свой профиль. Для повышения безопасности необходимо изменить «Ник». И в выпадающем списке «Отображать как» выбрать любой вариант, кроме логина. Зная логин, злоумышленники могут подобрать пароль к панели администрирования. Поэтому логин лучше не светить лишний раз. Остальные параметры по Вашему усмотрению.
  • Инструменты
    • Все инструменты. Закладка, в которой можно перетащить кнопку «Опубликовать» в закладки своего браузера и получить удобный инструмент публикации прямо из браузера. Так же имеется конвертор рубрик и меток. Конвертор переводит метки в рибрики и обратно. Когда Вы создаете свой блог, то создаете структуру сайта, рубрики и метки немного вслепую, так как Вам кажется это должно быть. Но со временем, когда сайт разовьется и достигнет определенного уровня, ситуация изменится. Вы поймете, что наиболее интересно для посетителей, как переструктурировать метки и рубрики. И в этом Вам поможет данный инструмент.
    • Импорт. Можно импортировать любые данные с другого сайта на WordPress (рубрики, метки, записи, и т.д.).
    • Экспорт. Что бы воспользоваться предыдущим пунктом, нужно сначала произвести экспорт. Эта закладка для экспорта данных.
  • Настройки
    • Общие. Основные настройки сайта. Большинство общих настроек – это информация, введенная при установке WordPress.
      • Название сайта. Название сайта постарайтесь сделать сжатым. Заголовок статьи и название сайта будут объединены в вид: «Заголовок статьи | Название сайта». Это можно будет изменить специальными плагинами для SEO. Но лучше делать, чтобы было правильно в любом случае.
      • Краткое описание. В большинстве шаблонов краткое описание – это текст, выводимый на главной странице под названием.
      • Адрес WordPress(URL). Адрес, где расположен движок WordPress. Как правило, этот адрес совпадает с адресом сайта, т.к. обычно WordPress устанавливается в корневую директорию сайта. WordPress можно установить в другую директорию сайта.
      • Адрес сайта(URL). Комментарии здесь лишние.
      • Адрес e-mail. Почта, на которую будут приходить системные сообщения, например, об обновлении сайта.
      • Членство. Разрешена ли регистрация на сайте.
      • Роль нового пользователя. Права, с которыми регистрируются новые пользователи.
      • Часовой пояс. Тут всё понятно.
      • Формат даты. Выберите, в каком формате отображать на сайте дату. Y – год, m – месяц, d – день.
      • Формат времени. Выберите, в каком формате отображать время на сайте.
      • Первый день недели.
      • Язык сайта.
    • Написание. Настройки по умолчанию при публикации материала. Настраивайте по своему усмотрению. Публикацию через e-mail никогда не делал. Рекомендую заполнить сервисы обновления (их еще называют пинг сервисами WordPress). Они нужны, чтобы новые статьи быстрее индексировались поисковыми системами. Много разных мнений по поводу этого поля. Некоторые рекомендуют заполнить как можно больше сервисов. Другие не рекомендуют сразу заполнять много сервисов. Однозначно одно, как минимум нужно заполнить основные сервисы. Вот список основных сервисов:
      http://rpc.pingomatic.com/
      http://ping.blogs.yandex.ru/RPC2
      http://blogsearch.google.ru/ping/RPC2
      http://www.blogsearch.google.com/ping/RPC2
      http://ping.feedburner.com
      http://www.rpc.technorati.jp/rpc/ping
      http://rpc.icerocket.com:10080/
    • Чтение. Настройки отображения сайта. Главную страницу можно сделать статической страницей. Да можно все страницы сделать обычными статическими страницами. А можно в виде блога. Можно блог разместить не на главной странице. Ну и соответственно детальные настройки отображения блога (не важно, где он будет). Есть непонятная кнопка – «попросить поисковые системы не индексировать сайт». Не знаю зачем эта кнопка, тем более, что она будет учитываться на усмотрение поисковика.
    • Обсуждение. Настройка комментариев. Есть настройки по умолчанию, которые можно изменить в каждой статье индивидуально, а есть общие настройки. Настройка «перед появлением комментария» определяет, будет ли комментарий отображаться сразу, каждый раз одобряется вручную, или как по умолчанию – одобряется только первый комментарий автора, а остальные автоматически одобрены. Лично я предпочитаю одобрять все комментарии вручную. Остальное внимательно прочитайте, должно быть всё понятно из названия.
    • Медиафайлы. Настройки изображений. При загрузке изображений на сайт автоматически создаются несколько изображений меньшего размера. На этой закладке настраивается размер этих меньших изображений. С точки зрения оптимизации места под сайт – на каждую картинку создается 3 изображения меньшего размера, это не очень оптимально. Зато при использовании изображения в тексте будет использован наиболее подходящий размер. Это сильно оптимизирует скорость загрузки страниц сайта.
    • Постоянные ссылки. Выбираем формат отображения ссылок. Мне нравится вариант «название записи». Если вдруг понадобиться что-то поменять, то нет привязки ни к дате, ни к рубрике.
  • Свернуть меню. Это плюшка. Нажмите и увидите ее в действии.

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

Автор: Андрей Дубин.

5 thoughts on “Как установить WordPress на хостинг

  1. Очень подробно и понятно расписан каждый шаг. Теперь вперед — пора наполнять созданный сайт статьями. Удачи!!!

  2. как всегда, статья информативная и подробная… Эх, мне бы так разбираться в этих вопросоах… будем учиться

  3. Все так подробно описано в статье, что любой начинающий блогер сможет попробовать сделать себе блог по данной статье.

  4. Сейчас установить любой движок не проблема в 21 веке) ведь сам хостинг предлагает автоматическую установку). Жаль что этот движок мне разонравился, но уже поздно.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*