Как перенести новый веб-дизайн на существующий сайт?

Вопрос или проблема

Может кто-нибудь мне помочь, у меня есть duplicator pro, но я не думаю, что это совсем то, что мне нужно для выполнения задач, которые я хочу сделать?

У меня есть действующий сайт, полностью функционирующий, однако он был немного устаревшим, в этом примере мы будем называть этот сайт “website1.com“.

Затем я использовал совершенно новый домен и пакет хостинга и создал совершенно новый сайт с использованием elementor pro, который в этом примере мы будем называть “website2.com“.

Проблема в том, что я хотел бы перенести все мои новоразработанные страницы, плагины и изображения с моего нового website2.com на website1.com.

Однако я хотел бы сохранить все мои старые страницы, дизайн и плагины на website1.com и не перезаписывать и не удалять их.

Может кто-нибудь сказать мне, как я могу это сделать, перенеся website2.com на website1.com?

Спасибо

1-й шаг: разберитесь в том, как вы хотите сохранить существующий контент.

Например: страница “контакты” на website1.com может иметь постоянную ссылку /contact/, а на website2.com постоянная ссылка может быть такой же. Таким образом, когда вы переносите /contact/ с website2 на website1, что вы хотите, чтобы WordPress сделал, если не перезаписывать: он изменяет/добавляет новые URL-адреса к /contact-2/ и т. д. Но в этом случае ваши существующие внутренние ссылки нарушатся, и вам потребуется обновить ссылки везде.

Либо начните с нуля, скачав/экспортировав все данные (файлы + sql), если вам просто нужен резерв. ИЛИ приготовьтесь к хлопотам с обновлением постоянных ссылок, так как вы хотите обе версии, таким образом, у вас будут страницы типа /contact/ и /new-contact/.

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

Установите новые зависимости дизайна (плагины/тему или инструменты, которые вы использовали для нового дизайна) на website1.com, такие как Elementor и, вероятно, его связанные расширения.
Настройте зависимости, т.е.: Установите настройки Elementor/других, как вы настроили на website2.com, чтобы убедиться, что при импорте новоразработанных страниц они получают те же эффекты.
Экспортируйте страницы, посты или другие разработанные страницы с website2.com с помощью опции экспорта WordPress, доступной в WP Dashboard > Настройки > Экспорт
Импортируйте их на website1.com с помощью WP Dashboard > Настройки > Импорт
Очистите постоянные ссылки один раз из Настройки > Постоянные ссылки > Нажмите ‘Сохранить постоянные ссылки’
Проверьте новый стиль/дизайн или новую страницу из интерфейса.

Ответ или решение

Перенос нового веб-дизайна на существующий сайт может быть сложной задачей, особенно если вы хотите сохранить все наработки, которые у вас уже есть на сайте. Давайте рассмотрим, как это сделать, учитывая вашу ситуацию с двумя доменами: website1.com и website2.com.

Теория:

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

Ситуация:

Структура сайта и пермалинки:
- Например, если на сайте website1.com уже есть страница example.com/contact, и такая же страница существует на website2.com, то при переносе может произойти конфликт. Важно заранее решить, что делать с этими конфликтами. Один из вариантов – менять URL таких страниц, например, на example.com/contact-2, что приведет к необходимости обновления всех внутренних ссылок.
Сохранение контента:
- Если вы хотите сохранить оба варианта контента (как старый, так и новый), то важно точно определить, какие страницы, плагины и стили должны остаться, а какие – обновиться.

Пример:

Подготовка к миграции:
- Создайте резервную копию: Сначала сделайте полную резервную копию вашей базы данных и всех файлов сайта website1.com. Это потребуется для сохранности данных на случай непредвиденных сбоев.
- Планирование структуры: Определите, какие из страниц и плагинов вы хотите сохранить от старого сайта, и какие – перенести с нового. Создайте список зданий, который будет удобен для идентификации элементов на обоих сайтах.
Техническая реализация:
- Установка зависимостей: Например, если вы использовали Elementor Pro для создания нового дизайна на website2.com, убедитесь, что все необходимые плагины и темы установлены на сайте website1.com. Это важно, чтобы избежать несоответствий в отображении и функционале.
- Конфигурация плагинов: Установите те же настройки для Elementor и других плагинов на сайте website1.com, что и на website2.com. Это обеспечит корректное отображение импортированных страниц.
- Экспорт и импорт контента:
  - Откройте панель администратора WordPress на website2.com и перейдите в раздел Настройки > Экспорт. Выберите страницы, записи и другие элементы, которые необходимо перенести.
  - Перейдите на website1.com и в разделе Настройки > Импорт загрузите полученные файлы экспорта.
- Очистка пермалинков: После импорта контента, перейдите в Настройки > Постоянные ссылки и просто нажмите "Сохранить изменения". Это поможет избежать ошибок 404 из-за изменений в URL.
- Визуальное и функциональное тестирование: После завершения всех технических шагов тщательно проверьте сайт. Пройдите по всем страницам, чтобы удостовериться в корректности их отображения и функциональности. Проверьте молодель вывода и работу всех интерактивных элементов.

Применение:

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

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

Миграция дизайна – это не просто обновление визуальных элементов, но и комплексная задача по сохранению integrity (целостности) вашего контента и архитектуры сайта. Успехов в вашем проекте!