Как установить WordPress на локальный web-сервер XAMPP? Инструкция для новичков | — IT-блог для начинающих

Как установить WordPress на локальный web-сервер XAMPP? Инструкция для новичков |  - IT-блог для начинающих Хостинг
Содержание
  1. Denwer
  2. Vagrant. менеджер виртуальных машин
  3. Всегда осознавайте ограничения, которыми обладает локальный сервер
  4. Дополнительная информация для новичков:
  5. Загружаем и распаковываем установочный файл wordpress
  6. Запуск локального сервера: папка ospanel и работа с меню
  7. Защитите свой сайт прежде чем запустить его онлайн
  8. Как запустить xdebug?
  9. Как перенести сайт wordpress на хостинг — перенос сайта с денвера (локального сервера) на хостинг
  10. Как подготовить компьютер к работе с локальным сервером
  11. Как подключиться к серверу?
  12. Как установить wordpress на xampp
  13. Как установить wordpress с помощью автоустановщика
  14. Как установить сайт wordpress на localhost?
  15. Какой локальный сервер выбрать
  16. Меняем имя сайта wordpress через админку
  17. Монтирование папок. для разработчиков плагинов и тем
  18. Некоторые технические детали
  19. Открываем стартовую страницу установки вордпресс
  20. Подготовка к переносу wordpress на хостинг
  21. Практика. запускаем сервер
  22. Работа с темами и плагинами
  23. Старые инструменты. denwer, open server, mamp pro
  24. Установка mamp и создание базы данных
  25. Установка openserver без ярлыка
  26. Установка wordpress на локальный сервер openserver
  27. Установка wordpress на хостинг – способ первый
  28. Установка wordpress: подготовка
  29. Установка wp на openserver
  30. Установка программы bitnami
  31. Шаг 3. запускаем xampp
  32. Шаг 6. настраиваем wordpress
  33. Шаг № 3 — включаем openserver
  34. Шаг № 6 — знаменитая пятиминутная установка wordpress
  35. Шаг №2 отключите skype и антивирус
  36. Шаг №3 отключите uas
  37. Шаг №4 установка openserver: проверьте готовность системы windows
  38. Вывод

Denwer

Команда WPCourses настоятельно не рекомендует использовать локальный сервер Denwer. Причин есть несколько:

  1. Программа не обновляется и не дополняется
  2. Максимальная версия PHP, которая пойдет на денвере 5.6, хотя уже есть 7.3
  3. Та же сама ситуация с версиями Apache и MySQL
  4. Если сайт был создан сначала на Denwer а потом перенесен на хостинг, то готовьтесь к тому, что он не будет работать как нужно из–за устаревших модулей
  5. Сложность установки, много лишних действий
  6. Не знаешь как установить или загрузить сайт, то ли в папку localhost, то ли www или создавать новый каталог

Эти минусы в совокупности отбивают желание использовать Denwer, как локальный сервер. В сети появились доделанные версии денвера, но их устанавливать не рекомендуем в связи с повышенной опасностью использования.

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

Vagrant. менеджер виртуальных машин

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

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

Пользуясь инструкциями из репозитория VVV, Vagrant автоматически скачивает образ уже созданной, пустой виртуальной машины с Ubuntu внутри, а затем делает ряд других приготовлений, чтобы получить нашу идеальную систему для WordPress-разработчика.

Всегда осознавайте ограничения, которыми обладает локальный сервер

После всех позитивных вещей следует отметить несколько особенностей, которые непременно слеудет помнить при работе с локальным сервером – прежде всего из опыта работы с MAMP :

  • Будьте готовы к тому, что локальный сервер не будет запускаться. Были моменты, в частности с моим MacBook и MAMP, когда каждый раз, когда я пытался запустить сайт, MAMP просто зависал. Первый раз я минут 15 не мог понять, как же от этого избавиться. Вариант убить процесс меня мало привлекал! И чтобы решить эту ситуацию, всегда сначала попробуйте «Force Quitting» в MAMP. Если этот путь не сработал, пользователи OSX 10.5 и 10.6 могут открыть монитор активности (Activity Monitor) (расположенный в Applications/Utilities), выбрать «My Processes» и просмотреть список на предмет множественно запущенных «mysqld». Если он запущен много раз — убейте все повторяющиеся процессы, кроме одного. Процесс восстановиться.
  • Для MAMP — зеленая лампа, индицирующая активность сервера, не всегда работет корректно. Чтобы проверить это, кликните «Start Page», и если она появится — все действительно работает.
  • Некоторые действия и сложные функции могут работать некорректно. Это я понял из опыта с плагином Amazon S3. В таких случаях я обычно беру шаблон страницы WordPress или папку самого плагина, устанавливаю его на мой сайт через FTP и тестирую на личной странице. Можно даже установить субдиректории, чтобы провести более сложные тесты или использовать Multipress.

Дополнительная информация для новичков:

  1. Если хотите протестировать несколько Тем, для этого не нужно создавать столько же сайтов. Меняйте Темы на одном проекте. Всегда можно вернуться к какому-то варианту, при этом ваши настройки и записи сохранятся.

  1. В новых версиях WP, начиная с 5.0 и выше, предлагают редактор записей (страниц) Гутенберг. Если работа с ним вызывает проблемы и затруднения, можете вернуться к прежнему классическому варианту, скачав и активировав плагин Classic Editor.
  1. Помните, что при обновлении Темы, изменения, произведенные в редакторе (Консоль WP Внешний вид редактор Тем, то есть, при правке кода), вернутся к дефолтному состоянию. Поэтому думайте об этом, перед тем, как решите обновить настроенную таким образом Тему сайта.
  1. Изменения Темы, внесенные через опцию «Настройки», когда в левой части экрана открывается окошко для редактирования различных параметров, сохранятся даже после обновления ее версии. Поэтому о них не переживайте.

Загружаем и распаковываем установочный файл wordpress

Проходим авторизацию в ISPmanager и переходим во вкладку WWW → WWW-домены. Кликаем кнопкой правой мыши по нужному названию домена, а затем открываем его каталог в менеджере файлов.

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

Пришел черед загрузить установочный файл на сервер.

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

Как это осуществить, покажем и расскажем на примере архиватора 7-Zip. Заходим в папку wordpress, нажимаем комбинацию клавиш Ctrl A → Ctrl C, кликаем правой кнопкой мыши и вызываем контекстное меню. Выбираем 7-Zip → Добавить к «wordpress.zip». Через несколько секунд нужный нам архив готов к инсталляции.

Указываем подготовленный архивный файл и нажимаем кнопку «Ок».

Так же для загрузки можно использовать FTP-клиент, но средствами ISPmanager делается это быстрее и удобнее.

Выделяем только что загруженный ZIP-архив и нажимаем иконку «Извлечь».

Выбираем папку с именем домена и нажимаем «Ок».

Через несколько секунд все файлы и папки окажутся в корневой директории сайта.

Удаляем установочный ZIP архив wordpress, он больше нам не нужен.

Запуск локального сервера: папка ospanel и работа с меню

Найдите и откройте папку OSPanel (название, если хотите, можете изменить). Она содержит 3 папки и два файла инсталляции сервера: 64.exe и 86.exe.

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

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

Для этого выберите опцию Дополнительно→Первый запуск. Появится окно для установки дополнительных параметров в системе.

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

У вас уже есть сайт-платформа localhost. При нажатии на опцию Мои сайты, перейдите по ссылке, тогда сможете его увидеть в браузере. OpenServer готов к установке движка Вордпресс.

Защитите свой сайт прежде чем запустить его онлайн

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

Один из самых простых путей для того, чтобы добавить уровень защиты своему сайту состоит в том, чтобы создать пустой файл index.php и поместить его в директории wp-content, wp-content/plugins, wp-content/themes. Это самое простое и быстрое, что можно сделать еще на стадии разработки во избежании индексации вашего контента.

В указанном index.php я добавляю также следующий код:

Как запустить xdebug?

Обычно XDebug не используют, потому что его сложно устанавливать и настраивать. Но в VVV достаточно подключиться к серверу (см. выше) и выполнить команду xdebug_on.

# подключаемся к серверу
vagrant ssh

# включаем XDebug

xdebug_on

# Для выключения команда xdebug_off

Более подробно о возможностях дебаггинга и профилирования кода собран раздел справочной информации Code Debugging. А начать знакомиться с XDebug можно по ранним статьям на WPMag.

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

Кстати, использование XDebug вовсе не обязательно. Вполне нормально, что кому-то может нравится использовать обычный var_export() и var_dump() вместо томного ожидания запуска многими любимой IDE написанной на Java.

Как перенести сайт wordpress на хостинг — перенос сайта с денвера (локального сервера) на хостинг

Здравствуйте, друзья! Вот и пришло время поговорить с Вами о том, как перенести сайт WordPress на хостинг с локального сервера или с хостинга на хостинг.

Переносить сайт на хостинг в первый раз всегда волнительно. У многих возникают мысли «лишь бы не накосячить» и «как все это перенести?!». Но поверьте, ничего сложного в переносе сайта на хостинг нету! Соберитесь с мыслями, и следуя пошаговой инструкции из этого урока приступите к переносу сайта. У Вас все обязательно получится, а если будут возникать вопросы — задавайте их в комментариях, и я постараюсь Вам помочь!

И так, приступим!

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

1. Заходим в панель администратора хостинга, на который будем переносить сайт. Домен для сайта на этот момент уже должен быть зарегистрирован, а сайт добавлен в панель хостинга. Если Вы еще не добавили сайт в панели, перейдите в Мои сайты -> Добавить сайт.

Как перенести сайт WordPress на хостинг

2. Далее нужно создать новую базу данных для сайта. Для этого в панели хостинга переходим в Базы данных -> Создать базу данных.

После создания Вы увидите логин, хост и пароль к базе данных. Эти данные пригодятсяВам далее, при изменении файла wp-config.php.

Как перенести сайт WordPress на хостинг

3. Теперь нужно изменить файл конфигурации wp-config.php. Напомню, что данный файл находится в корневой папке сайта (на локальном сервере).

Откройте файл wp-config.php и измените данные о базе данных на те, которые Вы получили в предыдущем шаге. Вам нужно указать новое имя базы данных, имя пользователя, пароль и имя сервера (хост).

Вот так будет выглядеть файл конфигурации wp-config.php после заполнения:

4. Далее делаем копию базы данных сайта находящегося на локальном сервере (http://localhost/Tools/phpMyAdmin/). Подробнее о том как сделать резервную копию базы данных мы говорили в одном из прошлых уроков.

5. Созданную в предыдущем шаге копию базы нужно загрузить (импортировать) на хостинг. Для этого заходим в панель управления хостингом и находим настройки базы данных. В них запускаем phpMyAdmin и импортируем базу данных сайта. Аналогичную процедуру делают при восстановлении сайта из резервной копии базы данных.

6. После импорта необходимо сделать небольшие изменения в базе данных. Откройте таблицу wp_options и измените строчки siteurl и home. После импорта базы там будут ссылки с адресом сайта расположенном на Денвере, а нам нужно указать адрес нашего сайта на хостинге. К примеру, если на локальном сервере адрес сайта был http://www.site.com, а Вы создаете на хостинге сайт http://www.test.com — укажите в строчках http://www.test.com (без слеша в конце url).

7. Одним из последних этапов переноса будет загрузка файлов сайта на сервер хостинга. Загрузить файлы можно с помощью файл-менеджера на хостинге или с помощью FTP-соединения. Вам нужно загрузить все файлы сайта WordPress, включая измененный ранее файл конфигурации wp-config.php.

После загрузки файлов на сервер можно считать что перенос сайта на хостинг почти завершен!

Важно! Обязательно!

8. После переноса базы данных и файлов на хостинг нужно обновить ссылки на сайте. Без этого все URL-ы останутся старыми (с локального сервера)! О том, как это сделать быстро и правильно я объясню в следующем уроке. Выношу этот урок специально отдельно, чтобы тем людям, которые переносили сайт не по этой инструкции было легче найти нужную информацию.

Читайте далее:

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

Здравствуйте, друзья! Вот и пришло время поговорить с Вами о том, как перенести сайт WordPress на хостинг с локального сервера или с хостинга на хостинг. Переносить сайт на хостинг в первый раз всегда волнительно. У многих возникают мысли «лишь бы не накосячить» и «как все это перенести?!». Но поверьте, ничего сложного в переносе сайта на хостинг нету! Соберитесь с мыслями, и следуя пошаговой инструкции из этого урока приступите к переносу сайта. У Вас все обязательно получится, а если будут возникать вопросы — задавайте их в комментариях, и я постараюсь Вам помочь! И так, приступим! Перенос сайта WordPress на хостинг Я постараюсь как можно…

Как подготовить компьютер к работе с локальным сервером

Чтобы запустить локальный сервер на компьютере, придется изменить настройки некоторых программ или операционной системы. Для работы серверов нужно освободить порт 80. Его часто занимает служба Internet Information Services (IIS). Чтобы убедиться в этом, введите в командную строку команду netstat -aon | findstr 0.0:80. Если порт 80 действительно занимает системный процесс, в диалоговом окне в последнем столбце вы увидите значение «4».

Чтобы отключить IIS, в панели управления выберите меню «Программы и компоненты – Включение и отключение компонентов Windows». Снимите флаг напротив опции «Службы IIS» и сохраните изменения. Может потребоваться перезагрузка системы.

Отключаем службы IIS, чтобы освободить порт 80

Снимаем выделение с этого чекбокса

Если открыть «Программы и компоненты» в вашей версии Windows не удалось, есть еще один способ. Используйте сочетание горячих клавиш Win R. Откроется окно «Выполнить», где нужно указать команду appwiz.cpl

Если изменение настроек системы не помогло, отключите брандмауэр и антивирусное ПО. Некоторые сетевые экраны блокируют порт 80.

Как подключиться к серверу?

Для подключения можно использовать любой SFTP клиент или обычную консоль. Чтобы подключиться к виртуальной машине из консоли достаточно набрать vagrant ssh из папки VVV и Vagrant автоматически установит соединение используя SSH-ключ (он находится в скрытой папке .vagrant).

cd path/to/vvv/

vagrant ssh

А для подключений через SFTP-клиенты следует использовать следующие реквизиты:

Адрес (хост): vvvПользователь: vagrantПароль: vagrant

Эти данные как и многие другие, например, для подключения к MySQL-серверу, можно найти в файле README.md в корне репозитория.

Как установить wordpress на xampp

Цель этого руководства — показать веб-дизайнерам, как установить WordPress (5.0 или выше) локально на свои компьютеры с целью разработки и тестирования тем WordPress. Необходимые требования к компьютеру, на который осуществляется установка: веб-сервер (например, Apache, LiteSpeed ​​или IIS), PHP 5.2 или выше и MySQL 4.0 и выше.

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

Примечание. Показанная здесь демонстрация установки использует Linux.

Как установить wordpress с помощью автоустановщика

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

  1. Войдите в свою hPanel и найдите «Автоустановщик» в разделе «Сайт».
  2. Щёлкните значок WordPress, заполните все необходимые поля и нажмите «Установить».
    Форма для установки WordPress

Вот и всё! Теперь вы можете войти в административную панель, затем в Автоутсановщик > Список Установленых Приложений > Действия, и начать создание своего сайта.

Как установить сайт wordpress на localhost?

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

Чтобы избежать долгих и повторяющихся шагов по созданию базы данных вручную и ее связыванию в файле wp-config.php, я выбрал более современный, но простой подход и продолжил работу с Bitnami. По умолчанию Bitnami установит один экземпляр WordPress при запуске установщика. Чтобы добавить больше сайтов WordPress с отдельной базой данных необходимо:

  1. Загрузить модуль стека WordPress Bitnami.
  2. Просто чтобы немного проще набрать имя файла в командной строке. Переименуйте имя загруженного файла из «bitnami-wordpress-VERSION-module-windows-x64-installer.exe» в «installer.exe» и поместите его в диск C:.
  3. Откройте список программ, установленных на вашем компьютере, и нажмите «Использовать Bitnami WordPress Stack», это откроет для вас командную строку.
  4. Скопируйте и вставьте приведенную ниже строку в командную строку и нажмите клавишу ввода.

Откроется установщик и следуйте инструкциям на экране, чтобы установить отдельный сайт WordPress. Если все идет хорошо, вы должны увидеть новый сайт в «bitnami-applicationappsSITE-NAME». Далее давайте посмотрим, как получить доступ к вновь установленному сайту.

Какой локальный сервер выбрать

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

Если вы пользуетесь CMS WordPress, обратите внимание на Desktop Server. Установка и настройка этой программы занимают меньше времени по сравнению с другими продуктами. Благодаря плагину для WordPress вы также ускорите перенос готового сайта на сервер хостера.

Если вы работаете с другими CMS, используйте любой из предложенных локальных серверов. Например, с Winginx вы сможете запустить сайт и контролировать разработку с помощью удобного планировщика в панели управления программой.

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

Меняем имя сайта wordpress через админку

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

Запускаем локальный веб-сервер и заходим в админку WordPress. Выбираем указанный пункт и видим следующее:

Здесь нас будут интересовать поля «Адрес WordPress (URL)» и «Адрес сайта (URL)», а особенно первое из них, т.к. оно будет использоваться как корень сайта при подгрузке файлов из каталога ресурса на хостинге.

Поэтому значение поля «Адрес WordPress (URL)» и название каталога сайта на удалённом сервере должны совпадать.

Поле «Адрес сайта (URL)» пригодится для случая, когда вы захотите сделать разные адреса для админки и клиентской части ресурса или перенести WordPress на хостинг в поддомен.

Монтирование папок. для разработчиков плагинов и тем

Участвуя в разработке плагинов или тем, репозиторий с продуктом, как правило, хранится где-то отдельно на компьютере. Но также эта папка и ее содержимое должно присутствовать на сервере внутри wp-content. Постоянно копировать содержимое папки вручную — не самая хорошая идея.

По моему опыту, в случае с «симлинками» (ссылками, ярлыками) PHP некорректно «рассчитывает» пути файлов и папок, если использовать что-то вроде __FILE__ (тестировалось на встроенном в macOS PHP). В результате этого, как минимум, перестают работать функции активации-удаления плагинов.

Монтирование папок решает эту проблему. Причем смонтировать одну папку можно в десяток путей на сервере — это удобно, если необходимо проверять совместимость плагина со множеством версий WordPress.

Для монтирования в корне папки с VVV необходимо создать файл Customfile (без расширения), где указать папки и пути для их монтирования. Таким образом содержимое директорий с вашего основного компьютера появится внутри виртуальной машины.

# Содержимое Customfile

config.vm.synced_folder
  "~/Documents/Repositories/setka-editor/plugin/",
  "/srv/www/wordpress-default/htdocs/wp-content/plugins/setka-editor",
  :owner => "www-data", :mount_options => [ "dmode=775", "fmode=774" ]

Следует отметить, что хранить файлы плагина внутри папки plugin, как я показывал на WordCamp Moscow 2022, не самое хорошее решение, если вы задумываетесь о возможности установки своего плагина через Composer и Git.

Поддержка подобной системы установки плагина также требует хранения «скомпилированных» CSS и JS файлов прямо в репозитории, потому что Composer не производит сборку проекта. Так что хранить главный (bootstrap) файл плагина стоит прямо в корне репозитория. И идеальная структура файлов выглядит примерно следующим образом.

Некоторые технические детали

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

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

Во-вторых, поскольку Vagrant лишь менеджер, ему все равно с какой именно системой виртуализации работать. Поэтому могут использоваться аналоги VirtualBox и даже Amazon Web Services. В любом случае, для всех платформ уже есть достаточно готовых образов.

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

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

Открываем стартовую страницу установки вордпресс

Введите в поисковой строке URL-адрес вашего сайта. В результате перед вами откроется стартовая страница установки WordPress.

Нажимаем «Вперёд» и на следующей странице заполняем поля реквизитами подключения к базе данных. Указываем имя базы данных, имя пользователя, пароль. Поле «Сервер базы данных» оставляем по умолчанию, т. е. — localhost (если универсальное имя хоста не работает, нужно связаться с хостинг-провайдером для уточнения деталей).

В целях повышения уровня безопасности обязательно измените стандартный префикс таблиц «wp_». Со стандартным префиксом сайт на WordPress становится более уязвимым для SQL-инъекций. Это потому, что для такого рода атак хакерам всего лишь достаточно знать префикс таблиц. Используйте что-то вроде этого «1ur17obkq_» и вы значительно усложните жизнь злоумышленников.

После ввода данных нажимаем «Отправить».

Если вы нигде не допустили ошибки, вы увидите сообщение, в котором говорится о том, что всё в порядке.

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

Подготовка к переносу wordpress на хостинг

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

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

В качестве примера используется провайдер TheHost, услугами которого я в данный момент пользуюсь.

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

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

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

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

Поэтому если вы осуществляете перенос WordPress на хостинг с установленными плагинами, лучше прислушаться к мнению большинства и отключить их 🙂

Тем более, что сделать это совсем не сложно. Более подробно о данной процедуре вы можете прочитать в статье «Установка плагинов WordPress».

Практика. запускаем сервер

Мы познакомились со всеми тремя инструментами (VVV, VirtualBox, Vagrant) для создания сервера — теперь попробуем воспользоваться ими. Подробная инструкция на английском языке есть в README.md на Github. Ниже я расскажу все тоже самое, но на русском.

1. Скачаем VirtualBox с официального сайта и установим. Во время установки необходимо убедиться, что галочка «Install Command Line Tools» установлена, иначе Vagrant не сможет управлять виртуальными машинами.

2. Скачаем и установим Vagrant — обычная и знакомая всем установка. Vagrant, как и VirtualBox, доступен для множества платформ.

3. Установим несколько плагинов для Vagrant. Для этого необходимо запустить пару команд и подождать — все остальное Vagrant сделает самостоятельно.

vagrant plugin install vagrant-hostsupdater

Плагин Hosts Updater управляет доменами на вашем локальном компьютере. Чтобы сайты внутри сервера открывались по красивым доменным именам вроде local.wordpress.dev. Говоря техническим языком этот плагин автоматически обновляет содержимое hosts файла на вашем основном компьютере.

vagrant plugin install vagrant-triggers

Плагин Triggers срабатывает при включении и выключении сервера. Vagrant автоматически сделает экспорт баз данных в .sql-файлы (в будущем можно добавить и свои действия).

Работа с темами и плагинами

После установки WordPress на компьютере у вас будет активна тема по умолчанию, которая называется Twenty Ten. Для добавления других тем следует скопировать их прямо в папку wp-content/themes или же инсталлировать их посредством панели управления WordPress в категории «Appearance -> Themes». Редактировать темы можно через «Appearance -> Editor» или через текстовый редактор.

Плагины устанавливаются точно так же, либо копированием в wp-content/plugins или через добавление в панели управления WordPress — «Plugins -> Add New». Плагины редактируются через «Plugins -> Editor» или посредством текстового редактора.

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

Старые инструменты. denwer, open server, mamp pro

Многим из нас наверняка знакомы такие приложения как Denwer, Open Server, MAMP Pro — честно говоря я и сам когда-то пытался использовать их. С тем или иным успехом все эти программы пытаются запустить то самое окружение, необходимое для работы WordPress или других CMS. Но все они имеют ряд недостатков с которыми рано или поздно не захочется мириться никому.

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

2. Все приложения работают в окружении Windows или macOS — системах, не особо подходящих для запуска серверных приложений.

3. Ограниченность в приложениях и их версиях заставляет использовать то, что есть. Сменить версию PHP или добавить дополнительное приложение, необходимое именно вам, вряд ли получится. Некоторые приложения и вовсе недоступны на Windows и macOS (например, серверные утилиты для компрессии изображений).

Установка mamp и создание базы данных

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

  1. Загрузите и установите последнюю версию MAMP на свой Mac.
  2. Мастер установки достаточно прост и не требует никаких дополнительных настроек. Продолжайте, пока установка не завершится.
  3. Перейдите на вкладку Базы данных (Databases).
  4. Вставьте имя новой базы данных и нажмите СоздатьName of the new database -> Create. В этом примере наша база данных будет называться w0rdpr3ss.

Вот и всё! Мы готовы к установке WordPress на Mac OS.

Установка openserver без ярлыка

Чтобы каждый раз не искать установленную папку OSPanel, потом открывать дистрибутив с файлами и т. д. Сделайте проще: после первого запуска, когда в Панели задач появится зеленый значок «S», закрепите иконку.

Чтобы не нагружать систему, когда работа на сайте закончена, нажмите в списке Меню опцию Выход. Иконка из трея исчезнет. Запустите программу из Панели задач кнопкой «S», и флажок снова появится.

Установка wordpress на локальный сервер openserver

Дважды кликните по архиву WP. Откройте папку wp и скопируйте файлы, которые находятся внутри.

Перейдите к папкам сервера: диск, куда установили OS. В моем случае, это D:/ → OSPanel→ domains.

Создайте Новую папку и скопируйте в нее файлы wp. Важно: Переносите именно файлы, а не папку wp.

Установка wordpress на хостинг – способ первый

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

Заключается он в копировании файлов сайта с локального веб-сервера на удалённый сервер провайдера с соответствующими настройками.

Почему же я тогда рассматриваю именно перенос WordPress на хостинг?

Дело в том, что для каждой CMS и фреймворка характерен свой механизм конфигурирования, который заключается в изменении настроек конфигурационных файлов.

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

Установка wordpress: подготовка

Прежде чем мы начнём процесс установки, давайте сначала всё подготовим:

  1. Загрузите и распакуйте последнюю версию WordPress.
  2. Затем нам нужно будет создать базу данных и пользователя. Для этого войдите в свою hPanel и перейдите в меню «База данных MySQL» из раздела «Базы данных». Заполнив необходимые поля, нажмите «Создать».
    Форма создания базы данных в hPanel

ВАЖНО: Обязательно скопируйте ваши буквенно-цифровыме учётные данные MySQL. Они понадобятся вам позже.

Установка wp на openserver

Так же в нашей базе знаний есть статья про Openserver. Упущением разработчиков является отсутствие быстрой установки популярных CMS таких, как WordPress, Joomla, Drupal и др. Но есть одна приятная вещь, опенсервер в своей полной версии, а она на секунду весит 1,3 Гб, имеет все необходимые инструменты для создания сайтов, например:

  • Программы для офисной работы
  • Мультимедийный софт: съемка экрана, скриншоты, пипетка
  • Интернет приложения: FTP клиенты, браузеры
  • Утилиты для работы с Windows

Были бы среди этого изобилия предустановленные CMS, то Openserver стал лучшей программой.

Установка программы bitnami

ПРИМЕЧАНИЕ. Bitnami автоматически создает базу данных с тем же именем, что и имя сайта, которое вы указали во время установки, и связывает ее с вашим сайтом WordPress.

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

Рекомендация:Как установить WordPress на Windows

Шаг 3. запускаем xampp

Когда XAMPP установлен на ваш компьютер, выберите «Начать загрузку панели управления сейчас» и нажмите «Готово».

После этого нажмите «Start» для Apache и MySql:

На этом этапе обычно приходит оповещение о системе безопасности от Windows, но вы можете ни о чем не беспокоиться. Убедитесь, что вы нажали на «Разблокировать», и ваш локальный сервер XAMPP будет готов к использованию.

Чтоб проверить, все ли сделано правильно, откройте браузер и перейдите по этому адресу:

Шаг 6. настраиваем wordpress

Мы практически все сделали. Осталось только отредактировать и переименовать один файл. В каталоге WordPress, который вы только что создали, найдите файл wp-config-sample.php и откройте его с помощью текстового редактора, например Notepad :

Отредактируйте данные в выделенной области в соответствии с названием базы данных, которую вы создали в шаге 4.

Сохраните файл и переименуйте его на wp-config.php, удалив –sample из его названия.

Шаг № 3 — включаем openserver

На диске установки локального веб-сервера откройте папку OSPanel и нажмите один из ярлыков программы OpenServer x64 или x86 (в зависимости от разрядности вашей операционной системы).

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

Шаг № 6 — знаменитая пятиминутная установка wordpress

На заключительном этапе установки Вордпресс нужно указать информацию:

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

И да, не сильно переживайте по поводу того, какую информацию вы укажите на этом этапе установки. Её всегда можно поправить в настройках CMS.

Ура, ура, ура! WordPress установлен.

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

Шаг №2 отключите skype и антивирус

Непосредственно перед установкой сервера отключите Skype, чтобы освободить занятые им порты,и антивирус. Ничего страшного в этом нет, просто OpenServer прописывает свои директивы в системном файле host.

Шаг №3 отключите uas

Еще препятствия может чинить UAS, если действия пользователя на ПК ограничены. Чтобы избежать проблем, зайдите в Панель Управления (находится в правом списке меню «Пуск», или в перечне «Служебные программы»).

В открывшемся окне перейдите по ссылке: Изменение параметров контроля учетных записей.

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

UAS может препятствовать установке OpenServer
Отключите UAS

Все, больше ничего не понадобится. Например, для подобной установки WP на Денвер, используется редактор Notepad , чтобы скорректировать файл конфигурации. Здесь же этот процесс происходит автоматически.

Единственное, что можно сделать заранее – это загрузить на ПК Темы для WP, чтобы из них в последствие выбрать подходящую.

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

Шаг №4 установка openserver: проверьте готовность системы windows

Проверьте все ли необходимое сделали, чтобы ничто не мешало установке Локального сервера на ПК. Убедитесь, что:

Определение разрядности системы Windows
Запускайте файл Open Server, соответствующий разрядности windows: Пуск — Компьютер — Свойства

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

Вывод

Установка WordPress на компьютер — довольно простой процесс. Даже самые опытные разработчики начинают с настройки WordPress локально, а затем переходят в онлайн.

Теперь вы знаете, как установить WordPress на localhost с помощью Bitnami. Вы можете использовать локальную установку для изучения WordPress. А если вы хотите стать разработчиком, вы можете использовать её для проверки, тестирования любого плагина или темы, обновлений и т. д.

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

Итак, попробуйте установить wordpress на localhost и дайте знать в комментариях ниже, если есть какая-то путаница. Всегда готов помочь!

Оцените статью
Хостинги