Как создать сайт WordPress с нуля на локальном компьютере
Обновлено: 04.07.2024
Краткий обзор ↬ Есть ли лучший способ внести прямые изменения в ваш сайт WordPress? Да, есть! Узнайте, как создать локальную среду WordPress с помощью XAMPP и как разместить свой веб-сайт в сети, когда он будет готов к выходу в свет.
При первом знакомстве с WordPress очень часто любые изменения вносятся непосредственно на работающий сайт. В конце концов, где еще вы могли бы это сделать? У вас есть только один сайт, поэтому, когда что-то нужно изменить, вы делаете это там.
Однако у этой практики есть несколько недостатков. Прежде всего, это очень публично. Поэтому, когда что-то идет не так, люди на вашем сайте это очень заметно.
Предотвращение распространенных ошибок
При создании бесплатных или премиальных тем WordPress вы неизбежно совершаете ошибки. Узнайте, как их избежать, чтобы сэкономить время и сосредоточиться на создании тем, которые будут нравиться людям. Прочтите статью по теме →
Все в порядке, не расстраивайтесь. Большинство начинающих WordPress делали это в тот или иной момент. Однако в этой статье мы хотим показать вам лучший способ: локальную разработку WordPress.
Это означает создание копии вашего веб-сайта на локальном жестком диске. Это невероятно полезно. Итак, ниже мы поговорим о преимуществах создания локальной среды разработки WordPress, о том, как ее настроить и как перенести локальный сайт в Интернет, когда он будет готов.
Это важно, так что следите за обновлениями!
Преимущества локальной разработки WordPress
Прежде чем углубляться в как, давайте посмотрим на почему. Использование локальной версии WordPress для разработки дает множество преимуществ.
Веб-формы находятся в центре любого значимого взаимодействия, поэтому с ними стоит разобраться. Знакомьтесь с «Шаблонами дизайна форм» Адама Сильвера — практическим руководством по проектированию и созданию форм для Интернета.
- Тестирование тем и подключаемых модулей
С локальной копией вашего сайта вы можете опробовать столько тем и комбинаций подключаемых модулей, сколько захотите, не рискуя отключить действующий сайт из-за несовместимости. - Безопасное обновление
Еще один случай, когда что-то может пойти не так, — это обновления. В локальной среде вы можете обновить ядро и компоненты WordPress, чтобы увидеть, есть ли какие-либо проблемы, прежде чем применять обновления к вашему действующему сайту. - Независимо от подключения к Интернету
С вашим сайтом WordPress на вашем компьютере вы можете работать с ним без подключения к Интернету. Таким образом, вы можете выполнять работу даже при отсутствии Wi-Fi. - Высокая производительность/низкая стоимость
Поскольку производительность сайта не ограничивается подключением к Интернету, локальные сайты обычно работают намного быстрее. Это способствует лучшему рабочему процессу. Кроме того, как вы увидите, все это можно настроить с помощью бесплатного программного обеспечения, что устраняет необходимость в платной тестовой области.
Звучит хорошо? Тогда давайте посмотрим, как это сделать.
Как настроить локальную среду разработки для WordPress
В следующей части мы покажем вам, как настроить собственную локальную среду WordPress. Сначала мы рассмотрим, что вам нужно сделать, а затем как это сделать правильно.
Инструменты, которые вам понадобятся
Для работы WordPress требуется сервер. Это верно как для онлайн-сайта, так и для локальной установки. Итак, нам нужно найти способ установить его на нашем компьютере.
Для этого сервера также требуется некоторое программное обеспечение, необходимое для работы WordPress. А именно, это PHP (основной язык программирования платформы) и MySQL для базы данных. Кроме того, приятно иметь пользовательский интерфейс MySQL, такой как phpMyAdmin, чтобы сделать работу с базой данных более удобной.
Кроме того, вам понадобится ваш любимый редактор кода или IDE (интегрированная среда разработки) для части написания кода. Я выбираю Notepad++, но у вас могут быть свои предпочтения.
Наконец, полезно иметь некоторые инструменты разработчика для анализа и отладки вашего сайта, например, для изучения HTML и CSS. Самый простой способ — использовать Chrome или Firefox (прочитайте нашу статью об инструментах разработчика Firefox), которые имеют встроенный широкий функционал.
Доступное программное обеспечение
У нас есть несколько вариантов настройки локальных серверных сред. Одними из самых известных являются DesktopServer, Vagrant, Local by Flywheel и DevKinsta. Все они содержат необходимые компоненты для настройки локального сервера, на котором может работать WordPress.
В этом руководстве мы будем использовать XAMPP. Название является аббревиатурой и означает «кроссплатформенный, Apache, MySQL, PHP, Perl». Если вы были внимательны, то заметите, что ранее мы отмечали, что MySQL и PHP необходимы для работы веб-сайта WordPress. Кроме того, Apache — это решение с открытым исходным кодом для создания серверов. Итак, программа содержит все необходимое в одном аккуратном пакете. Кроме того, как предполагает «кроссплатформенность», XAMPP доступен для компьютеров Windows, Mac и Linux.
Чтобы продолжить, перейдите на официальный сайт XAMPP и загрузите копию, если вы еще этого не сделали.
Как использовать XAMPP
Установка XAMPP практически аналогична любому другому программному обеспечению.
- Запустите программу установки (обратите внимание, что вы можете получить предупреждение о запуске неизвестного программного обеспечения, разрешите продолжить).
- Когда вас спросят, какие компоненты нужно установить, убедитесь, что Apache, MySQL, PHP и phpMyAdmin активны. Остальное обычно не нужно, отключите его, если у вас нет веской причины не делать этого.
- Выберите место для установки. Убедитесь, что к нему легко добраться, так как там будут сохраняться ваши сайты, и вы, вероятно, будете часто к ним обращаться.
- Вы можете игнорировать информацию о Bitnami.
- В конце выберите запуск панели управления сразу.
- Откройте файл .dmg.
- Дважды щелкните значок XAMPP или перетащите его в папку приложений.
- Вот и все, молодец!
После завершения установки запустится панель управления. Если ваша операционная система запрашивает разрешения брандмауэра, обязательно разрешите XAMPP для частных сетей, иначе он не будет работать.
На панели можно запустить Apache и MySQL, нажав кнопки "Пуск" в соответствующих строках. Если у вас возникнут проблемы с программами, которые используют те же порты, что и XAMPP, закройте эти программы и попробуйте перезапустить процессы XAMPP. Если проблема связана со Skype, есть постоянное решение, отключив порты в меню «Инструменты» → «Параметры» → «Дополнительно» → «Подключения».
В разделе Config вы также можете включить автоматический запуск необходимых вам компонентов.
Если вы видите следующий экран, все работает как надо. Молодец!
Локальная установка WordPress
Теперь, когда у вас есть локальный сервер, вы можете установить WordPress так же, как на веб-сервере. Единственное отличие: все делается на вашем жестком диске, а не на FTP-сервере или в админке хостинг-провайдера.
В основном это так. Теперь, когда у вас есть работающая копия WordPress на вашем веб-сайте, вы можете устанавливать темы и плагины, настраивать дочернюю тему, изменять стили, создавать собственные шаблоны страниц и делать все, что душе угодно.
Когда вы будете удовлетворены, вы можете переместить веб-сайт из локальной установки в живую среду. Об этом мы поговорим дальше.
Как развернуть сайт с помощью плагина
Хорошо, когда ваш локальный сайт вам понравится, пришло время разместить его в Интернете. Небольшое примечание: если вы хотите получить копию существующего живого сайта на жесткий диск, вы можете использовать тот же процесс, что описан ниже, только в обратном порядке. Общие принципы остаются прежними.
В любом случае, мы можем сделать это вручную или с помощью плагина, и есть несколько доступных решений. Для этого урока мы будем использовать Duplicator. Я обнаружил, что это одно из самых удобных бесплатных решений, и, как вы увидите, оно действительно упрощает работу.
1. Установить Дубликатор
Как и любой другой плагин WordPress, вам сначала нужно установить Duplicator, чтобы использовать его. Для этого просто перейдите в «Плагины» → «Добавить новый». В поле поиска введите название плагина и нажмите Enter, оно должно быть первым результатом поиска.
Нажмите «Установить сейчас» и активируйте, как только это будет сделано.
2. Экспорт сайта
Когда Duplicator активен на вашем сайте, он добавляет новый пункт меню на панель управления WordPress. Нажав на нее, вы попадете на этот экран.
Здесь вы можете создать так называемый пакет. В Duplicator это означает заархивированную версию вашего сайта, базу данных и установочный файл. Чтобы начать, просто нажмите «Создать новый» .
На следующем шаге вы можете ввести имя для своего пакета. Однако в этом нет особой необходимости, если только у вас нет особой причины.
В разделе «Хранилище», «Архив» и «Установщик» находятся параметры, позволяющие определить, где сохранить архив (работает только для версии Pro), исключить файлы или таблицы базы данных из переноса и ввести обновленные учетные данные базы данных и новый URL-адрес.
В большинстве случаев вы можете просто оставить все как есть, особенно потому, что позже Duplicator попытается автоматически ввести новые учетные данные. Итак, пока просто нажмите "Далее" .
После этого Duplicator проверит наличие проблем.
Если не появится что-то серьезное, просто нажмите «Сборка», чтобы начать сборку пакета. Это запустит процесс резервного копирования.
В конце вы получаете возможность загрузить zip-файл и установщик, нажав соответствующие кнопки или с помощью загрузки в один клик .
Сделайте это, и вы закончите с этой частью процесса.
3. Загрузить и развернуть файлы на вашем сервере
Если все прошло без сучка и задоринки, пришло время загрузить сгенерированные файлы в их новый дом. Для этого войдите на свой FTP-сервер и перейдите в домашний каталог вашего нового сайта. Затем начните загружать файлы, которые мы создали на последнем шаге.
На первом этапе подключаемый модуль проверяет целостность архива и возможность развертывания сайта в текущей среде. Вы также получаете некоторые дополнительные параметры, которые вы можете игнорировать в данный момент. Однако не забудьте установить флажок рядом с надписью «Я прочитал и принимаю все условия и уведомления», прежде чем нажимать «Далее».
Ваш сайт сейчас распаковывается. После этого вы попадаете на экран, где нужно ввести информацию о базе данных.
Подключаемый модуль может либо создать новую базу данных (если ваш хост позволяет это), либо использовать существующую. Для последнего варианта вам необходимо заранее настроить базу данных вручную. В любом случае вам нужно ввести имя базы данных, имя пользователя и пароль, чтобы продолжить. Duplicator также будет использовать эту информацию для обновления файла wp-config.php вашего сайта, чтобы он мог взаимодействовать с новой базой данных. Нажмите «Проверить базу данных», чтобы проверить, работает ли соединение. Нажмите «Далее», чтобы начать установку базы данных.
После того, как Duplicator закончит с этим, последним шагом будет подтверждение сведений о вашем старом и новом сайтах.
Таким образом, Duplicator сможет заменить все упоминания вашего старого URL-адреса в базе данных на новый. Если вы этого не сделаете, ваш сайт не будет работать должным образом. Если все в порядке, нажмите кнопку "Далее" .
4. Завершение
Теперь осталось сделать еще несколько вещей, прежде чем вы закончите. Во-первых, проверьте последнюю страницу установки на наличие проблем, возникших при развертывании.
Во-вторых, войдите на свой новый сайт (вы можете сделать это с помощью кнопки). Вы попадете в меню Duplicator.
Здесь обязательно нажмите Удалить установочные файлы сейчас! наверху. Это важно по соображениям безопасности.
Вот и все, теперь ваш сайт должен быть успешно перенесен. Отличная работа! Вы только что освоили основы локальной разработки WordPress.
Небольшое примечание: обновление информации в базе данных вручную
Если плагин Duplicator по какой-либо причине не сможет обновить wp-config.php с новой информацией о базе данных, ваш сайт не будет работать, и вы увидите предупреждение о том, что «невозможно установить соединение с базой данных».
В этом случае вам необходимо изменить информацию вручную. Сделайте это, найдя wp-config.php в основной папке установки WordPress. Вы можете получить к нему доступ через FTP или серверную часть хостинга, например cPanel. Обратитесь за помощью к своему провайдеру, если вы не можете найти его самостоятельно.
Отредактируйте файл (это может означать загрузку, редактирование и повторную загрузку) и найдите следующие строки:
Обновите информацию здесь информацией о вашем новом хосте (путем замены информации между ' '), сохраните файл и переместите его обратно в основной каталог вашего сайта. Теперь все должно быть в порядке.
Кратко о локальной разработке WordPress
Узнать, как установить WordPress локально, очень полезно. Он позволяет вам вносить изменения на сайт, запускать обновления, тестировать темы и плагины и многое другое в безопасной среде. Кроме того, это бесплатно благодаря программному обеспечению с открытым исходным кодом.
Выше вы узнали, как создать локальную среду WordPress с помощью XAMPP. Мы провели вас через процесс установки и объяснили, как использовать локальный сервер с WordPress. Мы также рассмотрели, как вывести ваш местный сайт в Интернет, когда он будет готов к выходу в свет.
Надеюсь, вы пришли к выводу, что все это довольно просто. Поначалу это может показаться ошеломляющим новичку, однако локальное использование WordPress быстро станет второй натурой. Кроме того, преимущества явно перевешивают процесс обучения и помогут вам вывести свои навыки работы с WordPress на новый уровень.
Что вы думаете о локальной разработке WordPress? Любые комментарии, программное обеспечение или советы, чтобы поделиться? Пожалуйста, сделайте это в разделе комментариев ниже!
WordPress — самая популярная система управления контентом в мире. Независимо от того, являетесь ли вы опытным разработчиком, использующим технологию, которая поддерживает 38% всех веб-сайтов, или вы только начинаете работать с WordPress, локальная сборка на вашем компьютере — это недорогой, удобный для тестирования и быстрый способ создания веб-сайтов WordPress.
Что означает локальное строительство?
«Локальная среда разработки» или «локальная разработка» означает просто размещение файлов веб-сайта на вашем компьютере, а не на серверах веб-хостинга.
Возможно, вы уже делаете это. Многие программисты разрабатывают серверные приложения локально.
Если вы только начинаете заниматься веб-разработкой, возможно, вы создали несколько базовых сайтов с помощью HTML и CSS, используя такие текстовые редакторы, как Atom, Sublime или Visual Studio Code. Эти простые сайты уже размещены локально.
Когда вы начнете запускать более сложный код, который должен использовать PHP, JavaScript и SQL, вам потребуются более продвинутые инструменты, которые мы обсудим позже.
Зачем мне создавать сайт WordPress локально?
Прежде чем перейти к инструментам, необходимым для локального создания сайта WordPress, давайте быстро коснемся того, зачем вам это нужно.
Недавно я разговаривал с другим веб-разработчиком Даниэлем, который создает все свои сайты локально. Он начал с создания простых сайтов на HTML и CSS, а также более сложных сайтов на WordPress.
- Быстрая настройка — не нужно ждать хостинг-провайдера или настраивать доменное имя. Я работаю в нескольких небольших компаниях, и быстрое создание макета проекта — огромное преимущество местной разработки.
- Низкая стоимость. Хостинг и доменные имена могут быть дорогими. Локальная разработка бесплатна!
- Доменное имя не требуется. Если вы не указали доменное имя, вы все равно можете начать строить локально. Это обеспечивает большую гибкость и избавляет вас от необходимости переноса вашего веб-сайта WordPress.
- Простое тестирование. При локальной разработке вам будет проще экспериментировать с подключаемыми модулями, темами и пользовательской разработкой. Не беспокойтесь, если вы сломаете свой сайт. Вы единственный человек, который может просматривать и использовать веб-сайт, так что действуйте быстро и ломайте вещи!
- Скорость сайта. Когда вы обновляете свой веб-сайт, вам не нужно ждать, пока сервер отобразит страницу. Это похоже на работу в Интернете с мгновенной скоростью Интернета.
Как создать сайт WordPress локально
Теперь, когда вы решили создать свой сайт Wordpress локально, вам нужна помощь инструмента для создания вашего сайта.
Эти инструменты установят программное обеспечение веб-сервера, PHP и управление базой данных SQL на вашем компьютере. Установка всех этих компонентов по отдельности на компьютер может привести к путанице, поэтому эти инструменты облегчат вам жизнь и позволят быстрее приступить к работе.
Вот два инструмента, используемых для локальной разработки WordPress, и шаги, необходимые для начала работы.
ДевКинста
DevKinsta – это бесплатное программное обеспечение, предоставленное Kinsta и запущенное в январе 2021 года. Недавно я использовал его для запуска сайта, и им было невероятно легко пользоваться.
Это позволяет новичкам быстро и легко создавать и развивать локальные сайты. DevKinsta устанавливает Nginx, MariaDB и другие компоненты одним щелчком мыши.
Для установки и начала создания локального сайта, разработки тем, экспериментов с подключаемыми модулями и разработки PHP на заказ требуется около 2 минут.
Поскольку это инструмент, предоставляемый хостинг-провайдером, когда вы будете готовы к запуску, сайт будет отправлен в Kinsta. По этой причине вам следует использовать этот инструмент только в том случае, если вы решите разместить свой сайт WordPress на Kinsta. В настоящее время я размещаю 20 сайтов для себя и клиентов на Kinsta и считаю их невероятными.
XAMMP
Использование XAMPP требует больше шагов, чем DevKinsta, но вы узнаете много нового о том, какие службы и библиотеки должны работать для поддержки вашего веб-сайта WordPress.
XAMPP — это бесплатный и простой в установке пакет с открытым исходным кодом. Дистрибутив Apache содержит MariaDB, PHP и Perl. После загрузки и установки программного обеспечения у вас будет доступ к приложению панели управления XAMPP.
Используя панель управления XAMPP, вы можете запустить веб-сервер Apache в качестве локального сервера и MySQL в качестве сервера базы данных. Вам нужно будет «запустить» модули Apache и MySQL с этой панели, чтобы эффективно превратить ваш компьютер в сервер. Вуаля - у вас есть сервер!
При переходе по указанному выше URL-адресу вам будет предложено следовать указаниям мастера установки WordPress для еще одной важной технической установки — базы данных.
Нажмите «Базы данных», а затем «Создать», чтобы быстро добавить новую базу данных. Вуаля — у вас есть необходимая база данных!
Вернитесь на свой локальный веб-сайт по адресу https://localhost/wordpress/ и введите новую информацию о базе данных, используя «root» в качестве имени пользователя и без пароля.
Использование XAMPP может быть сложным. Я невероятно разочаровался в некоторых моих локальных установках, но в Интернете можно найти много помощи.
Упражнение по настройке локальной установки WordPress научит вас важным аспектам настройки сервера, управления базой данных и того, как работают основные файлы WordPress.
После запуска и запуска вы можете экспериментировать и развиваться без ограничений по использованию сервера.
Заключение
Локальная разработка WordPress — это то, что должно быть удобно каждому разработчику WordPress.
Работа из дома и отсутствие поездок на работу дали мне дополнительное время в течение дня, которое я посвятил созданию веб-сайтов. Я смог пересмотреть и переоценить свой набор инструментов для локальной разработки, чтобы упростить создание веб-сайтов на WordPress. Надеюсь, мои мысли будут вам полезны.
В этой статье мы рассмотрели только два инструмента. В CodeInWP есть дополнительные инструменты, которые они рекомендуют для локальной разработки. После того, как вы выбрали локальный стек разработки, создали веб-сайт WordPress, создали отличный дизайн и логотип и выбрали хостинг-провайдера, ваше творение будет готово для Интернета. Удачного строительства!
Вы хотите создать локальный сайт WordPress на своем компьютере с помощью XAMPP?
Установив WordPress на свой компьютер, вы сможете опробовать WordPress, протестировать темы и плагины, а также научиться разрабатывать WordPress.
В этой статье мы покажем вам, как легко создать локальный сайт WordPress с помощью XAMPP.
Зачем создавать локальный сайт WordPress?
Создание локальных сайтов WordPress — обычная практика среди разработчиков и владельцев сайтов. Это позволяет вам протестировать WordPress, не создавая настоящий веб-сайт в Интернете.
Локальные веб-сайты видны только вам на вашем компьютере. Вы можете попробовать разные темы и плагины WordPress, протестировать их функции и изучить основы WordPress.
Если у вас уже есть веб-сайт WordPress, вы можете создать локальную копию своего веб-сайта на своем компьютере, чтобы опробовать новые обновления плагинов, прежде чем внедрять их на своем действующем веб-сайте.
Важно! Локальный веб-сайт будет виден только вам на вашем компьютере. Если вы хотите создать работающий веб-сайт, вам понадобится доменное имя и хостинг WordPress.
Следуйте пошаговым инструкциям в нашем руководстве по созданию блога WordPress, когда будете готовы создать работающий веб-сайт.
Сказав это, давайте посмотрим, как установить WordPress локально на Windows, Mac или Linux с помощью XAMPP.
Что такое XAMPP?
XAMPP – это программный пакет, который включает в себя все необходимое для настройки локальной серверной среды на вашем компьютере.
Чтобы создать локальный сайт WordPress, вам необходимо установить на свой компьютер программное обеспечение веб-сервера (Apache), PHP и MySQL.
PHP — это язык программирования, а MySQL — это программное обеспечение для управления базами данных. Оба они необходимы для запуска WordPress.
Установка каждого из них по отдельности довольно сложна для новичков. Здесь на помощь приходит XAMPP.
XAMPP упрощает создание веб-сайтов WordPress локально. Он доступен для компьютеров под управлением Windows, Mac и Linux.
Давайте начнем с установки XAMPP и его настройки для запуска вашего локального сайта WordPress.
Установка XAMPP на компьютер
Во-первых, вам нужно посетить веб-сайт XAMPP и нажать кнопку загрузки для вашей операционной системы.
В зависимости от вашей операционной системы мастер установки и интерфейс приложения могут отличаться от представленных здесь снимков экрана. В этой статье мы покажем вам версию программного обеспечения для Windows.
После загрузки XAMPP вам нужно нажать и запустить программу установки.
XAMPP спросит, где установить программное обеспечение и какие пакеты вы хотите установить. Настройки по умолчанию подойдут большинству пользователей. Продолжайте нажимать кнопку «Далее», чтобы завершить работу мастера настройки.
После завершения работы мастера установите флажок «Запустить панель управления сейчас» и нажмите кнопку «Готово».
Это запустит приложение панели управления XAMPP.
С помощью приложения XAMPP вы можете запустить веб-сервер Apache в качестве локального сервера и MySQL в качестве сервера базы данных. Нажмите кнопку запуска рядом с Apache и MySQL.
Теперь XAMPP запустит Apache и MySQL. Вы можете увидеть уведомление брандмауэра Windows. Важно нажать кнопку «Разрешить доступ», чтобы оба приложения запустились на вашем компьютере.
После запуска обоих приложений их имена будут выделены зеленым цветом.
Теперь вы готовы создать локальный веб-сайт и установить WordPress с помощью XAMPP.
Создание локального сайта WordPress с помощью XAMPP
После загрузки WordPress вам нужно распаковать zip-файл, и вы увидите папку wordpress. Вам нужно скопировать эту папку.
Затем перейдите в папку установки XAMPP.
В Windows это будет папка C:/Program Files/XAMPP/htdocs или C:/Xampp/htdocs.
На Mac это будет папка /Applications/XAMPP/htdocs.
Вставьте папку wordpress, которую вы скопировали ранее, внутрь htdocs.
Мы рекомендуем переименовать папку wordpress на веб-сайты или что-то еще. Это поможет вам легко определить ваш локальный сайт.
Затем вам нужно открыть свой любимый веб-браузер и ввести следующий URL-адрес в адресную строку браузера.
Если вы переименовали папку WordPress во что-то другое, замените веб-сайт1 именем своей папки.
Запустится мастер установки WordPress, и вам будет предложено выбрать язык. После выбора языка нажмите кнопку «Продолжить».
На следующем экране вы увидите уведомление о том, что WordPress требуется имя базы данных, имя пользователя базы данных, пароль и информация о хосте.
Давайте создадим базу данных для вашего сайта WordPress.
Это запустит приложение phpMyAdmin, которое предварительно установлено с XAMPP. Он позволяет легко управлять базами данных с помощью более простого интерфейса.
Вам нужно будет щелкнуть Базы данных и указать имя для вашей новой базы данных. После этого нажмите кнопку «Создать», чтобы продолжить.
Теперь, когда вы создали базу данных, вы можете использовать ее для своего сайта WordPress.
Вернитесь на вкладку браузера /localhost/website1/ и нажмите кнопку "Поехали".
На следующем экране вас попросят предоставить информацию о вашей базе данных WordPress.
Введите имя базы данных, которую вы создали ранее. Ваше имя пользователя «root», и вы должны оставить поле пароля пустым. Для поля хоста базы данных необходимо использовать localhost.
После завершения нажмите кнопку "Отправить", чтобы продолжить.
Если вы используете Windows или Linux, WordPress теперь будет хранить эти настройки в вашем файле конфигурации WordPress с именем wp-config.php.
Однако, если вы работаете на Mac, он покажет вам содержимое файла и попросит вас создать его.
Вам нужно будет создать этот файл в корневой папке вашего веб-сайта.
После создания файла вставьте в него ранее скопированный текст. Затем вам нужно сохранить файл и вернуться к программе установки WordPress, чтобы продолжить.
На следующем шаге WordPress попросит вас предоставить информацию о вашем веб-сайте. Сначала введите название, которое вы хотите использовать для этого сайта.
После этого вам нужно ввести имя пользователя, пароль и адрес электронной почты для вашей учетной записи администратора.
Заполнив всю информацию, нажмите кнопку «Установить WordPress», чтобы продолжить.
Теперь WordPress запустит установку и предложит вам войти в систему, как только она будет завершена.
Вы можете войти на свой веб-сайт, перейдя на страницу /localhost/website1/wp-admin и используя для входа имя пользователя и пароль, которые вы ввели во время установки.
Что нужно попробовать после создания локального сайта WordPress
Теперь, когда вы создали свой локальный сайт WordPress с помощью XAMPP, вы можете работать с ним так же, как и с работающим сайтом WordPress.
Перейдите в меню «Внешний вид» на боковой панели администратора WordPress, чтобы настроить внешний вид вашего сайта или установить новую тему.
Вот несколько отличных бесплатных тем, которые вы можете попробовать.
Следующее, что вы хотели бы попробовать, — это плагины WordPress.
Плагины похожи на приложения для вашего сайта WordPress и позволяют добавлять интересные функции, такие как контактная форма, кнопки социальных сетей, магазин электронной коммерции и т. д.
Нужна помощь в установке плагинов? Ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.
Бонус: перенос локального сайта WordPress на рабочий сервер
После работы над локальным сайтом WordPress вы можете перенести его на действующий сервер, чтобы создать свой первый блог или веб-сайт WordPress.
Для этого вам потребуется доменное имя и учетная запись веб-хостинга. Обычно доменное имя стоит 14,99 долларов США, а хостинг веб-сайтов — от 7,99 долларов США в месяц.
Это слишком много, если вы только начинаете.
К счастью, Bluehost предлагает пользователям WPBeginner бесплатное доменное имя с щедрой скидкой на хостинг. По сути, вы можете начать работу за 2,75 доллара США в месяц.
Для получения дополнительных рекомендаций по хостингу ознакомьтесь с нашим полным руководством по хостингу WordPress.
После того, как вы зарегистрируетесь на хостинге, вы можете следовать нашему пошаговому руководству о том, как перенести WordPress с локального сервера на работающий сайт.
Мы надеемся, что эта статья помогла вам научиться создавать локальный сайт WordPress с помощью XAMPP. Вы также можете рассмотреть альтернативные способы создания локальных сайтов WordPress в Windows с помощью Wampserver и на Mac с помощью MAMP.
Если вам понравилась эта статья, подпишитесь на наш канал YouTube для видеоруководств по WordPress. Вы также можете найти нас в Twitter и Facebook.
Хотите установить XAMPP и WordPress — т. н. установить WordPress локально? Это отличная идея, если вам нужен сайт разработки, который можно использовать для тестирования или других целей. XAMPP позволяет вам запускать веб-сайт с вашего собственного компьютера. И как только вы настроите его, вы сможете запустить новую установку WordPress всего за несколько кликов.
Но на самом деле установить XAMPP и WordPress может быть немного сложно, поэтому вам может понадобиться помощь.
В этом пошаговом руководстве я покажу вам, как именно установить XAMPP и настроить локальный сайт разработки WordPress. Я также поделюсь некоторыми распространенными ошибками XAMPP и советами по устранению неполадок, чтобы вы могли исправить любые проблемы, с которыми вы столкнетесь (хотя у большинства людей не возникнет никаких проблем, следуя этому руководству!).
После этого у вас будет собственная локальная тестовая среда WordPress, работающая в Windows.
Если вы действительно ищете, как развернуть WordPress для работающего сайта, возможно, вы захотите обратиться прямо к хостингу, такому как Bluehost, и позволить ему заняться технической настройкой. Bluehost — это веб-хостинговая компания. С ними это работает следующим образом: вы выбираете план хостинга, который соответствует вашим потребностям (в большинстве случаев это будет дешевый план за 2,75 доллара в месяц), а затем выбираете вариант автоматической установки WordPress. /p>
Если вам нужно более общее руководство по установке WordPress в других средах — не только локально, но и на работающих серверах, — перейдите к тому, как установить WordPress: полное руководство для начинающих.
Шаг 1. Загрузите и установите XAMPP на свой компьютер
Первым шагом на пути к локальной установке WordPress является загрузка и установка программного обеспечения XAMPP. Вы можете загрузить файл установщика Windows с веб-сайта Apache Friends. Это большой файл, около 110 МБ, так что это может занять около минуты, в зависимости от вашего подключения:
После завершения загрузки запустите загруженный файл, чтобы запустить программу установки XAMPP. Если вы используете антивирусное программное обеспечение, вы можете получить следующее предупреждение:
Просто нажмите Да, чтобы продолжить. В зависимости от конфигурации Windows вы также можете получить запрос о контроле учетных записей (UAC). Просто продолжайте через это приглашение. После того, как вы выполните все подсказки, вы должны увидеть стандартный экран установщика:
Просто нажмите "Далее", чтобы продолжить.
Однако некоторые другие компоненты могут оказаться полезными. Например, если вы хотите отправлять/отлаживать транзакционные электронные письма, вы можете установить компоненты, связанные с электронной почтой. Однако это полностью зависит от вас.
Опять же, это все, что нужно для локальной установки WordPress. Снимите все остальные флажки и нажмите «Далее».
Теперь вы можете выбрать, в какую папку установить XAMPP. Я всегда оставляю ее по умолчанию:
На следующем экране вы можете выбрать предпочитаемый язык.
Затем вы получите приглашение установить Bitnami для XAMPP. Вам не нужно это для установки XAMPP и WordPress, поэтому не стесняйтесь снимать этот флажок. Если вы оставите его включенным, это немного упростит процесс установки WordPress, но я расскажу, как он работает без Bitnami.
Нажав кнопку "Далее", вы готовы к установке:
Процесс установки может занять несколько минут:
После завершения вы можете запустить панель управления, чтобы начать работу с XAMPP:
Шаг 2. Запустите модули и протестируйте свой сервер
Чтобы правильно установить XAMPP и WordPress, вам потребуется запустить два модуля:
Вы можете запустить оба модуля из панели управления XAMPP:
После того как вы запустите их, вы увидите, что их статус стал зеленым:
Если все прошло хорошо, теперь у вас есть работающий сервер XAMPP на вашем ПК с Windows! Но теперь пришло время установить XAMPP и WordPress. Итак, вот как запустить сайт WordPress на XAMPP.
Шаг 3. Добавьте файлы WordPress
Затем в Windows перейдите в папку, в которую вы установили XAMPP. Для меня это C://xampp. Это должно быть что-то подобное для вас. Затем в этой папке найдите подпапку htdocs:
Шаг 4. Создайте базу данных для WordPress
Затем вам нужно создать базу данных MySQL для вашей установки WordPress. Для этого запустите PHPMyAdmin из панели управления XAMPP:
Затем нажмите Базы данных вверху:
И введите имя для своей базы данных и нажмите «Создать». Ваше имя может быть любым — просто запомните его, потому что оно понадобится вам на следующем шаге:
В отличие от установки WordPress на действующий веб-сервер, при установке XAMPP и WordPress вам не нужно беспокоиться о создании пользователя базы данных.
Шаг 5. Установите WordPress локально с помощью экранного установщика
Единственный этап, на котором этот процесс будет отличаться от обычной установки, — это сведения о базе данных. Когда вы дойдете до сведений о базе данных, введите их следующим образом:
- Имя базы данных = имя базы данных, которую вы создали в PHPMyAdmin
- Имя пользователя = «root»
- Пароль – оставьте пустым.
Затем завершите остальную часть процесса установки WordPress, как обычно.
После завершения процесса вы должны увидеть, что ваша новая установка WordPress отлично работает на вашем локальном хосте:
Устранение распространенных ошибок XAMPP
Если вы следовали нашему руководству по XAMPP выше, надеюсь, у вас не возникнет проблем. Однако в редких случаях вы можете столкнуться с некоторыми ошибками XAMPP, требующими устранения неполадок.
Вот несколько советов по исправлению распространенных ошибок XAMPP…
Ошибка превышения максимального времени выполнения PHP в XAMPP
Ошибка «Превышено максимальное время выполнения PHP» — очень распространенная проблема при установке WordPress, созданной с помощью XAMPP.
К счастью, обычно это можно исправить, просто отредактировав одну строку в одном из файлов конфигурации XAMPP.
Для начала откройте панель управления XAMPP и нажмите кнопку Config рядом с Apache. В раскрывающемся списке выберите вариант для PHP (php.ini):
Это должно открыть файл php.ini в текстовом редакторе по умолчанию.
В файле найдите следующую строку:
Вы должны увидеть что-то вроде max_execution_time=120 .
Чтобы исправить ошибку XAMPP Maximum PHP Execution Time Exceeded, все, что вам нужно сделать, это увеличить значение числа. Например, вы можете попробовать удвоить его до 240 .
Ошибка превышения максимального размера файла XAMPP
Ошибка превышения максимального размера файла — еще одна распространенная проблема, с которой вы можете столкнуться при попытке загрузить файлы на локальный сайт WordPress, созданный с помощью XAMPP.
К счастью, это легко исправить. На самом деле, вы можете исправить это в том же месте, где вы исправили предыдущую ошибку — в файле php.ini.
Для начала откройте файл php.ini (вы можете выполнить действия, описанные в предыдущем разделе).
Затем найдите следующую строку:
Вы можете увидеть что-то вроде upload_max_filesize=40M .
Чтобы увеличить лимит загрузки и исправить ошибку, все, что вам нужно сделать, это увеличить число. Например, можно сделать upload_max_filesize=40M.
Пока вы редактируете файл php.ini, вы также можете внести те же изменения в число post_max_size.
Непредвиденная ошибка XAMPP Apache Shutdown
Эта ошибка означает, что с Apache что-то пошло не так, что привело к сбою. Apache — это веб-сервер, на который опирается XAMPP, поэтому сбой в Apache означает, что ваши локальные сайты разработки перестанут работать.
Поскольку это очень критическая ошибка, у нас есть полное руководство по устранению ошибки XAMPP Apache Shutdown Unexpected.
Ошибка 403 – ошибка доступа XAMPP запрещена
Еще одним распространенным сообщением об ошибке является ошибка XAMPP access limited, которая обычно проявляется как ошибка 403, когда вы пытаетесь получить доступ к своей базе данных с помощью phpMyAdmin (или иногда других страниц).
Обычно это происходит из-за неправильной настройки в одном из файлов конфигурации XAMPP.
Чтобы исправить это, нажмите кнопку Config рядом с Apache на панели управления XAMPP.
Найдите строку кода, начинающуюся с псевдонима /phpmyadmin.
В этом блоке кода вы должны увидеть строку с надписью Require local . Вместо этого измените эту строку на «Требовать все предоставленные».
Это должно исправить ошибку запрещенного доступа к базе данных XAMPP и предоставить вам доступ к phpMyAdmin.
Как насчет мультисайта или промежуточного размещения?
Как установить мультисайт XAMPP и WordPress
Если вы хотите поиграть с мультисайтом WordPress, вы также можете настроить мультисайт WordPress для работы на вашем локальном хосте. Однако вместо того, чтобы дублировать информацию, я просто направлю вас к сообщению Вишну о том, как настроить мультисайт WordPress на локальном хосте.
Стоит ли использовать XAMPP и WordPress для подготовки?
Хотя запуск WordPress на вашем локальном хосте — это отличный способ поэкспериментировать и попробовать что-то с WordPress, вы не должны использовать его в качестве фактического промежуточного сайта для работающего сайта.
Это связано с тем, что у него другая аппаратная конфигурация, чем у вашего работающего сайта. То, что что-то работает или не работает на вашей установке XAMPP WordPress, не означает, что то же самое будет и на вашем рабочем сайте.
Вместо этого использование поддомена или промежуточной службы вашего хостинга — гораздо лучший способ создать промежуточный сайт WordPress. Вы также можете использовать специальный промежуточный плагин WordPress.
Подведение итогов о том, как установить WordPress локально на XAMPP
Как только вы научитесь устанавливать XAMPP и WordPress в первый раз, вы сможете быстро запускать новые тестовые сайты, когда это необходимо.
Как внештатный автор, я использую установки XAMPP для проверки любого количества тем и плагинов. На данный момент у меня, вероятно, около 60 отдельных установок WordPress, работающих на XAMPP. Поэтому, если вам нужна помощь с XAMPP и WordPress, оставьте комментарий, и я постараюсь помочь!
Если вас интересуют другие способы создания локальных сайтов разработки WordPress, у нас также есть множество других полезных руководств:
У вас остались вопросы о том, как установить WordPress локально с помощью XAMPP? Дайте нам знать в комментариях!
Бесплатное руководство
5 основных советов по ускорению
вашего сайта WordPress
Сократите время загрузки даже на 50–80 %,
просто следуя простым советам.
* Этот пост содержит партнерские ссылки, что означает, что если вы нажмете на одну из ссылок на продукт, а затем купите продукт, мы получим комиссию. Не беспокойтесь, вы по-прежнему будете платить стандартную сумму, поэтому с вашей стороны не будет никаких затрат.
Несмотря на то, что WordPress является одной из самых удобных систем управления контентом (CMS), у нее есть собственный набор ошибок, с которыми нужно бороться, большинство из которых возникает из-за проблем с совместимостью. Решение состоит в том, чтобы установить локальный тестовый сайт WordPress для Windows… или Mac (но об этом мы поговорим в другой раз).
Наличие локальной версии вашего сайта позволяет экспериментировать, не опасаясь появления ошибок на активных страницах или, что еще хуже, их полного вывода из строя. К счастью, настроить локальный тестовый сайт WordPress для Windows не так сложно, как кажется.
В этом посте мы рассмотрим, почему вам следует использовать тестовый сайт WordPress, а затем покажем, как это сделать, выполнив три простых шага. Начнем!
Зачем использовать тестовый сайт WordPress?
- Использование локального тестового сайта поможет вам устранить проблемы совместимости между вашими темами, плагинами и ядром WordPress до того, как они попадут на ваш работающий сайт. Вы можете легко создать копию своего сайта, разместить ее локально, выполнить тестовый запуск и перенести ее обратно, как только закончите. Тот же принцип применяется для тестирования любых других тем или плагинов.
- Местные тестовые сайты идеально подходят для веб-разработчиков и дизайнеров, которые хотят сохранить конфиденциальность своей работы до тех пор, пока не будут достигнуты определенные этапы. Вы экономите на хостинге и устраняете риск того, что клиенты уйдут с вашей работой.
- Вам нравится возиться с вещами, связанными с WordPress (как и нам!).
Помня обо всем этом, пришло время погрузиться в сам процесс.
Как настроить локальный тестовый сайт WordPress для Windows
Существует три шага, чтобы начать работу с собственным локальным тестовым сайтом WordPress для Windows. Начнем!
Шаг 1. Установите WampServer
Эта изящная программа создает на вашем компьютере целую среду веб-разработки. Первая часть его имени означает Windows, Apache, MySQL и PHP (WAMP) — комбинация, позволяющая запускать локальный веб-сервер. Давайте посмотрим, как это работает.
Прежде всего загрузите соответствующий установщик для вашей версии Windows — 32- или 64-разрядной — с домашней страницы WampServer:
По завершении загрузки выполните процесс установки. Продолжайте нажимать Далее, пока установщик не спросит, хотите ли вы сменить браузер по умолчанию с Internet Explorer (что вы, конечно же, и сделаете). Найдите исполняемый файл нового браузера в папке Program Files, а затем повторите процесс (если хотите), когда программа установки спросит вас о вашем текстовом редакторе.
После завершения установки перейдите в меню "Пуск" и нажмите Wampserver64 (или Wampserver32 в зависимости от вашей версии). Значок WampServer теперь появится на панели задач. Вот и все!
Шаг 2. Создайте базу данных для своего сайта WordPress
Взгляните на значок WampServer на панели задач. Красный цвет означает, что ваш сервер не работает, оранжевый означает, что вам нужно настроить веб-сервер Apache, а зеленый означает, что все идет гладко.
Страница, которую вы увидите после подключения к вашему локальному адресу.
Далее мы фактически создадим базу данных для нашей будущей установки WordPress. Перейдите в раздел Инструменты на странице локального хоста и нажмите PHPMyAdmin:
На следующем экране введите root в качестве имени пользователя и оставьте поле пароля пустым. Перейдите на вкладку Базы данных вверху экрана, введите имя новой базы данных и нажмите Создать:
Теперь у вас есть новая база данных, готовая к использованию! Пришло время запустить WordPress на этом щенке.
Шаг 3. Установите WordPress на новый сервер
Ваши файлы WordPress теперь должны находиться в папке wamp64 > www > wordpress, хотя вы можете назвать эту последнюю папку как угодно — мы остановились на wordpress для простоты.
Выберите выбранный язык и нажмите Продолжить. Прочтите информацию на следующем экране, затем нажмите Поехали!, когда закончите:
Далее введите имя только что созданной базы данных, а также имя пользователя и пароль. Поскольку мы на самом деле не меняли свой, просто введите root в поле имя пользователя и оставьте поле пароль пустым. Измените свой Префикс таблицы, если хотите, но не заменяйте Хост базы данных, так как это может привести к проблемам в дальнейшем:
Обычно вы должны всегда (мы не можем не подчеркнуть это) установить другое имя пользователя и сложный пароль, а также изменить префикс вашей базы данных в целях безопасности. Мы пропускаем это, поскольку создаем локальную установку, предназначенную для личного использования. Наконец, заполните поля на последнем экране, и все готово:
…и скажите «Привет» вашему новому локальному тестовому сайту WordPress для Windows! Если вы впервые используете WordPress, мы рекомендуем ознакомиться со следующими руководствами, чтобы начать работу:
Конечно, вы всегда можете сразу же погрузиться и начать поиск подходящей темы для игры!
Заключение
Настройка локального тестового сайта WordPress для Windows может показаться сложной задачей, но в долгосрочной перспективе это сэкономит вам много времени и избавит от головной боли. К счастью, для начала работы требуется всего три шага:
- Установите WampServer.
- Создайте базу данных для своего локального сайта.
- Установите WordPress на новый локальный сервер.
Есть вопросы о настройке локального сайта тестирования WordPress в Windows? Давайте послушаем их в разделе комментариев ниже!
Читайте также: