WordPress Playground: как создать сайт-песочницу WordPress

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

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

Различные способы создания сайта-песочницы WordPress

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

Онлайн-инструменты песочницы WordPress

Если вам нужен самый быстрый и простой способ создания песочницы, лучшим вариантом станут онлайн-инструменты. Эти платформы позволяют вам создать полнофункциональный сайт WordPress за считанные секунды. Наиболее популярные варианты — WordPress Playground, InstaWP и TasteWP.

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

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

Например, WordPress Playground — официальный инструмент WordPress, который полностью работает в вашем браузере.

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

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

Локальная разработка на вашем компьютере

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

С помощью таких инструментов, как LocalWP, XAMPP, WAMP или MAMP , вы можете создать локальный сайт WordPress, который будет работать так же, как действующий сайт.

Вот как это работает.

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

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

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

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

Субдомены или подкаталоги в вашей учетной записи хостинга

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

Субдомен похож на создание отдельного веб-сайта в рамках вашего основного домена (например, sandbox.yourdomain.com), а подкаталог — это папка внутри вашего основного сайта (например, yourdomain.com/sandbox) .

«Большинство хостинг-провайдеров позволяют вам создавать поддомены или подкаталоги всего за несколько кликов через панели управления, такие как cPanel или Plesk», — объясняет Хамза Дж., эксперт по построению ссылок в Outreaching.io. «После настройки поддомена WordPress можно установить так же, как на действующий сайт. Этот подход особенно ценен для нашего агентства по созданию ссылок, поскольку он обеспечивает безопасную и изолированную среду для тестирования контент-стратегий, экспериментов с плагинами и оптимизации конфигураций SEO, не затрагивая основной веб-сайт».

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

Промежуточные среды от хостинг-провайдеров

Если вы ищете более профессиональный вариант, многие веб-хосты премиум-класса предлагают «промежуточную среду» как часть своих планов хостинга. Такие провайдеры, как SiteGround, Kinsta и WP Engine, позволяют вам создать сайт-песочницу одним щелчком мыши.

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

Ричард Маккей, генеральный директор и управляющий директор Sprung Gym Flooring, добавляет: «Когда вы используете промежуточный сайт, ваш хостинг-провайдер дублирует весь ваш действующий сайт и помещает его в безопасную скрытую среду. Это идеально подходит для внесения больших изменений, таких как обновление основных файлов WordPress, изменение дизайна страниц или тестирование основных плагинов. Как только вы будете довольны внесенными изменениями, вы сможете «внести» изменения на свой действующий сайт одним щелчком мыши».

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

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

Как создать сайт-песочницу WordPress

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

Шаг 1. Выберите метод песочницы

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

Вот ваши основные варианты.

• Онлайн-инструменты (например, WordPress Playground или InstaWP): лучше всего подходят для быстрых временных тестов.
• Локальная разработка (с использованием LocalWP или XAMPP): идеально подходит для полного контроля и конфиденциальности.
• Субдомен в вашей учетной записи хостинга: лучше всего, если у вас уже есть веб-хостинг.
• Промежуточный сайт с вашего веб-хостинга: самый простой вариант, если ваш хостинг-провайдер поддерживает его.

Если вам нужно что-то быстрое и простое, начните с онлайн-инструмента. Если вам нужно более постоянное пространство для тестирования, воспользуйтесь локальной разработкой или промежуточным сайтом от вашего хостинг-провайдера, — говорит Мартин Сили, генеральный директор Mattress Next Day.

Шаг 2. Настройте среду

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

Вариант 1. Онлайн-инструмент (самый быстрый метод)

• Перейдите на WordPress Playground и нажмите кнопку «Исследовать игровую площадку».
• Подождите несколько секунд, пока инструмент создаст ваш сайт-песочницу.
• Вы получите уникальный URL-адрес, по которому вы сможете получить доступ к сайту.

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

Вариант 2: Локальная разработка (больше контроля, интернет не нужен)

• Загрузите и установите LocalWP (ранее Local by Flywheel) на свой компьютер.
• Откройте приложение и нажмите «Создать новый сайт».

• Следуйте инструкциям, чтобы назвать свой сайт и выбрать предпочитаемую версию WordPress.
• Подождите, пока LocalWP создаст локальный сайт WordPress на вашем компьютере.
• Получите доступ к сайту, нажав кнопку «Просмотреть сайт» на панели управления LocalWP.

Теперь у вас есть полноценный сайт WordPress на вашем компьютере. Он работает в автономном режиме, поэтому вам не нужно подключение к Интернету. Вы можете редактировать темы, устанавливать плагины и настраивать их по своему усмотрению. Единственная загвоздка в том, что вам нужно будет использовать такой инструмент, как Duplicator, если вы захотите позже перевести свой сайт в рабочую среду.

Ноам Фридман, директор по маркетингу Tradeit, добавляет: «Песочница WordPress бесценна для игровых веб-сайтов, стремящихся оптимизировать взаимодействие с пользователем. Он обеспечивает безопасное пространство для тестирования визуальных элементов, настроек производительности и интеграций, таких как таблицы лидеров или плагины чата, без ущерба для функциональности действующего сайта. Такой подход гарантирует безупречный конечный продукт, который находит отклик у вашей аудитории».

Вариант 3: Субдомен в вашей учетной записи хостинга (идеально подходит для постоянного использования)

• Войдите в панель управления хостингом (например, cPanel или Plesk).
• Найдите опцию «Домены» или «Субдомены».
• Создайте новый субдомен (например, sandbox.yourdomain.com).
• Установите WordPress на субдомен с помощью установщика в один клик на вашем хостинге.
• Войдите на новый сайт WordPress и начните тестирование.

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

Вариант 4. Промежуточная среда (самый простой, если ваш хост предлагает ее)

• Войдите в свою учетную запись веб-хостинга (например, SiteGround, Kinsta или WP Engine).
• Найдите опцию «Промежуточный» на панели управления хостингом.
• Нажмите «Создать промежуточный сайт» или «Копировать сайт в промежуточный».
• Подождите, пока ваш работающий сайт будет скопирован в отдельную промежуточную среду.
• Войдите на новый промежуточный сайт и начните вносить изменения.

Это один из самых простых вариантов, потому что все делается за вас. Ваш веб-хостинг копирует ваш сайт и изолирует его в безопасной среде тестирования. Когда вы закончите тестирование, вы можете одним щелчком мыши «отправить» изменения обратно на свой действующий сайт, — объясняет Энди Слэк, основатель JuicyLlama.

Шаг 3: Установите WordPress

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

Вот как установить WordPress.

• Загрузите последнюю версию WordPress с WordPress.org.
• Загрузите файлы на свой субдомен или локальный сервер с помощью FTP или файлового менеджера.
• Создайте новую базу данных MySQL в панели управления хостингом.
• Откройте сайт в браузере и следуйте инструкциям мастера установки WordPress.
• Введите название вашего сайта, имя пользователя и пароль, затем нажмите «Установить WordPress».

После установки WordPress у вас будет новый пустой сайт, готовый к тестированию.

Шаг 4. Настройка и настройка сайта

Теперь, когда ваша песочница настроена, пришло время ее настроить. Эта часть интересна, потому что вы можете настроить ее по своему усмотрению. Вот что вы можете сделать.

Установите плагины и темы

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

Добавить образец контента

Создайте несколько тестовых страниц, сообщений в блогах или продуктов электронной коммерции, чтобы вам было с чем работать. Благодаря этому вам будет проще увидеть, как новые темы и плагины будут выглядеть на вашем сайте, — объясняет Стив Моррис, основатель и генеральный директор NEWMEDIA.COM.

Изменить настройки сайта

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

Тестовый пользовательский код

Если вы тестируете собственный CSS, JavaScript или PHP, вы тоже можете это сделать. Большинство сайтов-песочниц (например, LocalWP) имеют встроенные редакторы кода. Если что-то сломается, вы можете просто откатить это обратно.

Шаг 5: Тестируйте, экспериментируйте и ломайте вещи

Теперь самое интересное — тестирование! Вот что вам следует протестировать в своей песочнице.

Тестируйте новые плагины

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

Попробуйте новые темы

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

Тестирование основных обновлений

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

Экспериментируйте с пользовательским кодом

Если вы настраиваете темы или создаете собственные функции PHP, песочница — это ваша игровая площадка. Попробуйте, проверьте и посмотрите, работает ли это.

Тестовая скорость страницы

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

Исправить ошибки и ошибки

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

Заключительные мысли

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

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