Установка wordpress на хостинг — видео + описание

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

Как установить wordpress на хостинг правильно, если вы новичок в этом деле.

Для того, чтобы сайт или блог появился в сети интернет у вас должен быть куплен домен и хостинг. На хостинг необходимо установить систему управления сайтом CMS WordPress (англ. CMS — Content Managment System — система управления контентом).

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

В этой публикации мы рассмотрим установку wordpress на хостинг за 10 минут — видео + описание.

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

Все дополнительные ссылки, приведенные в этой публикации, открываются в новой вкладке.

 

Установка wordpress на хостинг за 10 минут — видео

Установка wordpress на хостинг — описание процесса

Содержание

Как установить wordpress на хостинг правильно, быстро, подробно для новичка

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

Просто выполняйте все по порядку, — и задача будет решена.

Купить домен и хостинг

Рекомендации о том как выбирать и покупать домен и хостинг даны в публикации Как вывести сайт в топ 10 самостоятельно и как заработать на собственном сайте новичку по ссылке Домен и хостинг (ссылка откроется в новом окне).

Создать базу данных для wordpress-сайта

Перед установкой WordPress, на хостинге у вас должна заранее быть создана База Данных. Как создать базу данных в современных популярных панелях управления смотрите в рубрике «Создание базы данных для wordpress» или сразу по прямым ссылкам:

Скачать zip-архив последней версии wordpress с официального сайта https://ru.wordpress.org

После того, как вы купили хостинг и создали базу данных, скачайте WordPress c официального сайта по ссылке:

https://ru.wordpress.org/download/.

На вашем компьютере в папке Загрузки появится zip-архив — сжатая папка, внутри которой находятся все файлы и папки самой системы управления контентом wordpress.

zip-архив-вордпресс

Рисунок А. Zip-архив WordPress.

Извлечь дистрибутив wordpress (папки и файлы из которых состоит сама wordpress) из скачанного zip-архива (распаковать архив).

Нажмите на этот архив правой кнопкой мышки. В появившемся контекстном меню выберите пункт «Извлечь в wordpress…» У вас появится папка с WordPress последней версии.

 

izvlech-arhiv-wordpress

Рисунок 1. Извлечение (распаковка) архива WordPress.

 

raspakovanniy-arhiv

Рисунок 2. Распакованный (извлеченный) архив wordpress.

Зайдите в эту папку. Вы увидите еще одну папку с названием «wordpress». Зайдите в нее.

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

distributiv-wordpress

Рисунок 3. Дистрибутив WordPress.

Закачать файлы и папки дистрибутива WordPress в корневую папку на хостинге.

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

Скачать FileZilla

Скачать FileZilla можно с официального сайта программы по ссылке:

https://filezilla.ru/get/.

Скачайте, установите и запустите программу FileZilla.

Для этого на открывшейся странице официального сайта FileZilla выберите нужную вам версию программы, подходящую для вашей операционной системы (Windows, Linux или Mac Os X) и кликните по ссылке. К вам в папку «Загрузки» загрузится установочный файл программы, который выглядит примерно так:

Установочный exe-файл FileZilla- внешний вид.

Установить FileZilla на компьютер

Сделайте 2-й (двойной) клик левой кнопкой мышки и следуйте инструкциям в появившемся окне установщика программ. Там все интуитивно понятно. Выберите свой язык установки (украинский, русский, немецкий и т. д.) и далее жмите «Ok» или «Да».

На рабочем столе у вас появится ярлык для запуска FileZilla.

Запустить FileZilla.

2-й (двойной) клик левой кнопкой мыши по ярлыку запустит программу.

Интерфейс программы FileZilla вы видите на скриншоте (рисунок 4).

filezilla-interface

Рисунок 4. FileZilla — программа для загрузки файлов на удаленный сервер.

Установить соединение с хостингом в программе FileZilla.

Чтобы соединиться с хостингом — впишите свои данные от хостинга в поля в верхней части программы FileZilla (на рисунке подчеркнуты прямой горизонтальной красной линией). Данные должны у вас остаться после регистрации на сайте хостинг-провайдера. А именно:

  1. Хост — имя вашего домена с приставкой ftp (пример: ftp.garnitsin.online).
  2. Имя пользователя — ваш логин в системе хостинга.
  3. Пароль — пароль для входа в ваш хостинг-аккаунт.
  4. Порт можете прописать 21, или оставить поле пустым. Он прописывается автоматически.

Нажмите на кнопку «Быстрое соединение» в правом верхнем углу программы (на рисунке кнопка показана красной стрелкой).

Если все правильно ввели — должно произойти соединение с удаленным сервером.

Вы увидите примерно следующую картину (рисунок 5):

FTP-соединение через FileZilla.

Рисунок 5. Соединение с удаленным сервером по FTP — FileZilla.

Зайти в корневую папку вашего сайта и закачать туда файлы и папки дистрибутива WordPress.

В правом центральном окне FileZilla (выше на рисунке 5 окно выделено красным прямоугольником) найдите свою корневую папку, в которой будет размещаться ваш сайт.

В моем примере это папка public_html (рисунок 6):

root-dir-filezilla

Рисунок 6. Корневая папка на удаленном сервере в программе FileZilla.

Корневую папку, куда можно заливать файлы вам назначают на хостинге. В зависимости от хостинга, — папка может называться по разному. Если вы новичок и сами не разобрались, — задайте вопрос в чат вашей службы поддержки. Вам все объяснят и скажут в какую папку можно закачать сайт.

Зайти в корневую папку сайта в программе FileZilla.

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

Удалите все.

Очистить корневую папку сайта в программе FileZilla.

Для этого нажмите на 1-й (на первый) сверху файл прямо в FileZilla. Он выделится — станет синим. Затем нажмите кнопку SHIFT и одновременно стрелку вниз, пока вы не выделите все файлы и папки. Теперь отпустите SHIFT и стрелку вниз. Все выделенное должно быть синим. Нажмите правой кнопкой мыши по синему пространству. В появившемся контекстном меню нажмите пункт «Удалить» (рисунок 7).

root-clear-in FileZilla

Рисунок 7. Очистка корневой папки от ненужных файлов в программе FileZilla.

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

Закачать дистрибутив WordPress в корневую папку сайта в программе FileZilla.

Чтобы закачать все файлы WordPress на хостинг в только-что очищенную папку, для этого:

  • Способ 1. В левом центральном окне программы FileZilla, у вас должен быть открыт сам дистрибутив. Нажмите сочетание клавиш CTRL+A (так вы выделите все файлы и папки дистрибутива). Кликните по выделенному пространству правой кнопкой мышки. Появится контекстное меню. В этом меню выберите пункт «Закачать на сервер» (рисунок 8а).
zakachat-na-server

Рисунок 8а. Закачка WordPress из центрального левого окна FileZilla — способ 1.

  • Способ 2. Зайдите в нужную папку, куда мы скачали и распаковали с вами WordPress. Нажмите сочетание клавиш CTRL+A. Теперь левой кнопкой мыши зажмите все выделенное и перетащите прямо в программу FileZilla — в правое центральное окно (рисунок 8б).
zakachka-wordpress-filezilla

Рисунок 8б. Закачка дистрибутива WordPress на хостинг перетаскиванием из любой папки на компьютере — способ 2.

Начнется закачка файлов на удаленный сервер.

Процесс загрузки (закачки) файлов на удаленный сервер в программе FileZilla примерно выглядит как на рисунке 8в.

zakachka-wordpress-process

Рисунок 8в. Процесс загрузки файлов на хостинг в программе FileZilla.

После этого вы должны увидеть весь список закачанных файлов в правом окне программы FileZilla (рисунок 9).

zakachanniy-wordpress

Рисунок 9. Закачанный на хостинг дистрибутив WordPress.

Все.

FileZilla нам больше не понадобится.

Дальнейшая установка происходит в браузере.

Закончить установку WordPress в браузере по адресу вашего сайта.

Перейти в браузере на ваш сайт.

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

  • Введите в адресной строке браузера адрес вашего сайта — имя вашего домена (в моем случае это https://garnitsin.online, в вашем — ваше имя сайта). Должно открыться окно (рисунок 10).

Выбрать язык установки WordPress.

  • Выберите язык из предложенных и нажмите кнопку «Продолжить»:
ustanovka-wp-vibor-yazika

Рисунок 10. Установка WordPress — выбор языка.

Далее появится следующее окно — шаг 0 (рисунок 11):

ustanovka-wp-step-0

Рисунок 11. Установка WordPress — Шаг 0.

Нажмите кнопку «Вперед» (рисунок 11).

Заполнить все обязательные поля для доступа к базе данных.

Откроется следующее окно (рисунок 12):

ustanovka-wp-step-1

Рисунок 12. Установка WordPress — шаг 1.

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

Все эти данные должны быть у вас заранее. Вы их должны были записать при создании базы данных.

Поле «Сервер баз данных» оставьте localhost — как есть по умолчанию.

Поле «Префикс таблиц». Я изменил для примера. Если вы новичок — не трогайте (не изменяйте) это поле — оставьте его как есть по умолчанию (wp_).

Нажмите кнопку «Отправить».

Если все было правильно и без ошибок введено — вы увидите следующее окно (рисунок 13):

ustanovka-wp-step-2

Рисунок 13. Установка WordPress — шаг 2.

Нажмите на кнопку «Запустить установку».

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

Следующий шаг является важным (рисунок 14):

ustanovka-wp-step-3

Рисунок 14. Установка WordPress — заключительный шаг.

В открывшемся окне придумайте;

  • Название вашего сайта (потом можно будет изменить — исходите из темы, в честь которой вы создаете сайт).
  • Имя пользователя (как вас будут видеть читатели и клиенты — только латинские буквы)
  • Пароль (придумайте и запишите к себе в блокнот или оставьте тот, который придумала сама WordPress — только обязательно запишите, иначе не попадете потом в консоль управления сайтом.)
  • Ваш Email (впишите ваш действующий почтовый ящик — это буде почта вашего сайта; или создайте новый специально для сайта — выбор за вами).
  • Внимание! Еще раз повторюсь. Все эти данные запишите в отдельный файл на компьютере и себе в бумажный блокнот (все это забывается и потом теряется).

Установить WordPress.

Нажмите на кнопку «Установить WordPress«.

Перед вами возникнет окно (рисунок 15):

ustanovka-wp-step-4-enter

Рисунок 15. Окно успешной установки WordPress.

Поздравляю!

Вы сделали это!

Вы установили WordPress.

Нажмите на кнопку «Войти».

Войти в Консоль и проверить работоспособность интерфейса управления.

Появится окно входа в Консоль — административную панель управления сайтом (рисунок 16):

wp-login

Рисунок 16. Окно входа в Консоль WordPress.

Нажмите на кнопку «Войти».

Перед вами откроется весь мир WordPress собственной персоной (рисунок 17):

Konsol-wp

Рисунок 17. Консоль WordPress.

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

Перейти на сайт и убедиться, что он появился.

Нажмите на ссылку  «Просмотреть свой сайт».

Ваш wordpress-сайт в интернете (рисунок 18):

first-wp-site

Рисунок 18. Первый сайт.

Ну вот и отлично!

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

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

Как вывести сайт в топ 10 самостоятельно и как заработать на собственном сайте новичку.

Удачных вам событий и свершений!

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