How to Install WordPress Using XAMPP?
Creating your WordPress website should take time. As such, it’s important to have a local development environment on your computer. This will give you the resources of a server, within a pressure-free environment. If a Graphical User Interface (GUI) isn’t to your liking, a stack-based solution such as XAMPP is just as good. From there, you can install WordPress in XAMPP and get to work. This lesson will look at how to install WordPress using XAMPP step-by-step. By the end, you’ll have a site up and running on your computer.
What Is XAMPP?
- It’s a cross-platform tool that works on Windows, Mac, and Linux.
- The server itself is an ‘Apache’ type, and you can get other types too (such as Nginx).
- You add a MySQL or MariaDB database to hold all of your site’s information.
- XAMPP uses the PHP interpreter to understand what to do with your site’s files.
It’s a good idea to install WordPress within a local environment because you want to work without pressure. This means you won’t have to worry about elements such as your live server’s resources, security vulnerabilities relating to your unfinished site, and visitors arriving before you’re ready.
It’s a good idea to install WordPress within a local environment because you want to work without pressure.
On the whole, a local environment is the best place to build and develop your WordPress website. Over the next few sections, we’re going to show you how to get all of the elements installed and ready to use.
How to Install WordPress Using XAMPP
There are four main steps for installing XAMPP and WordPress. Once you’re ready, you can begin building your site as any other developer would. Though, your first task is to download and install XAMPP.
1. Download and Install XAMPP on Your Computer
The process to install XAMPP is straightforward. In fact, if you can download anything from the web, you’re good to go.
First, head to the XAMPP website and download the right installer for your system:
If you’re unsure which one to pick, we recommend one using PHP version 7.3 or 7.4, and not packaged with a Virtual Machine (VM).
Once the installer downloads, run it and you’ll see the Setup Wizard:
You can click Next through all of the initial screens until you get to the install process:
Here, wait for XAMPP to install. You may need to enter your computer’s administrator password to proceed, but this is safe to do.
Once the files are unpacked and installed, you can begin to fire up XAMPP itself.
2. Start XAMPP and Test the Connection
When you’re ready, start XAMPP from wherever your computer’s applications live. Once it’s loaded, you’ll see a dashboard waiting for your input:
There are three tabs along the stop, and on the Manage Servers screen you can see the status of your local server:
In order to run WordPress, you need to see the MySQL Database and Apache Web Server options with a green light. To do this, click the Start All button. When everything is green, head to http://localhost within your browser – you should see an XAMPP welcome page:
This confirms that XAMPP is running, which means you can begin to build your site’s database.
3. Create a Database for Your New Site
There are two parts to a WordPress website: the back end, and your database. The latter holds almost every piece of information about your site, so it’s an essential component.
To create one for your site, head to http://localhost in your browser, and click the phpMyAdmin link in the top right-hand corner:
This will bring you to a screen to help you create and manage your databases. Much of this tool is beyond the scope of this lesson, although it’s straightforward to create a database. First, click the Databases tab along the top of the screen:
Next, enter a database name where it specifies, then click the Create button:
Unlike a live server, you don’t need to create a database user here, but you do need to remember the database name because you’ll need it next.
When you’re done, exit out of phpMyAdmin and get ready to install WordPress.
4. Download and Install WordPress in XAMPP
There are lots of ways to install WordPress, but when you use XAMPP, the best approach is to do so yourself. Your first job is to create a folder within XAMPP to hold your WordPress site. First, navigate to wherever you installed XAMPP. The best way to find this is to click the Open Application Folder link on the Welcome screen:
Here, look for a htdocs folder. This is where your site will live:
Inside, create another directory for your site. You can name it whatever you like, but we suggest something you will recognize, as you’ll need to access your site using it later.
Next, head to the WordPress website within your browser, and click the Get WordPress button at the top:
On this screen, scroll down, find the blue WordPress download button, and click it:
The process here is to extract the entire folder and move the contents into your site directory from earlier:
Next, head to your site’s URL within your browser. For example, localhost/mysite/wp-admin/setup-config.php. This will bring you to the infamous WordPress Five-Minute Install wizard:
The first screen will ask you for your database credentials. Here, you enter the database name you created earlier, set the username as root, and leave the password field blank:
For the next screen, you can fill in the fields as presented – they’re relevant to your site and how you log into it:
Once you click Install WordPress, you’ll see a success screen. From here, you can click the Log In link to access your WordPress dashboard.
5. Build Your WordPress Website, Starting With a Single Page
Once XAMPP and WordPress are installed and running, you’re ready to create content! The first step should be to create a single page, as this will help you learn the different aspects of WordPress.
Once XAMPP and WordPress are installed and running, you’re ready to create content!
The first screen you’ll see is the WordPress dashboard:
You access the different screens using the left-hand sidebar, and work with the information in the middle. Along the top is a toolbar that may look different depending on what you have installed on your system.
While you’re welcome to create a Post, we’re going to create a Page by clicking Pages > Add New link:
The screen will change to show the WordPress Block Editor. This is where you create your layouts and write content:
A great start is to follow the prompts and add a title and body content. From here, you can do almost whatever you want! For example, you can format text like you would in a word processor, or add Blocks to enhance the functionality of your Page:
When you’re ready, you’ll want to Publish your page. You can do this using the blue publish button in the top right-hand corner of the screen:
WordPress will take a few seconds to publish your page, but you’ll then see a new link to your live page:
While the platform tells you the page is live, it’s only visible on your computer and not the whole internet. We’ll cover how to get your site online in another course.
In Summary
Stack-based solutions such as XAMPP make for a great way to develop WordPress websites on your computer. The entire setup process takes no time, and once you have everything installed, you’re able to create posts, pages, and the entirety of your WordPress website.
You’re almost at the end of this Getting Started course, and there’s one more lesson to go – we’ll meet you there!
Как установить XAMPP и WordPress на Windows
XAMPP позволяет запускать сайты локально. Давайте разберемся, как установить XAMPP и WordPress на компьютере, работающем на операционной системе Windows.
Обновлено: 2023-06-01 19:56:02 Сергей Бензенко автор материала
Шаг 1: Скачайте и установите XAMPP на компьютер
Установщик XAMPP для Windows можно скачать с сайта Apache Friends. Размер архива составляет 110 мегабайт, поэтому загрузка может занять несколько минут.
После загрузки запустите инсталляционный пакет XAMPP. Если у вас установлен антивирус, то он может выдать предупреждение.
Нажмите “ Yes”, чтобы продолжить. В зависимости от настроек Windows также можно увидеть сообщение от системы User Account Control (UAC). После того, как пройдёте все предупреждения, вы получите доступ к диалоговому окну инсталлятора.
Нажмите “ Next ”, чтобы продолжить.
На следующем шаге выберите, какие компоненты необходимо установить. Чтобы установить XAMPP и WordPress, потребуются:
Использование сайта с ВПН позволяет обеспечить анонимность и безопасность в интернете.
Снимите флажки со всего остального и нажмите “ Next ”. После этого выберем папку для установки XAMPP.
На следующем этапе нужно указать, хотите ли вы установить “ Bitnami for XAMPP”. Этот пакет расширений не потребуется, поэтому просто снимите флажок.
После того, как нажмёте “ Next ”, всё будет готово к установке.
Процесс инсталляции может занять несколько минут:
После его завершения установки запустите панель управления, чтобы начать работу с XAMPP.
Создать локальный сервер Майнкрафт легко для игры вдвоём или в небольшой компании.
Шаг 2: Запустите модули и протестируйте сервер
Чтобы правильно установить XAMPP и WordPress, запустите два модуля:
Сделать это можно из панели управления XAMPP:
Об их работе сигнализирует зеленый цвет иконок.
Теперь можно протестировать работу локального сервера, перейдя в браузере по адресу: http://localhost/ .
Теперь настало время установить на сервер CMS WordPress.
Шаг 3: Добавьте файлы WordPress
Перейдите на wordpress.org и скачать свежую версию WordPress. Затем откройте папку, в которую установили XAMPP. В моём случае это C://xampp. Затем в этой папке найдите каталог htdocs :
В htdocs , создайте новую папку для тестового сайта. Имя папки будет использоваться для доступа к ресурсу. Например, если вы создадите папку testsite , то локальный сайт будет располагаться по адресу http://localhost/testsite .
Распакуйте в новую папку архив с WordPress.
Ошибка «Error establishing a database connection» в WordPress указывает на проблемы соединения с базой данных.
Шаг 4: Создайте базу данных для WordPress
Создадим базу данных MySQL для WordPress. Чтобы сделать это, запустите PHPMyAdmin из панели управления XAMPP.
Затем нажмите “ Databases ”.
Введите имя базы данных и нажмите “ Create” .
Шаг 5: Запустите установщик WordPress
Перейдя по адресу тестового сайта, вы должны увидеть обычный установщик WordPress. Помните, что адрес вашего сайта – это просто http://localhost/FOLDERNAME.
Единственный шаг, на котором этот процесс отличается от обычной установки, это настройки базы данных. Когда вы дойдёте до них, введите следующие значения:
- Database Name = Имя базы данных, которую вы создали в PHPMyAdmin.
- Username = “root”.
- Password = оставьте пустым.
После завершения установки вы должны увидеть WordPress, работающий на локальном сервере.
Что насчёт Multisite или staging-сервера?
Как установить XAMPP и WordPress Multisite
Если нужен WordPress Multisite, то его также можно настроить на вашем локальном компьютере.
Можно ли использовать XAMPP и WordPress на тестовом сервере?
WordPress, установленный на локальном компьютере, это отличный способ познакомиться с CMS. Но его не следует использовать для отладки настоящего сайта. Конфигурация работающего в интернете веб-сервера и его аппаратная часть отличаются от локального компьютера.
В заключение
Когда вы научитесь устанавливать XAMPP и WordPress, то сможете быстро разворачивать новые тестовые сайты. Как фрилансер, я использую XAMPP для тестирования различных тем и плагинов. На данный момент у меня около 60 различных установок WordPress, работающих на локальном сервере.
Сергей Бензенко автор-переводчик статьи « How to Install XAMPP and WordPress Locally on Windows PC »
Правильная установка WordPress на локальный сервер XAMPP автоматически и вручную
У начинающих вебмастеров часто возникает вопрос, как создать свой сайт на компьютере, а потом перенести его в интернет на хостинге. Есть множество локальных серверов, но установка WordPress на XAMPP производится намного легче, а работать с ним проще.
Популярный локальный сервер XAMPP завоевал множество поклонников по всему миру. Начал им пользоваться, потому что денвер перестал нравиться, из-за прекращения поддержки. После всех операций нужно выбрать хостинг для дальнейшего развития бизнеса в сети.
Загрузка программы XAMPP
Программа бесплатная и загружается с официального источника. Заходим на официальную страницу и выбираем операционную систему.
Запускаем скачанный файл, в окне настроек и прав на операции отмечаем все пункты.
Выбираем папку для инсталляции на компьютере и запускаем. После проделанных манипуляций открываем программу.
В панели есть две строки Apache и MySQL, включите эти два параметра нажатием на Start, чтобы они горели зелёным цветом.
Установка WordPress c помощью модуля
Переходим к быстрой установке WP. Разработчикам не удобно самостоятельно скачивать движок и создавать базу данных. Есть специальные модули, помогающие поставить WP.
Скачиваем приложение вордпресс со страницы расширений . WP стоит на первом месте, скачиваем под свою ОС из вариантов Windows и Linux.
Загрузится файл, запускаем его и начинаем настройку приложения. Правильно выбираем путь до XAMPP, нажимаем далее.
Заполняем все поля для создания нового WP, прописывайте реальную почту, при случае можно восстановить пароль. Записываем логин и пароль в отдельный файл на компьютере.
В следующем окне придумываем название, оставил по умолчанию, выбираем Далее.
Начнется загрузка вордпресс, после чего система поздравит и предложит запуск. Отмечаем чекбокс и нас перекинет в браузер на локальный сайт.
По умолчанию локальный сервер настроен на стандартное ip, адрес и будет выглядеть так.
Запомните адрес, при заходе запускается ресурс. Далее можно прописать /wp-login.php и авторизоваться в админпанели по комбинации сделанной на первом этапе.
Расширение активно и сайт запустили, единственное неудобство, что по умолчанию вордпресс на английском языке, но это исправляем в настройках админки. Для более подробного обзора приложу собственное видео.
Автоматически запуститься в браузере страница http://localhost/phpmyadmin/ это хранилище всех database, начинаем создание новой.
Можно сразу перейти по адресу без нажатия кнопки Admin.
- Выбираем создать БД, начнется загрузка инструмента, нужно немного подождать
- Прописываем имя базы данных и выставляем параметр Сравнение
- Нажимаем кнопку Создать
Создание нового сайта в XAMPP
Чтобы прописать сайт в XAMPP нужно создать папку. По умолчанию место расположения программы C:\xampp, далее каталог htdocs, тут создаем папку с названием ресурса, например moy-sayt.
Скачиваем вордпресс с официального репозитория на локальный компьютер по ссылке .
В загрузки попадёт архив, открываем, используя WinRar. Откроем параллельно папку, которую мы создавали для сайта, и простым перетаскиванием левой кнопки мыши копируем файлы из архива.
Запускаем браузер и в строке пишем http://localhost/moy-sayt, если файлы были загружены корректно, то запуститься стандартная пятиминутная установка WordPress, жмем Далее.
В следующем окне откроется настройка базы.
- Имя базы данных, прописываем то, которое создавали в MySQL
- Имя пользователя по умолчанию root для всех новых баз
- Пароль оставляем пустым, так как мы его не задавали
- Сервер оставляем localhost
- Префикс таблиц тоже можно оставить без изменений
- Теперь отправить
Если всё хорошо то система поздравит и предложит двинуться далее, нажимаем Запустить.
В открывшейся странице заполняем поля: название, логин, пароль и почту, записываем их в отдельный файл. Нажимаем Установить WordPress.
Почту прописываем к которой есть доступ, иначе с восстановлением пароля в будут проблемы.
Начнется процесс, ждем несколько секунд и откроется новая страница с поздравлениями и предложением осуществить вход.
Перебросит на страницу входа в админпанель, вводим логин и пароль.
Мы справились и теперь можем оперировать настройками, как если бы вебресурс располагался в интернете.
Заключение
Давайте подведём итог что нужно сделать для установки WordPress на компьютер. Для первого случая:
- Скачать bithami
- Установить модуль
Для ручной метода:
- Создать базу данных
- Скачать движок
- Распаковать вордпресс в XAMPP
- Соединить базу и движок
- Сделать первоначальные настройки
Как видим второй метод обладает большим количеством шагов, но он помогает понять как создаются сайты с базами. А у меня на этом все, успехов!
Как установить WordPress на XAMPP
Создание сайта дело не одного дня, и часто, для этих целей используют локальный сервер, установленный на домашний компьютер. Не будем останавливаться на преимуществах и минусах этого способа работы, дело вкуса и привычки. Есть факт, что можно создать сайт WordPress на локальном сервере размещенном на своём компьютере.
Что такое локальный сервер
У меня есть возможность показывать скриншоты только операционной системы Windows, поэтому говорить буду только о локальном сервере на Win7.
Локальный сервер это сборка и взаимосвязанная настройка трех программных продуктов, нужных для веб-сайта:
- Сервер HTTPS. Обычно это Apache, реже Nignx.
- Сервер базы данных. Обычно используют MySQL, реже MiraBD.
- Интерпретатор PHP.
Перечислен минимальный набор программ, которые нужны для создания сайта на локальном сервере.
Готовые сборки локальных серверов
Если вы используете заглавные буквы указанных программных продуктов и возглавите этот акроним Windows, то получите общепринятое название локального сервера для Windows: WAMP.
Логично, что сборку WAMP можно собрать самостоятельно, установив и настроив каждый продукт в отдельности. Вопрос,— зачем? Зачем мучиться со слабой сборкой WAMP сервера, если есть готовые локальные сервера с многофункциональными возможностями.
Готовых, популярных WAMP+ сборок около десятка. На русском языке единицы. Я работал с пол дюжиной, в том числе:
- Denwer (Денвер). Русская сборка, авторы которой застряли в прошлом. Отсутствие развитие этого продукта, откровенное неудобство и проблемы переноса готового сайта, опускают этот сервер вниз списка. Установка WordPress на Denwer.
- Open Server. Отличная русская сборка локального сервера с простым и понятным интерфейсом.
- XAMPP. Герой этого поста. Англоязычная очень удобная сборка, имеющая дополнительный облачный сервер.
- AppServ. Англоязычная, развитая сборка удобная в работе.
- WAMPServer. Авторы особо не мудрили с названием, и взяли для своего названия акроним WAMP. Достойная англоговорящая сборка.
Сервер XAMPP установка
Герой этого поста, сервер XAMPP. Не знаю, по каким причинам, но XAMPP удивительным образом заточен по WordPress. У него даже все внутренние инструкции написаны для WordPress.
Качаем XAMPP на родном сайте (https://www.apachefriends.org/ru/download.html). Берем версию с установщиком под ваш win (например, xampp-windows-x64-7.3.17-0-VC15-installer.exe).
Установка осуществляется от имени администратора через 7 окон установщика и не требует пояснений. Более интересен запуск XAMPP.
Как запустить XAMPP
Чтобы полностью запустить XAMPP, запускаем три программы:
- Apache. Для этого нужен свободный порт 80.
- MySQL. Порт 3036.
- FTP. Необязательно, запускается на порту 21.
- Почтовик Mercury запускать необязательно.
Коробочная версия XAMPP настроена на запуск Apache на порту 80.
Запускаем XAMPP из Пуск–Меню;
Попробуем запустить Apache кнопкой Start. Если порт 80 занят, видим сообщение в красном цвете;
Про освобождение порта 80, рекомендую почитать на форуме XAMPP, тут:
Разработчики XAMPP, не рекомендуют перестраивать XAMPP на запуск на другом порту, например 8080. Последний раз, я освободил 80 порт, отключением службы IIS.
Как проверить запуск XAMPP
Проверить правильный запуск XAMPP достаточно просто. В адрес браузера пишем localhost , и браузер откроет панель локального сервера. Меню управления сервера вверху.
Как установить WordPress на XAMPP по шагам
Установка WordPress на XAMPP не от стандартной установки WordPress на платный хостинг. Для этого:
- Создаем базу данных для сайта;
- Заливам WordPress в catalog сайта;
- Шагаем по окнам установщика.
Как создать базу данных на XAMPP
- Запустите XAMPP. Достаточно Apache и MySQL;
- Пишем localhost в браузере и открываем панель XAMPP;
- Из меню открываем phpmyadmin.
Интерфейс phpmyadmin стандартный, просто создаем базу данных:
- Кнопка «База данных»;
- Следующее окно. Графа «Создать базу данных» пишем её название, любое. Сравнение пропускаем. Кнопка «Создать».
- Этого достаточно, чтобы создать БД локального сайта.
Данные БД фиксируем.
- Название: своё название;
- Имя пользователя: root;
- Пароль: пустой;
- Сервер БД: localhost.
Ставим WordPress на XAMPP
Берем последнюю версию WordPress, https://ru.wordpress.org/ . Архив распаковываем.
Содержимое каталога [wordpress] из архива полностью копируем в папку [xampp\htpdocs].
Меняем название каталога [wordpress] на название созданной ранее базы данных.
В каталоге уже локального сайта ищем файл wp-config-sample.php и открываем его в Notepad++.
Пишем в этот файл данные созданной ранее базы данных. Файл сохраняем с новым названием wp-config.php .
Проверяем запуск XAMPP. В адресе браузера пишем localhost/имя_catalogа_сайта. Жмём [Enter].
Видим окна установки WordPress, которые проходим заполняя необходимые поля и формы.
Заключение
Нам удалось установить WordPress на XAMPP. Теперь имеем, доступ в панель управления сайтом и доступ к самому сайту на своём компьютере. Это значить, что можно спокойно работать с сайтом локально и не зависеть от платных хостингах.
Еще статьи
- Локальный сервер AMPPS в WAMPP сборке: установка, тестирование, выводы
- OpenServer — платформа для создания локальных сайтов