WordPress установка xampp: Как установить WordPress на Localhost? (WAMP, MAMP, XAMPP)

Зачем устанавливать WordPress Сайт локально?

Я вспоминаю свои первые годы работы разработчиком веб-сайтов.

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

Короче говоря, мне нужно настроить среду разработки в моей локальной системе.

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

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

Изучите WordPress без домена и хостинга

Еще одна причина создать локальный сайт WordPress — если вы только начинаете.

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

Но позволяют ли эти бесплатные варианты использовать все возможности и функции, которые предлагает WordPress.org? Нет! И мы уже подробно сравнивали WordPress.com и WordPress.org.

Итак, если вы хотите изучить WordPress, не вкладывая деньги в домен и хостинг, имеет смысл создать локальную версию вашего сайта.

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

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

Здравствуйте! Меня зовут Суджей, и я генеральный директор Astra.

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

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

Что такое Localhost?

Localhost относится к вашему компьютеру и способу доступа к нему.

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

Слишком технично? Что ж, позвольте мне сломать это.

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

Например, к локально созданному веб-сайту WordPress можно получить доступ из браузера по URL-адресу «http://localhost», если запущено XAMPP, WAMP, DevKinsta или другое программное обеспечение.

Как и в случае с любым доменным именем, локальный хост также имеет IP-адрес (интернет-протокол). IP-адреса находятся в диапазоне от 127.0.0.0 до 127.255.255.255. Однако петлевой адрес по умолчанию имеет IP-адрес 127.0.0.1.

Обычно при использовании IP-адреса вы пытаетесь подключиться к удаленному компьютеру через Интернет.

Например, при вводе wpastra.com в веб-браузере он направляет вас на веб-сервер Astra и на главную страницу Astra.

Однако с петлевым адресом вы звоните на локальный хост, то есть на свой компьютер.

Ради этой статьи мы настроим наш локальный сервер с помощью XAMPP.

Что приводит нас к следующей теме.

Что такое XAMPP?

Хотя мы рассмотрели, что такое локальный хост, мы не рассказали, зачем нам нужен локальный хост.

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

Как вы думаете, где хранятся все данные, такие как статьи в блогах, сведения о продуктах, показанные на вашем сайте? Вот где на сцену выходит база данных MySQL.

MySQL — это СУБД (система управления базами данных), которая используется WordPress для хранения и извлечения всей информации о вашем веб-сайте.

Опять же, как и WordPress и PHP, MySQL также имеет открытый исходный код.

И на всякий случай, если вам интересно, что такое открытый исходный код.

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

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

Да, вы угадали.

Чтобы создать локальный веб-сервер, вам необходимо установить XAMPP.

Как указано на их веб-сайте, XAMPP — очень популярная среда разработки PHP.

Для новичка настройка сред Apache, PHP и MySQL по отдельности на локальном компьютере может оказаться непосильной задачей. Вот где помогает использование XAMPP.

XAMPP — это полностью бесплатный и простой в установке программный пакет, который помогает настроить локальную серверную среду.

Вы можете загрузить программное обеспечение для Windows, Linux и Mac.

Как установить WordPress с помощью XAMPP?

Ниже приведены 3 простых шага для установки WordPress с помощью XAMPP.

В этой статье мы продолжим и установим XAMPP, чтобы мы могли использовать локальный хост как на Windows, так и на Mac.

Шаг 1. Загрузите и установите XAMPP на локальный компьютер

Установка XAMPP в Windows

Посетите веб-сайт XAMPP и нажмите «XAMPP для Windows». Будет загружен установочный файл (EXE-файл). Нажмите на установщик и следуйте инструкциям.

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

Вы можете выбрать папку, в которую хотите установить XAMPP.

По умолчанию целевым диском и папкой будет «C:\xampp».

Язык по умолчанию будет английский.

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

Вам также может быть предложено через предупреждение системы безопасности разрешить доступ к установке.

Нажмите «Разрешить доступ» , чтобы продолжить.

Вот оно! XAMPP установлен.

При нажатии «Готово» откроется панель управления.

Панель управления позволяет запускать и останавливать соответствующие службы.

Нажмите «Пуск» против Apache и MySQL.

Теперь, чтобы проверить успешность завершения установки, введите «http://localhost» в веб-браузере.

После успешной установки вы сможете получить доступ к указанной выше домашней странице.

Теперь, когда мы установили XAMPP локально в операционной системе Windows, давайте рассмотрим шаги, необходимые для локальной установки XAMPP на Mac.

Установка XAMPP на Mac

Хотя шаги более или менее одинаковы, есть несколько отличий, на которые следует обратить внимание.

Для начала вместо того, чтобы щелкнуть вкладку «XAMPP для OS X» на главной странице, щелкните ссылку «Нажмите здесь, чтобы просмотреть другие версии» в разделе «Загрузить».

В некоторых случаях файл загрузки по умолчанию после нажатия «XAMPP для OS X» может не работать. Следовательно, рекомендуется выбрать другую версию загружаемого файла.

На странице «Другие версии» прокрутите вниз до раздела «XAMPP для OS X».

Нажмите «Дополнительные загрузки» .

Вы будете перенаправлены на внешний веб-сайт.

Выберите «XAMPP Mac OS X» .

Затем нажмите «7.4.11» . Этот вариант будет иметь максимальное количество загрузок в неделю.

Теперь вы увидите две версии программного обеспечения.

Первый — «xampp-osx-7.4.11-0-vm.dmg», второй — «xampp-osx-7.4.11-0-installer.dmg».

Выберите версию «установщик» .

После завершения загрузки дважды щелкните изображение, чтобы начать процесс установки.

Затем перетащите папку XAMPP в папку «Приложения».

Вот и все. XAMPP теперь установлен в каталоге ‘/Applications/XAMPP’ .

Дважды щелкните XAMPP. Вам будет предложено продолжить открытие приложения. Нажмите «Открыть».

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

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

При желании можно отменить выбор «Файлы разработчика XAMPP». «Основные файлы XAMPP» являются обязательными и останутся выбранными.

После завершения процесса установки запустите XAMPP, нажав кнопку «Готово».

Откроется окно приложения, как показано на рисунке.

Нажмите «Перейти к приложению» или введите «http://localhost» в браузере, чтобы проверить, прошел ли процесс установки успешно.

Если вы найдете указанную выше страницу, значит, вы успешно установили XAMPP на свой локальный компьютер Mac.

Вернитесь к окну приложения и щелкните вкладку «Управление серверами».

Вы заметите, что «Веб-сервер Apache» работает по умолчанию. Если это не работает, вы не сможете получить доступ к странице localhost. Чтобы запустить службу, все, что вам нужно сделать, это нажать на кнопку «Пуск». Аналогичным образом, чтобы остановить запуск службы Apache, нажмите кнопку «Стоп».

Хотя мы рассмотрим это на следующем шаге, я также рекомендую вам запустить службу «База данных MySQL» .

Теперь, когда мы установили XAMPP на наш локальный компьютер, следующим шагом будет установка WordPress.

Шаг 2. Загрузите и установите WordPress на свой локальный компьютер

Загрузите последнюю версию WordPress (на данный момент 5.5.3) с сайта WordPress.org.

Будет загружен файл wordpress-5.5.3.zip. Извлеките содержимое файла.

Как показано на изображении выше, содержимое файла было извлечено в папку «wordpress-5.5.3». Да, если у вас другая версия WordPress, имя папки изменится соответственно.

Теперь скопируйте папку «wordpress». Эта папка содержит все файлы, необходимые для создания веб-сайта WordPress.

Перейдите в папку XAMPP.

В XAMPP вы увидите папку «htdocs».

Вставьте папку «wordpress» внутрь «htdocs».

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

Например, я переименовал папку в «wpastra», как показано на изображении выше.

Теперь, чтобы получить доступ к вашему веб-сайту WordPress и убедиться, что установка прошла без ошибок, введите URL-адрес «http://localhost/» в веб-браузере. Где «» — это имя папки, которую вы ввели.

В моем случае это будет «http://localhost/wpastra».

После успешной установки вы должны перейти на следующую страницу.

Выберите предпочитаемый язык и нажмите продолжить .

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

А как именно нам получить реквизиты базы данных?

Итак, вот где наш последний шаг вступает в игру.

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

Шаг 3. Настройка базы данных MySQL

Вернитесь на главную страницу localhost, т. е. «http://localhost» . Вы должны быть перенаправлены на панель мониторинга (http://localhost/dashboard) .

Щелкните ссылку «phpMyAdmin» в правом верхнем углу страницы.

Вы будете перенаправлены на панель управления «phpMyAdmin».

С левой стороны вы увидите несколько существующих имен баз данных.

Чтобы создать новую базу данных, нажмите кнопку Вкладка «Базы данных» вверху.

Введите «Имя базы данных» и нажмите «Создать» .

Например, я создал базу данных с именем «wpastra».

Теперь, когда база данных создана, вернитесь на страницу установки WordPress и нажмите «Поехали!».

Для начала введите имя только что созданной базы данных в поле «Имя базы данных».

Что касается «Имени пользователя», введите то же, что и «root». А поле «Пароль» можно оставить пустым. Оставьте оставшиеся два поля, то есть «Хост базы данных» и «Префикс таблицы», в качестве значений по умолчанию. Это «localhost» и «wp_» соответственно.

После завершения нажмите «Отправить» .

Теперь вы должны перейти на следующую страницу. Если да, то ваше соединение с базой данных работает просто отлично!

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

Введите «Название сайта», «Имя пользователя», «Пароль» и «Ваш адрес электронной почты».

Как показано на изображении выше, я ввел необходимые поля.

Затем нажмите «Установить WordPress» .

Нажмите «Войти» после успешного завершения установки.

И вы увидите экран входа в WordPress.

Введите имя пользователя и пароль, которые вы только что создали.

И вуаля! Вы находитесь в панели управления WordPress. Вы создали локальный веб-сайт WordPress с использованием XAMPP.

Вы можете получить доступ к своему веб-сайту, введя URL-адрес, в данном примере это «http://localhost/wpastra» .

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

Статьи по теме

1. Как установить тему Astra?
2. Как установить плагин Starter Templates (бесплатно)?
3. Лучшая бесплатная тема для Elementor
4. Что нужно сделать после установки сайта WordPress

Настройка MySQL на Mac

Хотя большинство шагов, упомянутых выше, при настройке MySQL и локальном создании базы данных в операционной системе Windows одинаковы, следует отметить несколько отличий.

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

Как показано выше, действия до этого момента такие же, как описано ранее.

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

Теперь вы окажетесь на странице, как показано ниже, с небольшим количеством кода PHP.

Вам нужно будет скопировать выделенный выше код и создать файл ‘wp-config.php’ .

В качестве альтернативы, если вы проверите папку «wordpress», которую вы перенесли в папку XAMPP, вы заметите файл с именем «wp-config-sample.php».

Откройте этот файл в любом текстовом редакторе. Удалите содержимое файла и замените его кодом, который вы только что скопировали. И сохраните файл.

Выполнив этот шаг, переименуйте файл в «wp-config.php».

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

Остальные шаги аналогичны тому, что было рассмотрено ранее при настройке MySQL для операционной системы Windows.

Кроме того, вы успешно установили WordPress локально на свой Mac.

Устранение распространенных проблем при установке XAMPP и WordPress

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

1. Часто задаваемые вопросы по XAMPP для Windows
2. Часто задаваемые вопросы по XAMPP для OS X
3. XAMPP установлен, как добавить WordPress

Заключение

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

И теперь, когда мы рассмотрели, как создать локальный сайт WordPress с помощью XAMPP как в операционных системах Windows, так и в Mac, мы предполагаем, что вам будет легко выполнить это.

Установить WordPress на хостинг тоже несложно!

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

6 шагов для локальной установки WordPress

Вордпресс

Расширенный

01 февраля 2023 г.

Jordana A.

3min Read

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

В этой статье рассказывается, как выполнить установку WordPress на локальном хосте за шесть простых шагов. Мы будем использовать программное обеспечение XAMPP localhost, поскольку оно бесплатное и поддерживает различные операционные системы.

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

Зачем устанавливать WordPress на локальном хосте

При локальной установке WordPress CMS весь веб-сайт помещается в среду локального хоста. Веб-сайт устанавливает соединение с локальным компьютером, используя петлевую адресную сеть, а не через Интернет, отсюда и термин «локальный».

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

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

Хотите установить WordPress на свой веб-хостинг?

Ознакомьтесь с нашим полным руководством по установке WordPress. В этом пошаговом руководстве мы будем использовать XAMPP — самый популярный кроссплатформенный веб-сервер для разработки на PHP.

1. Загрузите XAMPP

Перейдите на официальный веб-сайт Apache Friends и загрузите версию программного обеспечения XAMPP, соответствующую вашей операционной системе.

2. Установите и запустите XAMPP на своем компьютере

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

После установки XAMPP запустите приложение и настройте среду. В панели управления XAMPP запустите Модули Apache и MySQL для выполнения локальной установки WordPress.

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

3. Загрузите WordPress

После запуска сервера следующим шагом будет установка WordPress. Загрузите последнюю версию WordPress, затем распакуйте ZIP-файл.

Перейдите в папку XAMPP на диске C ( C:\xampp ) и найдите папку htdocs . Загрузите туда извлеченные файлы WordPress. Мы рекомендуем переименовать новую папку в имя вашего веб-сайта, чтобы упростить веб-разработку на сервере XAMPP.

4. Создайте локальную базу данных

Вернитесь в панель управления XAMPP и нажмите кнопку Admin модуля MySQL , чтобы запустить phpMyAdmin — инструмент администрирования для управления базами данных MySQL и MariaDB. Это поможет вам создать локальную базу данных MySQL для нового веб-сайта.

Откройте вкладку Базы данных и введите имя базы данных в разделе Создать базу данных . Установите значение раскрывающегося меню на Collation и нажмите кнопку Create . Ваша новая база данных MySQL должна появиться на левой боковой панели веб-страницы.

5. Установите WordPress на локальном хосте

Завершите установку WordPress локально, посетив http://localhost/foldername через браузер. Не забудьте заменить заполнитель «имя папки» на имя папки, которое вы выбрали на третьем шаге.

WordPress требуется список информации для создания локального сайта. Заполните информацию о базе данных следующим образом:

• Имя базы данных ‒ имя базы данных, которую вы создали в phpMyAdmin.
• Имя пользователя ‒ введите «root» в качестве имени пользователя по умолчанию.
• Пароль ‒ оставьте поле пароля базы данных MySQL пустым.
• Хост базы данных — оставьте значение по умолчанию «localhost».
• Префикс таблицы ‒ оставить значение по умолчанию «wp_».

После этого нажмите Отправить -> Запустите установку . Заполните необходимую дополнительную информацию, такую ​​как имя сайта и учетные данные для входа, и нажмите кнопку «Установить WordPress ».

Pro Tip

Если вы работаете в Windows или Linux, WordPress автоматически сохранит эту информацию в файле wp-config. php . WordPress предоставит фрагмент кода для пользователей macOS, чтобы заменить существующие wp-config Содержимое файла PHP.

6. Проверьте созданный вами локальный сайт

Вот и все — ваш локальный тестовый сайт готов. Перейдите по адресу http://localhost/foldername/wp-admin и используйте учетные данные для входа, созданные на предыдущем шаге, для доступа к панели управления WordPress.

Заключение

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

Вот краткий обзор того, как установить WordPress в среде локального хоста:

1. Загрузите XAMPP.
2. Установите XAMPP на свой компьютер.
3. Загрузите последнюю версию WordPress.
4. Создайте локальную базу данных в phpMyAdmin.
5. Установите WordPress на локальном хосте.