Как установить wordpress на xampp
Перейти к содержимому

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

  • автор:

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 мегабайт, поэтому загрузка может занять несколько минут.

Шаг 1: Скачайте и установите XAMPP на компьютер

После загрузки запустите инсталляционный пакет XAMPP. Если у вас установлен антивирус, то он может выдать предупреждение.

Шаг 1: Скачайте и установите XAMPP на компьютер - 2

Нажмите “ Yes”, чтобы продолжить. В зависимости от настроек Windows также можно увидеть сообщение от системы User Account Control (UAC). После того, как пройдёте все предупреждения, вы получите доступ к диалоговому окну инсталлятора.

Нажмите “ Next ”, чтобы продолжить.

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

Использование сайта с ВПН позволяет обеспечить анонимность и безопасность в интернете.

Снимите флажки со всего остального и нажмите “ Next ”. После этого выберем папку для установки XAMPP.

На следующем этапе нужно указать, хотите ли вы установить “ Bitnami for XAMPP”. Этот пакет расширений не потребуется, поэтому просто снимите флажок.

После того, как нажмёте “ Next ”, всё будет готово к установке.

Процесс инсталляции может занять несколько минут:

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

Создать локальный сервер Майнкрафт легко для игры вдвоём или в небольшой компании.

Шаг 2: Запустите модули и протестируйте сервер

Чтобы правильно установить XAMPP и WordPress, запустите два модуля:

Сделать это можно из панели управления XAMPP:

Шаг 2: Запустите модули и протестируйте сервер

Об их работе сигнализирует зеленый цвет иконок.

Шаг 2: Запустите модули и протестируйте сервер - 2

Теперь можно протестировать работу локального сервера, перейдя в браузере по адресу: http://localhost/ .

Теперь настало время установить на сервер CMS WordPress.

Шаг 3: Добавьте файлы WordPress

Перейдите на wordpress.org и скачать свежую версию WordPress. Затем откройте папку, в которую установили XAMPP. В моём случае это C://xampp. Затем в этой папке найдите каталог htdocs :

Шаг 3: Добавьте файлы WordPress

В htdocs , создайте новую папку для тестового сайта. Имя папки будет использоваться для доступа к ресурсу. Например, если вы создадите папку testsite , то локальный сайт будет располагаться по адресу http://localhost/testsite .

Распакуйте в новую папку архив с WordPress.

Шаг 3: Добавьте файлы WordPress - 2

Ошибка «Error establishing a database connection» в WordPress указывает на проблемы соединения с базой данных.

Шаг 4: Создайте базу данных для WordPress

Создадим базу данных MySQL для WordPress. Чтобы сделать это, запустите PHPMyAdmin из панели управления XAMPP.

Шаг 4: Создайте базу данных для WordPress

Затем нажмите “ Databases ”.

Шаг 4: Создайте базу данных для WordPress - 2

Введите имя базы данных и нажмите “ Create” .

Шаг 5: Запустите установщик WordPress

Перейдя по адресу тестового сайта, вы должны увидеть обычный установщик WordPress. Помните, что адрес вашего сайта – это просто http://localhost/FOLDERNAME.

Шаг 5: Запустите установщик WordPress

Единственный шаг, на котором этот процесс отличается от обычной установки, это настройки базы данных. Когда вы дойдёте до них, введите следующие значения:

  • Database Name = Имя базы данных, которую вы создали в PHPMyAdmin.
  • Username = “root”.
  • Password = оставьте пустым.

Шаг 5: Запустите установщик WordPress - 2

После завершения установки вы должны увидеть 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 wordpress

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

Загрузка программы XAMPP

Выбор операционной системы

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

Запускаем скачанный файл, в окне настроек и прав на операции отмечаем все пункты.

Настройка поддерживаемых расширений xampp

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

Директория установки xampp

В панели есть две строки Apache и MySQL, включите эти два параметра нажатием на Start, чтобы они горели зелёным цветом.

Запуск оболочки апаче и sql

Установка WordPress c помощью модуля

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

Скачиваем приложение вордпресс со страницы расширений . WP стоит на первом месте, скачиваем под свою ОС из вариантов Windows и Linux.

Модуль Bithami

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

Куда ставить wordpress

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

Задаем первоначальные данные в xampp

В следующем окне придумываем название, оставил по умолчанию, выбираем Далее.

Название сайта

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

Запуск модуля bithami

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

Запомните адрес, при заходе запускается ресурс. Далее можно прописать /wp-login.php и авторизоваться в админпанели по комбинации сделанной на первом этапе.

Страница wp-login

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

Переход в PhpMyAdmin

Автоматически запуститься в браузере страница http://localhost/phpmyadmin/ это хранилище всех database, начинаем создание новой.

Можно сразу перейти по адресу без нажатия кнопки Admin.

Создание database под WP

  1. Выбираем создать БД, начнется загрузка инструмента, нужно немного подождать
  2. Прописываем имя базы данных и выставляем параметр Сравнение
  3. Нажимаем кнопку Создать

Создание нового сайта в XAMPP

Чтобы прописать сайт в XAMPP нужно создать папку. По умолчанию место расположения программы C:\xampp, далее каталог htdocs, тут создаем папку с названием ресурса, например moy-sayt.

Расположение сайтов в xampp

Скачиваем вордпресс с официального репозитория на локальный компьютер по ссылке .

Загрузка вордпресса с официального сайта

В загрузки попадёт архив, открываем, используя WinRar. Откроем параллельно папку, которую мы создавали для сайта, и простым перетаскиванием левой кнопки мыши копируем файлы из архива.

Перенос файлов WP из архива в htdocs

Запускаем браузер и в строке пишем http://localhost/moy-sayt, если файлы были загружены корректно, то запуститься стандартная пятиминутная установка WordPress, жмем Далее.

Приветствие WordPress

В следующем окне откроется настройка базы.

Синхронизация с DB

  • Имя базы данных, прописываем то, которое создавали в MySQL
  • Имя пользователя по умолчанию root для всех новых баз
  • Пароль оставляем пустым, так как мы его не задавали
  • Сервер оставляем localhost
  • Префикс таблиц тоже можно оставить без изменений
  • Теперь отправить

Если всё хорошо то система поздравит и предложит двинуться далее, нажимаем Запустить.

Запуск основной установки

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

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

Создание данных для входа в админпанельпанель

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

Успешная установка вордпресс

Перебросит на страницу входа в админпанель, вводим логин и пароль.

Форма входа в административную панель

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

Заключение

Давайте подведём итог что нужно сделать для установки WordPress на компьютер. Для первого случая:

  • Скачать bithami
  • Установить модуль

Для ручной метода:

  1. Создать базу данных
  2. Скачать движок
  3. Распаковать вордпресс в XAMPP
  4. Соединить базу и движок
  5. Сделать первоначальные настройки

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

Как установить 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 занят, видим сообщение в красном цвете;

Запускаем XAMPP

Про освобождение порта 80, рекомендую почитать на форуме XAMPP, тут:

Разработчики XAMPP, не рекомендуют перестраивать XAMPP на запуск на другом порту, например 8080. Последний раз, я освободил 80 порт, отключением службы IIS.

Как проверить запуск XAMPP

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

панель XAMPP

Как установить WordPress на XAMPP по шагам

Установка WordPress на XAMPP не от стандартной установки WordPress на платный хостинг. Для этого:

  • Создаем базу данных для сайта;
  • Заливам WordPress в catalog сайта;
  • Шагаем по окнам установщика.

Как создать базу данных на XAMPP

  • Запустите XAMPP. Достаточно Apache и MySQL;
  • Пишем localhost в браузере и открываем панель XAMPP;
  • Из меню открываем phpmyadmin.

создать базу данных на XAMPP

базf данных на XAMPP создана

Интерфейс 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 шаг 1 сайт wordpress на локальном сервере XAMPP

установка wordpress на локальный сервер XAMPP шаг 2 установка wordpress на локальный сервер XAMPP шаг 3 установка wordpress на локальный сервер XAMPP шаг 4 установка wordpress на локальный сервер XAMPP авторизация

Заключение

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

Еще статьи

  • Локальный сервер AMPPS в WAMPP сборке: установка, тестирование, выводы
  • OpenServer — платформа для создания локальных сайтов

Добавить комментарий

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