Вордпресс перенос на другой домен. Перенос wordpress на другой домен своими силами. Новый домен на хостинге

Около 17% веб сайтов построены на WordPress платформе. Эта CMS набирает популярность в кругах большинства разработчиков. Как же быть с уже существующими сайтами, на других движках или вообще без них? Значит ли это, что перенос сайта на wordpress платформу займет массу времени, усилий и денег? Или нужно вообще все начать заново?

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

Основные шаги

Вот главные моменты, которые нельзя упустить при миграции сайта на WordPress:

Оцените существующий сайт. Работайте аккуратно рассматривая страницы существующего сайта. Определите все типы контента (страницы, фотогалереи, ресурсные страницы и т.д.), рассмотрите поля и формы. Запишите все на бумаге и создайте резервную копию существующего сайта.

Подготовьте место обитания нового сайта. Настройте WordPress и подготовьте все для импорта контента.

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

Перенесите дизайн сайта. Переделайте стандартную тему WordPress в соответствии с дизайном существующего сайта.

Пересмотрите, протестируйте. Осторожно проверьте все еще раз и сделайте резервную копию нового сайта. Внесите корректировки, настройте редирект url со старого сайта на новый. Тестируйте!

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

Начните с плана

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

Ниже список вопросов, которыми надо руководствоваться при оценке контента:

Сколько контента должно быть импортировано? Количество страниц, изображений и т.д.
Возможно, импортировать контент вручную? Или надо использовать инструмент?
Если использовать инструмент, существует ли он?
Можно ли организовать контент в «постах» и «страницах», или он отличается от стандартных типов?
Нужно ли переносить дополнительные элементы контента (поля ввода, примеры, видео и т.д.)?
Поменяется ли структура URL? Если да, то надо не забыть о редиректе со старых страниц на новые.
Открыт ли контент для общего доступа? Или существуют страницы только для зарегистрированных пользователей?

Перед тем как перенести контент, нужно подготовить wordpress. Если Вы только экспериментируете, . В ином случае, надо это сделать на хостинге.

Когда WordPress установлен, можно действовать!

Настройка URL

Перейдите в Settings -> Permalinks для внесения изменений. В большинстве случаев, ссылки лучше хранить в виде названия поста.

Аккаунты пользователей

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

Необходимые плагины

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

Импорт контента в платформу WordPress

Это рутинная и ответственная работа!

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

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

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

Перенос дизайна сайта

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

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

Работаем с исходным кодом

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

В Google Chrome это делается так: Меню -> Инструменты -> Исходный код, или нажатие правой кнопки мыши для вызова контекстного меню.

Создание темы Файл стилей

Первым шагом в создании темы будет копирование существующих стилей в файл стилей wordpress темы: style.css

Для этого достаточно открыть этот файл для редактирования, поменять информацию о теме (закомментированная в начале файла), вставить стили со старого сайта.

НЕ забудьте о url картинок! Вероятнее всего они поменяются в связи с новой структурой папок. Поэтому внимательно следите за этим как в файле стилей, так и в теме соответственно.

Шапка (Header) сайта

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

Продублируем HTML структуру старого сайта
Заменим статическое меню на WordPress меню
Используем WordPress title тег и оставим wp_head крючок.
Сделаем слияние других релевантных тегов из старой шапки сайта.

Рассмотрим код!

Старый HTML код шапки

Vegan Food Pyramid posters, postcards and wallpapers Vegan Food Pyramid

Новый код шапки (HEADER. PHP)

try{Typekit.load();}catch(e){}

Рассмотрим все что мы сделали!

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

Мета теги

Как правило переносятся все основные теги. Исключением в нашем случае является подключение файла стилей, которое вставляется автоматически с помощью wp_enqueue_style в файле functions.php

Скрипты

Со скриптами могут возникать трудности. Если скрипт подключен на каждую страницу сайта (например, главный файл скриптов или скрипт шрифта), тогда можно смело прописать его в header или footer темы. Если необходимо подключить только на определенной странице, тогда можно использовать условные теги . Лучим способом будет зарегистрировать все скрипты и добавить их с помощью wp_enqueue_script .

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

body_class

Заметьте применение нашего тега. WordPress использует его для предоставления серии полезных классов для тега. Эти классы вставляются в зависимости от типа страницы автоматически.

WordPress меню

Вывод WordPress меню, это одно из самых сложных заданий при переносе сайта на этот движок. В нашем примере, мы имеем меню с простой разметкой, которая использует active класс (сгенерированный с помощью PHP), для определения просматриваемой страницы. Функция wp_nav_menu очень гибкая и предоставляет множество встроенных решений для организации меню. В примере, мы взяли стили с active класса и поместили их в эквивалентный wordpress класс current-menu-item.

Подвал (Footer) сайта

Как правило в подвале сайта меньше всего изменяется. Все так, как в случае с шапкой сайта. Сделаем слияние HTML кода.

Старый HTML код футера

Новый код футера (FOOTER. PHP)

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript + gaJsHost + "google-analytics.com/ga.js" type="text/javascript"%3E%3C/script%3E")); try { var pageTracker = _gat._getTracker("UA-6992755-1"); pageTracker._trackPageview(); } catch(err) {}

Некоторые из футеров сложно перенести на wordpress тему. Например, которые содержат меню и разные виджеты. Большинство из футеров простые, как в нашем примере. Главное не забудьте вставить тег перед тегом.

Главная страница

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

Старый код главной страницы

Poster $30 each Buy Postcards $50 for 50

Includes free shipping worldwide

Buy

Новый код главной страницы (/page-templates/front-page.php)

/images/Vegan-Food-Pyramid-New.jpg">