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

Как установить WordPress на компьютер

Содержание:

  1. Установка и настройка OpenServer;
  2. Установка WordPress на OpenServer.

Современные сайты, использующие различные CMS (WordPress, Joomla, OpenCart, Modx) требуют для своей работы специальное программное обеспечение — базы данных, поддержку PHP, разные серверные примочки, поэтому их нельзя просто так запустить на обычном домашнем компьютере, как это прокатывало на статичных HTML страницах.

Поэтому есть только два пути:

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

Для того, чтобы обеспечить работоспособность всех элементов сайта на локальной машине, используются специальные программные комплексы, запускающие пакет нужных программ (Apache, Nginx, MySQL, PHP, PHPMyAdmin и т.д.).  Среди них один из самых удобных и современных — это OpenServer, он работает под Windows, не требует инсталляции и может использоваться на переносных носителях, например на флешке (удобно делать всё дома, а потом просто придти с флешкой к заказчику и показать результат).

Самым удобным в использовании OpenServer при разработке является то, что вы создаете локально сайт сразу на «правильном домене», то есть при включении комплекс подменяет hosts и вы открывая в браузере сайт по тому же адресу, что и в интернете, будете видеть версию, работающую локально. То есть, добавив в OSPanel домен своего блога BiznesSystem.ru, после запуска я вижу по этому адресу информацию со своего компьютера, отключая программу снова вижу данные из интернета. Не нужно править ссылки в базе данных и делать прочие настройки при переносе с хостинга и обратно.

Что входит в текущую версию:

состав программного комплекса openserver

Как видите можно запускать и отлаживать сайт на разных конфигурациях системы.

Как установить OpenServer

1. Скачиваем пакет с официального сайта

Искать на торрентах не надо, программный комплекс бесплатен официально.

Сайт — https://ospanel.io/download/

На оф.сайте можете почитать про сам комплекс, а для работы скачиваем один из двух вариантов:

  • Premium — всё, что нужно;
  • Ultimate — дополнительно разные полезные программы и утилиты, типа FTP клиент FileZilla, текстовый редактор Notepad++ и прочее (список там по ссылке можно посмотреть);

Я использую Premium, так как все нужные программы у меня итак имеются. На работу непосредственно сайта или OpenServer это никак не повлияет.

К скачиваю будет доступен самораспаковывающийся архив, примерно с таким названием — open_server_5_2_9_premium.exe

2. Установка и запуск программы

При открытии скачанного архива вас спросят куда распаковать файлы — значения это не имеет, кладите куда вам удобно, главное чтобы хватило места. Распакованный Премиум займет 6.5 Гб, а Ультимейт — почти 8 Гб пространства, потом вы еще сайты будете в эту же папку добавлять, так что берите с запасом.

Распакуется всё в папку OSpanel и в ней вы увидите 2 exe-шника и 3 папки:

папка ospanel

Open Server x64 — запускающий файл для 64 разрядных систем, Open Server x86 — для 32 разрядных. Выбор зависит от вашей операционной системы.

Открывать программу необходимо с правами администратора, для этого щелкаете по файлу правой кнопкой мыши и выбираете «Запуск от имени Администратора».

запуск от имени администратора

Если Windows попросит во всплывшем окне разрешение на открытие, то разрешаем. При первом запуске программа предложит установить «Microsoft Visual C++ Runtime & Patches» — соглашайтесь, даже если у вас это уже есть, хуже не будет.

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

ospanel в трее

Все дальнейшие действия с OpenServer идут через него (запуск, настройки, просмотр логов, работа в базами данных и т.д.). Чтобы проверить всё ли правильно установилось, нажмите на этот значок и в меню выберите флажок зеленого цвета с подписью «Запустить».

запустить openserver

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

По умолчанию в OpenServer уже есть один сайт «Localhost» (страница для проверки), откройте его. Для этого наведите курсор на «Мои сайты» и нажмите на соответствующую надпись.

открыть сайт

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

openserver панель работает

Если флажок после желтого снова стал красным, значит что-то пошло не так. На «чистом» OpenServer такое случается если запускать не от имени администратора, других проблем я не встречал. Еще одна распространенная причина — несовместимая конфигурация компонентов (если вы будете менять настройки по умолчанию).

Разобраться с проблемами поможет пункт меню «Просмотр логов», если не запускается изучайте его.

log запуска

3. Настройка OpenServer

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

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

Вкладка «Основные»

основные настройки openserver

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

Вкладка «Модули»

версии apache php mysql

Здесь мы можем переключить работу OSPanel на работу с разными версиями apache, php, mysql. Мне это было очень нужно при переводе сайтов с PHP 5.6 на PHP 7.2 — некоторые плагины, которые я использовал были старыми и новую версию не поддерживали, приходилось что-то корректировать, каким-то найти замену.

Важно! При создании новых сайтов настраиваете здесь сразу современные версии.

Вкладка «Разное»

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

Вкладка «Меню»

вкладка меню

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

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

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

К сожалению, автоматической установки CMS в OpenServer не предусмотрено и необходимо делать всё вручную. Впрочем, для WordPress это затея нехитрая. Нам нужно:

  1. Скачать дистрибутив последней версии Вордпресс на компьютер;
  2. Создать папку для сайта и распаковать в него файлы дистрибутива;
  3. Создать базу данных на локальном сервере;
  4. Прописать в конфигурационном файле wp-config.php данные от созданной базы;
  5. Открыть в браузере сайт (при запущенном OS) и следовать указаниям установщика WP — там всего 1 шаг;

Теперь по этим пунктам подробнее.

1. Дистрибутив WordPress

Дистрибутив WP берем с официального сайта — wordpress.org (англ. версия) или ru.wordpress.org (русская версия).

2. Папка и файлы сайта

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

папка noviy-sajt.ru

В эту папочку складываем все файлы дистрибутива WordPress, получится так:

файлы wordpress

К файлам еще вернемся, а пока переходим к созданию базы данных MySQL.

3. Создание базы данных MySQL в OpenServer

Если вы имели опыт работы с хостингом, то знаете о панели PHPMyAdmin, с помощью которой ведется управление базами данных, здесь она на 100% идентична.

Запускаем её через меню OSPanel из раздела «Дополнительно».

запуск phpmyadmin

Панель откроется в браузере, для доступа по умолчанию действует логин «root» без пароля.

вход phpmyadmin

В открывшемся окне слева будет список уже имеющихся баз, то что там имеется трогать на надо, нас интересует ссылка «Создать БД», она открывает справа поле для ввода имени, кодировку и кнопку «Создать». В примере я ввел «new_base», после нажатия на кнопку «создать» она добавится в левый список и будет совершенно пустой — трогать её не нужно, WordPress сам заполнит БД нужными таблицами и данными.

создание БД в phpmyadmin

Прямой доступ к базе понадобится вам в будущем при переносе Вордпресс с компьютера на хостинг.

4. Настройка файла конфигурации wp-config.php

В корне сайта (непосредственно в папке вашего домена) лежит файл wp-config-sample.php — это шаблон. Открываем его редактором Notepad++ (встроен в OpenServer). Ищем строки с названием базы данных, именем пользователя и паролем, в них прописываем, соответственно, название БД, root — логин на локальном сервере, а пароль не меняем, оставляя пустым.

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

настройка wordpress wp-config.php

Дальше можете сохранить файл сразу из редактора под новым именем «wp-config.php» или сохранить шаблон, а потом переименовать, вырезав «sample».

5. Установка WordPress

Установка осуществляется простым открытием сайта в браузере, но для начала необходимо перезапустить OpenServer, чтобы он подхватил все сделанные настройки и добавил наш новый сайт в список.

Делается это нажатием в меню на желтый флажок, либо выключением и включением.

перезагрузка openserver

Теперь просто нажимаем на новый сайт (в примере noviy-sajt.ru) и он откроется в браузере:

как установить wordpress на openserver

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

wp установлен

Теперь вы знаете как установить WordPress на компьютер с помощью пакета OpenServer. Если вы совсем новичок и у вас есть вопросы о том, как настраивать и работать с WP, то загляните в раздел «Блог с нуля«, о полезных плагинах читайте в рубрике «Плагины«, а для получения более широкого спектра информации по сайтам и интернет заработкам подписывайтесь на обновления.