Полная шпаргалка по локальной разработке WordPress

Опубликовано: 2023-02-14

Хотите настроить локальную среду разработки WordPress, не пролистывая страницы и страницы документации? Наша памятка по локальной разработке WordPress поможет вам быстро приступить к работе!

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

Это руководство охватывает следующее:

  • Что такое локальная разработка WordPress?
  • Преимущества локальной разработки WordPress
  • Настройка локальной среды разработки
    • Что вам понадобится
    • Установка программного обеспечения локального сервера
    • Настройка виртуального хоста
    • Создание базы данных для вашей локальной установки WordPress
  • Локальная установка WordPress
    • Загрузка и установка WordPress на локальный сервер
    • Настройка файла wp-config.php
  • Импорт рабочего сайта WordPress в локальную среду
    • Экспорт базы данных Live Site
    • Импорт базы данных живого сайта на локальный сервер
    • Замена URL-адресов в базе данных
    • Загрузка файлов живого сайта в локальную среду
  • Разработка и тестирование на локальном сайте WordPress
    • Внесение изменений и тестирование
    • Отладка
    • Тестирование различных плагинов и тем
  • Развертывание локального сайта WordPress на Live Server
    • Экспорт базы данных локального сайта
    • Импорт базы данных на Live Server
    • Загрузка файлов локального сайта на Live Server
    • Обновление URL-адресов в базе данных
  • Локальная разработка и промежуточная среда веб-хостинга
    • Плюсы локальной среды разработки
    • Минусы локальной среды разработки
    • Плюсы промежуточной среды веб-хостинга
    • Минусы промежуточной среды веб-хостинга

Что такое локальная разработка WordPress?

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

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

Преимущества местного развития

Некоторые из ключевых преимуществ локальной разработки WordPress включают в себя:

  • Безопасная среда тестирования : локальная среда разработки обеспечивает безопасное пространство для тестирования новых функций, плагинов и тем, не затрагивая ваш работающий сайт.
  • Скорость, производительность и эффективность . Локальная среда разработки быстрее и быстрее реагирует, чем удаленный сервер. Это связано с тем, что он работает на вашем компьютере, поэтому ваш компьютер может получать доступ к данным и обрабатывать их намного быстрее, чем сервер, и при обмене данными между вашим компьютером и сервером нет задержек.
  • Экономичность : настройка локальной среды разработки устраняет необходимость в дорогостоящих услугах хостинга и снижает затраты, связанные с внедрением изменений на действующем сайте. Для начала вам нужен только компьютер и текстовый редактор.
  • Улучшенная совместная работа : несколько разработчиков могут одновременно работать над одним проектом, не мешая работе друг друга.
  • Офлайн-разработка . Благодаря локальной среде разработки вы можете разрабатывать свой сайт даже в автономном режиме.
  • Повышенная безопасность . У вас есть «совершенно секретный» проект, над которым вы хотите поработать? Поскольку локальная среда разработки работает на вашем компьютере, она более безопасна, чем удаленный сервер, поэтому вы можете создавать и работать на своем сайте вдали от посторонних глаз. Нет риска несанкционированного доступа или взлома.

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

Настройка локальной среды разработки

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

Что вам понадобится

В дополнение к компьютеру с достаточным объемом памяти и вычислительной мощностью для поддержки вашей работы по разработке, вот все, что вам нужно для настройки локальной среды разработки:

Программное обеспечение локального сервера

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

XAMPP, MAMP и WAMP — три популярных варианта. Каждый из этих локальных серверных программных пакетов предоставляет полную среду разработки для веб-разработчиков со всеми необходимыми компонентами (такими как веб-сервер Apache, база данных MySQL и язык сценариев PHP в одном пакете), панелью управления для управления этими компонентами и инструмент для управления базой данных.

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

Кратко рассмотрим каждый:

XAMPP

XAMPP
XAMPP

XAMPP — это бесплатное, простое в установке программное обеспечение веб-сервера с открытым исходным кодом, которое предоставляет локальную среду разработки для веб-разработчиков. Это означает Apache, MariaDB, PHP и Perl, четыре основных компонента XAMPP.

Некоторые ключевые особенности (и плюсы) XAMPP:

  • Включает веб-сервер Apache, базу данных MariaDB и языки сценариев PHP и Perl.
  • Поддерживает несколько операционных систем, включая Windows, Mac и Linux.
  • Простая в использовании панель управления для управления компонентами веб-сервера и базы данных.
  • Возможность установки дополнительных компонентов, таких как phpMyAdmin для управления базой данных.

Минусы:

  • Не так популярен, как MAMP или WAMP, поэтому поддержка сообщества может быть не такой сильной.
  • Более сложная настройка по сравнению с MAMP или WAMP, требующая дополнительных технических знаний для установки и настройки компонентов.

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

МАМП

МАМП
МАМП

MAMP — это локальное серверное программное обеспечение, которое предоставляет среду разработки для веб-разработчиков. Это означает Macintosh, Apache, MySQL и PHP, четыре основных компонента MAMP.

Некоторые ключевые особенности (и плюсы) MAMP:

  • Включает веб-сервер Apache, базу данных MySQL и язык сценариев PHP.
  • Поддерживается операционной системой macOS, но также может использоваться для ОС на базе Windows.
  • Простая в использовании панель управления для управления компонентами веб-сервера и базы данных.
  • Возможность установки дополнительных компонентов, таких как phpMyAdmin для управления базой данных.

Минусы:

  • Может использовать только язык сценариев PHP.
  • Меньше компонентов по сравнению с XAMPP, что может ограничивать потребности некоторых разработчиков.

MAMP лучше всего подходит для веб-разработчиков, работающих в операционной системе macOS.

Для получения дополнительной информации об использовании этой опции ознакомьтесь с нашим руководством по локальной разработке WordPress с использованием MAMP.

WampServer

WampServer
WampServer

WAMP — это локальное серверное программное обеспечение, которое предоставляет среду разработки для веб-разработчиков. Это означает Windows, Apache, MySQL и PHP, четыре основных компонента WAMP.

Некоторые ключевые особенности (и плюсы) WAMP:

  • Включает веб-сервер Apache, базу данных MySQL и язык сценариев PHP.
  • Поддерживает операционную систему Windows.
  • Простая в использовании панель управления для управления компонентами веб-сервера и базы данных.
  • Возможность установки дополнительных компонентов, таких как phpMyAdmin для управления базой данных.

Минусы:

  • Поддерживает только Windows, поэтому разработчикам, использующим macOS или Linux, возможно, придется искать в другом месте.
  • Меньше компонентов по сравнению с XAMPP, что может ограничивать потребности некоторых разработчиков.

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

Для получения дополнительной информации об этой опции ознакомьтесь с нашим руководством по локальной разработке WordPress с использованием WAMP.

Хотя XAMPP, MAMP и WAMP — отличный выбор для веб-разработчиков, которым нужна локальная среда разработки, есть и другие доступные варианты, в том числе Local by Flywheel, DesktopServer и (если вам нужно работать над WordPress локально на более чем одной машине) даже установка и запуск WordPress с USB-накопителя.

Текстовый редактор

Другой компонент, который вам понадобится, — это текстовый редактор для разработки WordPress, специально разработанный для работы с такими языками программирования, как PHP. Текстовый редактор необходим для редактирования кода и внесения изменений на ваш сайт.

Давайте рассмотрим пару популярных вариантов текстовых редакторов:

Возвышенный текст

Возвышенный текст
Возвышенный текст

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

Некоторые ключевые особенности Sublime Text:

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

Sublime Text — отличный инструмент для разработчиков, которые работают над проектами, требующими написания кода на HTML, CSS и JavaScript. Он предлагает простые в использовании подсветку синтаксиса, завершение кода и инструменты редактирования, которые делают процесс написания кода быстрым и эффективным.

Код Visual Studio

Код Visual Studio
Код Visual Studio

Visual Studio Code — это бесплатный редактор кода с открытым исходным кодом, разработанный Microsoft. Он предлагает ряд функций и инструментов, помогающих разработчикам создавать крупномасштабные проекты и управлять ими.

Некоторые ключевые особенности Visual Studio Code:

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

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

Вы выполнили все вышеперечисленные требования?

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

Большой! Тогда переходим к следующему шагу…

Установка программного обеспечения локального сервера

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

  1. Загрузите XAMPP : перейдите на официальный сайт XAMPP и загрузите последнюю версию XAMPP для Windows.
  2. Установите XAMPP : дважды щелкните загруженный файл, чтобы начать процесс установки. Запустите загруженный установочный файл и следуйте инструкциям на экране, чтобы установить XAMPP. По умолчанию XAMPP будет установлен в каталог C:\xampp .
  3. Запуск XAMPP : после установки откройте панель управления XAMPP из меню «Пуск» или ярлыка на рабочем столе. Запустите модули Apache и MySQL, нажав кнопку «Пуск» рядом с каждым модулем.
  4. Проверка установки . Чтобы убедиться, что XAMPP работает правильно, откройте веб-браузер и перейдите по адресу http://localhost . Это должно отобразить страницу приветствия XAMPP.
  5. Создайте виртуальный хост . Чтобы создать виртуальный хост, выполните шаги, описанные ниже.

Теперь XAMPP должен быть установлен и настроен на вашем компьютере. Вы готовы приступить к разработке и тестированию своих веб-сайтов локально.

Примечание. Процесс установки XAMPP или другого локального серверного программного обеспечения, такого как MAMP или WAMP, может незначительно отличаться в зависимости от используемой операционной системы. Для операционных систем Mac и Linux вы можете следовать инструкциям по установке, представленным на веб-сайте XAMPP.

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

Настройка виртуального хоста

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

Ниже приведено пошаговое руководство по настройке виртуального хоста в вашей локальной среде разработки и началу тестирования ваших веб-сайтов:

1. Откройте файл конфигурации Apache . Откройте файл конфигурации программного обеспечения вашего локального сервера. В этом примере мы используем XAMPP, поэтому откройте файл конфигурации Apache, обычно расположенный в /etc/httpd/conf/httpd.conf или C:\xampp\apache\conf\httpd.conf .

2. Включите виртуальный хостинг . Найдите раздел с надписью «# Virtual Hosts» и раскомментируйте следующую строку, удалив символ решетки (#) в начале строки: #Include conf/extra/httpd-vhosts.conf .

3. Настройте виртуальный хост . Откройте файл конфигурации виртуального хоста, обычно расположенный в /etc/httpd/conf/extra/httpd-vhosts.conf или C:\xampp\apache\conf\extra\httpd-vhosts.conf .

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

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

Сделай это:

  • Замените «example.local» на желаемый URL-адрес виртуального хоста.
  • Замените «/path/to/document/root» полным путем к корневому каталогу документа для виртуального хоста.

5. Обновите файл hosts . Файл hosts сопоставляет имена доменов с IP-адресами. Чтобы сделать виртуальный хост доступным через указанный вами URL-адрес, вам нужно добавить запись в файл hosts. Файл hosts обычно находится в /etc/hosts or C:\Windows\System32\drivers\etc\hosts . Добавьте новую строку следующего формата: 127.0.0.1 example.local . Замените «example.local» URL-адресом, указанным в конфигурации виртуального хоста. Сохраните изменения в файле конфигурации.

6. Перезапустите Apache : перезапустите локальный веб-сервер Apache, чтобы изменения вступили в силу.

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

Создание базы данных для вашей локальной установки WordPress

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

Следуйте этим пошаговым инструкциям, чтобы создать базу данных в XAMPP:

1. Откройте панель управления XAMPP . Откройте панель управления XAMPP из меню «Пуск» или ярлыка на рабочем столе. Убедитесь, что модули Apache и MySQL запущены.

2. Получите доступ к phpMyAdmin . Чтобы получить доступ к phpMyAdmin, откройте веб-браузер и перейдите по адресу http://localhost/phpmyadmin . Это откроет интерфейс phpMyAdmin в вашем браузере.

3. Создайте новую базу данных : в интерфейсе phpMyAdmin перейдите на вкладку «Базы данных». В разделе «Создать базу данных» введите имя для вашей новой базы данных и выберите параметры сортировки «utf8mb4_general_ci». Затем нажмите на кнопку «Создать».

4. Создайте нового пользователя . Чтобы создать нового пользователя для базы данных, щелкните вкладку «Пользователи», а затем кнопку «Добавить пользователя». В форме «Добавить пользователя» введите имя пользователя и пароль для нового пользователя и выберите «Локальный» в качестве хоста. Обязательно предоставьте пользователю все привилегии, установив флажок «Предоставить все привилегии для базы данных». Наконец, нажмите на кнопку «Перейти».

5. Сохраните свои данные : запишите или сохраните имя базы данных, имя пользователя и пароль. Они понадобятся вам для подключения базы данных к WordPress позже.

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

Теперь вы можете использовать эту базу данных для хранения данных и управления ими при локальной разработке и тестировании сайта WordPress.

Вы выполнили все вышеперечисленные шаги?

Установленное программное обеспечение локального сервера
Настроить виртуальный хост
Созданная база данных

Большой! Тогда переходим к следующему шагу…

Локальная установка WordPress

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

Загрузка и установка WordPress на локальный сервер

Выполните следующие шаги, чтобы завершить этот процесс:

  1. Посетите веб-сайт WordPress : перейдите на официальный веб-сайт WordPress.org и нажмите кнопку «Загрузить WordPress», чтобы загрузить последнюю версию WordPress.
  2. Извлеките архив : загрузка WordPress будет сжатым ZIP-файлом. Извлеките содержимое архива в каталог на вашем компьютере.
  3. Переместите извлеченные файлы на локальный сервер : переместите содержимое извлеченного каталога в корневой каталог вашего локального сервера. Например, если вы используете XAMPP, это обычно C:\xampp\htdocs в Windows или /Applications/XAMPP/htdocs в macOS.
  4. Создайте базу данных : (Примечание: если вы следовали этому шагу, этот шаг уже должен быть выполнен.) Перед установкой WordPress вам необходимо создать базу данных. Вы можете сделать это с помощью такого инструмента, как phpMyAdmin, который включен в большинство локальных серверных программ, таких как XAMPP и MAMP.
  5. Начните установку : откройте веб-браузер и перейдите по адресу http://localhost/wordpress (или эквивалентному URL-адресу для вашего локального сервера). Это запустит процесс установки WordPress.
  6. Выберите язык : на первом экране выберите предпочитаемый язык и нажмите кнопку «Продолжить».
  7. Заполните информацию о базе данных . На следующем экране введите информацию о базе данных, которую вы создали на шаге 4. Сюда входят имя базы данных, имя пользователя базы данных и пароль базы данных.
  8. Заполните информацию о сайте . На следующем экране введите информацию о своем локальном сайте WordPress. Это включает в себя название сайта, имя пользователя, пароль и адрес электронной почты.
  9. Запустите установку : после того, как вы заполнили всю информацию, нажмите кнопку «Установить WordPress», чтобы запустить установку.
  10. Войдите на свой сайт : после завершения установки войдите на свой локальный сайт WordPress, используя имя пользователя и пароль, которые вы создали на шаге 8, чтобы начать настройку и разработку вашего локального сайта.

Вы успешно загрузили и установили WordPress.

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

Настройка файла wp-config.php

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

Если вы следовали приведенным выше инструкциям по установке, учетные данные вашей базы данных будут автоматически добавлены в файл wp-config.php .

Если по какой-либо причине вам необходимо вручную настроить файл wp-config.php , следуйте приведенным ниже инструкциям:

1. Создайте файл wp-config.php : если в вашей локальной установке WordPress еще нет файла wp-config.php , вы можете создать его, скопировав файл wp-config-sample.php и переименовав его в wp-config.php .

2. Обновите учетные данные базы данных . Откройте файл wp-config.php и обновите следующие строки, указав соответствующую информацию: 

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

Замените database_name , database_user и database_password значениями, которые вы использовали при создании базы данных и пользователя на предыдущем шаге.

3. Установите ключи безопасности WordPress . Ключи безопасности WordPress добавляют дополнительный уровень безопасности вашему сайту, шифруя информацию, хранящуюся в файлах cookie. Вы можете сгенерировать набор ключей безопасности на официальном сайте WordPress. Скопируйте сгенерированные ключи и вставьте их в файл wp-config.php , заменив уже имеющиеся ключи-заполнители.

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

define( 'WP_DEBUG', true );

5. Сохраните изменения . После внесения изменений в файл wp-config.php сохраните файл и закройте его.

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

Импорт рабочего сайта WordPress в локальную среду

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

Экспорт базы данных Live Site

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

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

  1. Войдите в панель управления вашего живого сервера .
  2. Доступ к базе данных : первый шаг — доступ к базе данных живого сайта. Вы можете сделать это с помощью такого инструмента, как phpMyAdmin, который часто предоставляется вашим провайдером веб-хостинга. Найдите раздел «Базы данных» и нажмите «phpMyAdmin».
  3. Выберите базу данных : После того, как вы вошли в phpMyAdmin, выберите базу данных для вашего живого сайта на левой панели.
  4. Экспорт базы данных : нажмите кнопку «Экспорт», чтобы начать процесс экспорта.
  5. Выберите формат экспорта : на экране экспорта выберите метод экспорта «Быстрый», выберите формат «SQL» и убедитесь, что выбраны параметры «Структура» и «Данные».
  6. Загрузка файла экспорта : нажмите кнопку «Перейти», чтобы загрузить файл экспорта на свой компьютер.

Импорт базы данных на локальный сервер

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

Вот шаги для импорта базы данных живого сайта на ваш локальный сервер:

  1. Откройте phpMyAdmin в программном обеспечении вашего локального сервера : Войдите в phpMyAdmin для вашего локального сервера и выберите базу данных, которую вы создали для своей локальной установки WordPress.
  2. Импорт базы данных : нажмите кнопку «Импорт», чтобы импортировать данные из только что загруженного экспортного файла.
  3. Выберите файл импорта : на экране импорта нажмите кнопку «Выбрать файл», выберите только что загруженный файл экспорта и нажмите кнопку «Перейти», чтобы начать процесс импорта.

Замена URL-адресов в базе данных

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

Вот шаги для замены URL-адресов в базе данных:

1. Откройте phpMyAdmin на локальном сервере.
2. Выберите импортированную базу данных на левой панели.
3. Нажмите на вкладку «SQL».
4. Введите следующий запрос в текстовую область: 

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. Замените «http://www.livesite.com» на URL-адрес вашего работающего сайта, а «http://local.livesite.com» — на URL-адрес вашей локальной среды разработки.

6. Нажмите кнопку «Перейти», чтобы выполнить запрос.

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

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

Выполните следующие действия, чтобы загрузить файлы сайта в локальную среду:

  1. Подключитесь к серверу вашего живого сайта с помощью FTP-клиента, такого как FileZilla.
  2. Перейдите в корневую директорию вашего работающего сайта на сервере.
  3. Загрузите все файлы на свой локальный компьютер.
  4. Поместите загруженные файлы в корневой каталог вашей локальной среды разработки, которая обычно находится в папке «htdocs» или «www» в XAMPP или другом локальном серверном программном обеспечении.

Примечания:

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

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

Разработка и тестирование на локальном сайте WordPress

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

Пройдемся по процессу:

Внесение изменений и тестирование

  1. Войдите на локальный сайт WordPress: откройте свой локальный сайт WordPress в веб-браузере и войдите в панель управления WordPress, используя свои учетные данные администратора.
  2. Внесите изменения на сайт: вы можете внести изменения в свой локальный сайт WordPress, отредактировав темы, плагины или пользовательский код. Просто получите доступ к этим элементам с панели управления WordPress.
  3. Тестовые изменения. После внесения изменений на ваш локальный сайт WordPress важно протестировать изменения, чтобы убедиться, что они работают должным образом. Вы можете протестировать изменения, посетив интерфейс вашего сайта и убедившись, что изменения вступили в силу.

Отладка

  1. Используйте режим отладки: WordPress имеет встроенный режим отладки, который упрощает выявление и устранение проблем на вашем сайте. Чтобы включить режим отладки, вам нужно добавить следующий код в файл wp-config.php: define( 'WP_DEBUG', true ); .
  2. Проверьте журналы ошибок: если у вас возникли проблемы с вашим локальным сайтом WordPress, вы можете проверить журналы ошибок, чтобы увидеть, есть ли какие-либо сообщения об ошибках или предупреждающие сообщения, которые могут помочь вам определить проблему. Журналы ошибок можно найти в файле журнала отладки WordPress, который находится в каталоге wp-content.
  3. Используйте инструменты отладки: существует ряд инструментов и плагинов для отладки, доступных для WordPress, которые могут помочь вам выявить и решить проблемы на вашем сайте. Например, подключаемый модуль Query Monitor предоставляет подробную информацию о запросах к базе данных, использовании подключаемого модуля и многом другом. См. этот учебник для получения помощи по отладке WordPress: Отладка WordPress: как использовать WP_Debug

Тестирование различных плагинов и тем

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

  1. Установите плагины : установите плагины на свой локальный сайт WordPress, чтобы добавить новые функции или функции на ваш сайт. Чтобы установить плагин, войдите в панель управления WordPress, перейдите в раздел «Плагины» и нажмите кнопку «Добавить новый».
  2. Активировать плагины : активируйте плагин, который вы тестируете, после его установки, чтобы использовать его на своем сайте. Чтобы активировать плагин, перейдите в раздел «Плагины» на панели инструментов WordPress и нажмите кнопку «Активировать» рядом с плагином, который вы хотите использовать.
  3. Тестовые плагины . После активации плагина важно протестировать его, чтобы убедиться, что он работает должным образом. Протестируйте плагины, посетив интерфейс вашего сайта и убедившись, что плагин вступил в силу.
  4. Установите темы : установите темы на свой локальный сайт WordPress, чтобы изменить внешний вид вашего сайта. Чтобы установить тему, войдите в панель управления WordPress, перейдите в раздел «Внешний вид» и нажмите кнопку «Темы».
  5. Активировать темы : активируйте тему после ее установки, чтобы изменить внешний вид вашего сайта. Чтобы активировать тему, перейдите в раздел «Внешний вид» на панели инструментов WordPress и нажмите кнопку «Активировать» рядом с темой, которую вы хотите использовать.
  6. Тестовые темы . После активации темы важно протестировать ее, чтобы убедиться, что она работает должным образом. Протестируйте темы, посетив внешний интерфейс вашего сайта и убедившись, что тема вступила в силу.

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

Большой! Теперь вы готовы запустить свой локальный сайт WordPress.

Развертывание локального сайта WordPress на Live Server

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

Экспорт базы данных локального сайта

Выполните следующие шаги, чтобы экспортировать локальный сайт WordPress на ваш рабочий сервер:

  1. Войдите в базу данных локального сайта с помощью PHPMyAdmin.
  2. Выберите базу данных, которую вы хотите экспортировать.
  3. Перейдите на вкладку «Экспорт».
  4. Выберите «Быстрый» метод экспорта.
  5. Выберите формат «SQL».
  6. Нажмите «Перейти», чтобы загрузить файл SQL на свой компьютер.

Импорт базы данных на Live Server

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

  1. Войдите в базу данных живого сервера, используя PHPMyAdmin.
  2. Создайте новую базу данных для живого сайта.
  3. Перейдите в новую базу данных и выберите вкладку «Импорт».
  4. Выберите экспортированный файл SQL с вашего локального сайта.
  5. Нажмите «Перейти», чтобы импортировать базу данных.

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

Загрузка файлов локального сайта на Live Server

Выполните следующие шаги, чтобы загрузить файлы вашего локального сайта WordPress на ваш действующий сайт:

  1. Подготовьте файлы: перед загрузкой файлов локального сайта на сервер рекомендуется просмотреть и очистить файлы. Это может включать удаление любых ненужных файлов, таких как резервные копии или тестовые файлы, чтобы свести к минимуму объем загружаемых данных.
  2. Подключение к серверу: вы можете подключиться к серверу с помощью различных методов, таких как FTP или SFTP. Вам нужно будет использовать клиентское программное обеспечение, такое как FileZilla, для подключения к серверу. Вам нужно будет указать хост вашего сервера, имя пользователя и пароль для подключения.
  3. Загрузите файлы: после подключения к серверу вы можете загрузить файлы локального сайта на сервер. Вы можете загружать файлы несколькими способами, включая загрузку отдельных файлов или загрузку всей папки локального сайта. Перейдите в корневой каталог работающего сайта на сервере. Загрузите все файлы локального сайта в каталог активного сайта на сервере и замените существующие файлы, если будет предложено.
  4. Обновите информацию базы данных: после загрузки файлов на сервер вам нужно будет обновить информацию базы данных в файле wp-config.php , чтобы отразить информацию базы данных действующего сайта. Откройте файл wp-config.php в текстовом редакторе и обновите имя базы данных, имя пользователя и пароль, чтобы они соответствовали действующей базе данных.
  5. Обновите URL-адреса в базе данных: см. раздел ниже.
  6. Протестируйте сайт. После загрузки файлов локального сайта на сервер рекомендуется протестировать сайт, чтобы убедиться, что все работает правильно. Это может включать тестирование функциональности сайта, ссылок и изображений, чтобы убедиться, что они работают должным образом.

Обновление URL-адресов в базе данных

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

Обновление URL-адресов с помощью текстового редактора

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

  1. Экспорт базы данных: перед обновлением URL-адресов в базе данных вам необходимо экспортировать базу данных. Используйте инструмент управления базой данных (например, phpMyAdmin).
  2. Найдите и замените URL-адреса : после того, как вы экспортировали базу данных, вам нужно будет найти и заменить URL-адреса в базе данных. Вы можете сделать это с помощью текстового редактора, такого как Sublime или Visual Studio Code. Ищите и заменяйте URL-адреса, а также тщательно и тщательно заменяйте URL-адреса, включая URL-адреса в сериализованных данных.
  3. Импорт базы данных . После обновления URL-адресов в базе данных вам потребуется импортировать базу данных обратно в локальную среду разработки. Вы можете импортировать базу данных с помощью инструмента управления базой данных, такого как phpMyAdmin.
  4. Протестируйте сайт . После импорта обновленной базы данных рекомендуется протестировать сайт, чтобы убедиться, что все работает правильно. Это может включать тестирование функциональности сайта, ссылок и изображений, чтобы убедиться, что они работают должным образом.

Обновление URL-адресов в базе данных

Выполните следующие шаги, чтобы обновить URL-адреса непосредственно в базе данных:

1. Войдите в базу данных действующего сайта с помощью PHPMyAdmin.
2. Выберите базу данных активного сайта.
3. Перейдите на вкладку «SQL».
4. Запустите следующий запрос SQL, чтобы обновить URL-адреса: 

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

Replace “old-url” with the URL of the local site and “new-url” with the URL of the live site.

5. Click “Go” to run the query.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

  • Easy to Use : Local development environments are easy to use, even for beginner developers.
  • Flexibility : You have complete control over your local development environment, so you can configure it however you like.
  • Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

  • Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
  • Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
  • Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

  • Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
  • More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
  • More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

  • Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
  • Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!