3 простых способа быстро настроить тестовый сайт WordPress

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

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

В этом посте мы рассмотрим постановку WordPress и несколько простых способов ее настройки.

Возбужденный? Давайте начнем!

Посмотрите наше видео-руководство по настройке тестового сайта WordPress.

Что такое тестовый сайт WordPress?

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

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

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

Мы поговорим об этих элементах (и многом другом) далее.

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

Зачем создавать промежуточный сайт WordPress?

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

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

Например, рассмотрим комментарии на сайте.

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

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

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

Это связано с некоторыми другими вескими причинами использования тестового сайта WordPress:

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

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

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

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

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

У разработчика часто бывает несколько критических моментов в процессе, некоторые из которых вы, возможно, не учли:

• Часто требуется тяжелая стадия планирования, а не просто запуск на живом сайте.
• Стек программного обеспечения имеет важное значение, так как он определяет функциональность, к которой вы можете получить доступ. Это каскадно влияет на производительность и масштабируемость вашего сайта.
• Будет этап пересмотра и исправления ошибок, который может быть утомительным, но крайне важным для поддержания высокого качества вашего сайта.

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

Кроме того, разработчик может перенести аспекты на другие варианты программного обеспечения. Например, вы можете заменить jQuery ванильным JavaScript или протестировать переход на React. Постановка дает разработчику возможность проверить, что возможно в практически реальной среде.

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

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

Когда использовать промежуточный сайт

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

Тем не менее, есть некоторые конкретные ситуации, в которых вы захотите использовать промежуточную среду WordPress:

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

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

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

Что следует учитывать при использовании промежуточного сайта

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

Было бы полезно, если бы вы задали себе множество вопросов о том, как вы планируете использовать свой промежуточный сайт. Здесь только несколько:

• Можете ли вы использовать все функциональные возможности вашего рабочего сайта на тестовом сайте?
• Можете ли вы опубликовать определенные элементы, сохранив при этом другие аспекты (например, комментарии на сайте)?
• Можете ли вы перенести эти конкретные элементы в свою локальную среду и работать вне своего сервера?

Это общие вопросы, которые должен задать себе каждый владелец сайта. Возможно, у вас есть конкретные вопросы, связанные с вашей настройкой. Конечно, вы должны сделать поиск ответов на них своим приоритетом. WordPress-блогер Крис Лема (Chris Lema) поделился своими мыслями и учебным пособием о том, как выбрать правильный подход для вас.

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

• Сайты электронной коммерции: можете ли вы использовать весь процесс оформления заказа на своем тестовом сайте? Этот фактор будет иметь важное значение для определения того, как пользователи перемещаются по вашему сайту.
• Плагины и темы: как такие плагины, как Jetpack, работают на промежуточных сайтах? Кроме того, Jetpack, в частности, имеет ограниченные возможности в локальных средах, поскольку ему требуется доступ к серверу.
• Видео и потоковая передача. Есть ли у вас полная функциональность на тестовом сайте? Как определить, соответствует ли видео, которое вы видите на тестовом сайте, вашему реальному сайту?

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

Как настроить промежуточный сайт WordPress (3 способа)

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

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

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

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

Там, где хост предлагает встроенную постановку, часто используются два элемента:

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

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

Подпишитесь на рассылку новостей

Хотите знать, как мы увеличили наш трафик более чем на 1000%?

Присоединяйтесь к более чем 20 000 других пользователей, которые получают нашу еженедельную рассылку с советами по WordPress, посвященными инсайдерской информации!

Подпишись сейчас

1. Выберите свой сайт из списка в MyKinsta.
2. Измените среду с «Live» на «Staging».
3. Нажмите кнопку, чтобы внедрить тестовый сайт WordPress.
4. Подождите до 15 минут, пока промежуточный сайт не заполнится.

Ваша промежуточная среда будет иметь свой собственный субдомен и также будет переносить ваши настройки Secure Sockets Layers (SSL).

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

Мы считаем, что наша сценическая функциональность не имеет себе равных. Несмотря на это, на трехъярусном торте есть глазурь, любезно предоставленная DevKinsta, которую мы обсудим далее.

Как DevKinsta может помочь вам создать промежуточный сайт

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

DevKinsta — это наша локальная среда разработки для всех веб-разработчиков и владельцев сайтов, хотя она имеет определенные функции для клиентов Kinsta:

Это полнофункциональное (и бесплатное) приложение, которое поможет вам создавать новые сайты WordPress с минимальным количеством кликов. Кроме того, в коробке есть много всего, что поможет вам подготовиться к работе с настоящим сервером. Мы рассмотрели это в другом месте в блоге Kinsta, но есть один параметр, на котором мы хотим сосредоточиться немного больше — параметр Push to staging:

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

Первым шагом в этом процессе является импорт вашего сайта из Kinsta в DevKinsta:

Как только ваш сайт будет размещен на DevKinsta, вы можете потратить время на внесение необходимых изменений. Оттуда вы нажмете кнопку Push to staging и отправите ее обратно на свой хостинг-сервер. Когда вы будете готовы выпустить свой сайт в мир, кнопка Push to Live на панели инструментов MyKinsta сделает свою работу.

2. Установите плагин, который поможет вам создать тестовый сайт WordPress.

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

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

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

Мы видели, что плагины дублирования сайтов рекомендуются как идеальный способ создания промежуточного сайта. Мы не рекомендуем это! Можно спорить о том, соответствует ли использование плагина, такого как Duplicator, выделенному локальному инструменту разработки, такому как DevKinsta.

Вместо этого есть более мощные решения, такие как WP Stagecoach и WP Staging:

Преимущества использования такого решения, как WP Staging, многочисленны:

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

Весь процесс использования плагина покажется вам знакомым. Что касается WP Staging, вы установите плагин на свой сайт обычным способом. Обратите внимание, что есть бесплатная версия с ограниченной функциональностью и премиум-версия, предлагающая полный набор функций.

Как только плагин появится на вашем сайте, вы перейдете на страницу WP Staging > Sites / Start и нажмите кнопку « Создать новый тестовый сайт »:

Нажав на нее, вы попадете в раздел « Сканирование ». Здесь есть три части, которые вы должны учитывать, помимо ввода имени для вашего промежуточного сайта:

• Таблицы базы данных: это список всех ваших таблиц базы данных, и вы можете выбрать те, которые хотите разместить.
• Файлы: здесь вы можете выбрать, какие папки копировать, а также любые дополнительные каталоги, которые вы хотите скопировать.
• Расширенные настройки / Pro: здесь много настроек. Например, вы можете скопировать свой промежуточный сайт в отдельную базу данных, в пользовательский каталог, а также можете «символизировать» загрузки вашего рабочего сайта.

Как только вы нажмете, чтобы продолжить, вы начнете процесс клонирования и подготовки:

Когда плагин завершит работу, вы увидите детали, необходимые для работы на тестовом сайте:

Когда вы заходите на тестовый сайт, панель инструментов становится ярко-оранжевой — это сдерживающий фактор на случай, если вы сделаете что-то немыслимое:

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

3. Создайте пробный сайт WordPress вручную

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

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

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

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

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

Конечно, вы дублируете работу, которую вам нужно сделать, и это еще один недостаток процесса.

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

• Хостинг-провайдер, который позволяет создавать субдомены.
• Административный доступ к вашему серверу хостинга.
• Знание языка SQL (не так критично, как другие).

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

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

1. Создайте новый поддомен в панели управления вашего веб-хостинга.
2. Настройте выделенную учетную запись протокола безопасной передачи файлов (SFTP) для своего промежуточного сайта.
3. Загрузите файлы WordPress на промежуточный сервер. Лучший способ — установить свежую версию WordPress, а затем загрузить свои темы , плагины и папки для загрузки .
4. Экспортируйте свою базу данных с вашего живого сайта.
5. Создайте новую базу данных для своего промежуточного сайта в панели управления хостингом.
6. Импортируйте базу данных на промежуточный сервер с помощью диспетчера SQL, например Adminer.
7. Обновите wp-config.php , чтобы он отражал ваш промежуточный сайт.

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

Разверните свой промежуточный сайт вручную

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

Если вы бэкэнд-разработчик с большим опытом работы с PHP и SQL, возможно, вы сможете реализовать автоматическое развертывание, хотя мы держим пари, что это не ваша ситуация. Таким образом, мы рекомендуем копировать изменения, которые вы делаете на своем промежуточном сайте, а не пытаться «развернуть» их.

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

Резюме

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

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

Знаете ли вы ценность пробного сайта WordPress, и если нет, то собираетесь ли вы реализовать его в будущем? Пожалуйста, поделитесь с нами своими мыслями и мнениями в разделе комментариев ниже!