Главная → Компьютерная грамотность → Перенос wordpress на другой у 2. Перенос wordpress на другой домен своими силами

Перенос wordpress на другой у 2. Перенос wordpress на другой домен своими силами

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

Правильный перенос сайта на Wordpress

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

1. Во-первых, необходимо скопировать все файлы со своего сайта.

2. Также экспортируем со старого хостинга базу данных.

3. После переноса всех файлов можно подключать на новом хостинге.

4. Создаем базу данных и импортируем в нее данные, которые вы сохранили.

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

6. На этом шаге можно проверить правильность выполнения всех действий. Для этого можно использовать технический домен или временный URL.

7. На последнем этапе нужно изменить DNS домена. Для этого переходим в панель управления регистратора доменных имен.

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

Перемещаем файлы со старого хостинга

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

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

Перенос базы данных

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

В новом окне выбираем нужную базу данных, а затем переходим к разделу «Экспорт». Далее нужно изменить несколько параметров. Опускаемся к пункту «Способ экспорта» и выбираем «Обычный». Пролистав немного ниже, вы увидите раздел «Вывод», и в пункте «Компрессия» устанавливаем значение gzip.

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

Перенос сайта на WordPress с одного домена на другой

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

Итак, как его привязать? Как мы уже выяснили, нужно перейти в панель управления. Далее необходимо найти раздел «Домены» и перейти к нему. Далее нажимаем на кнопку «Добавить доменное имя». Осталось только указать бывший домен и подтвердить свои действия.

Загрузка файлов на новый хостинг

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

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

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

Создание базы данных

На этом этапе нам необходимо создать базу данных на выбранном сервере. Как это сделать? Ничего сложного в этом нет. Переходим к панели управления и выбираем пункт «Базы данных». Далее нажимаем на кнопку «Создать базу данных». В новой вкладке вводим пароль и имя для новой БД.

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

Импортирование данных в БД

Теперь в новую БД необходимо перенести информацию, которую мы сохранили на компьютере в самом начале нашего пути.

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

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

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

Чтобы произвести перенос на другой хостинг WordPress сайта, нужно зайти в выбранную базу данных.

На верхней панели нужно нажать на кнопку «Импорт».

Переходим к полю «Импортируемый файл», где необходимо указать путь к старой базе данных. Она должна быть заархивирована.

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

Настраиваем подключение сайта к БД

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

Этот файл можно отыскать в корне самого сайта. Далее нужно найти этот документ и открыть его. Переходим к строкам, где в функции define отображены параметры: DB_NAME - имя базы данных, DB_USER - имя пользователя БД, DB_PASSWORD - пароль, DB_HOST - сервер базы данных.

Чтобы перенести на другой хостинг WordPress блог, нужно эти данные заполнить из окна, которое мы открывали ранее - «Информация о логине». Во втором параметре функции define необходимо указать необходимую информацию.

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

Уже практически все сделано. Остается всего несколько действий. На предпоследнем этапе вам необходимо проверить качество своей работы. А как это сделать? Так как доменное имя еще не указывает на наш сайт, нужно использовать технический домен или временный URL (это одно и то же, название зависит от того, на каком хостинге вы пытаетесь проверить свой сайт или блог).

Чтобы перенести на другой хостинг WordPress блог, нужно узнать техническое доменное имя. Для этого необходимо перейти к разделу «Домены». Далее выбираем нужное название и кликаем по кнопке «Инструменты». В новом окне вы сможете увидеть ссылку на временный URL для своего блога. Кликаем по ней и проверяем корректность работы своего сайта.

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

Прописываем DNS

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

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

DNS изменяется довольно быстро. Уже через несколько часов люди вновь смогут посетить ваш ресурс.

Возможные ошибки и их решения

1. Если у вас появляется сообщение, что не удается соединиться с БД, то нужно проверить изменение в файле под названием wp-config.php. Проблема состоит в некорректности введенных данных в этот файл.

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

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

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

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

Услуги по переносу сайта

Если у вас возникают проблемы при переносе сайта и вы сами не в состоянии их исправить, то можно воспользоваться помощью профессионалов. В интернете есть множество различных сервисов, которые предоставляют эти услуги. Легкий перенос WordPress на другой хостинг обойдется вам в пределах от 1000 до 2000 рублей. Они обещают перенести сайт на другой хостинг в течение одного дня.

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

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

Заключение

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

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

Создаём резервную копию файлов сайта

Для создания бекапа (резервной копии) сайта на WordPress можно пойти несколькими путями

Воспользоваться плагином, например, или Duplicator

Сделать это вручную

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

Ещё хочу добавить про плагины — они могут не до конца запаковать все файлы. Я, например, сталкивался с тем, что UpdraftPlus WordPress Backup Plugin не до конца сбекапил базу данных, пропустив кастомную таблицу (у неё префикс отличался от остальных). Поэтому, при переносе базы данных я рекомендую пользоваться старыми добрыми phpMyAdmin или Adminer.

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

Как создать архив с файлами сайта

Во втором случае, допустим, ваш сайт располагается в директории /var/www/сайт
Авторизуетесь в вашем хостинге с помощью или иного другого файлового или консольного менеджера (например, putty) по , переходите в раздел /var/www/ вводите команду

Tar czvf backup.tar.gz сайт

где сайт — это директория, в которой содержится ваш сайт.
В результате, увидите файл backup.tag.gz . Его надо скачать, в нём содержится архив файлов вашего сайта

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

На худой конец, просто скопируйте файлы сайта к себе через ftp или , однако, этот вариант крайне неудобен и нежелателен, ибо долог.

Создаём резервную копию базы данных сайта

Для создания бекапа mysql базы данных можно

Воспользоваться плагинами: WP-DB-Backup , WP Database Backup и т.д.

Использовать phpMyAdmin, Adminer

Создать копию базы данных mysql через консоль утилитой mysqldump

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

Как создать резервную копию базы данных с помощью PhpMyAdmin, Adminer

Находим нашу базу данных

Переходим в Экспорт

Выбираем режим Обычный — отображать все возможные настройки

Убеждаемся, что все таблицы выделены

Выбираем компрессию gzip

Следим, чтобы формат был SQL

Смотрим, чтобы все галочки были проставлены как надо

На выходе на скачивание получаем файл wptest.sql.gz , где wptest — название нашей базы данных.

Создание копии базы данных с помощью mysqldump

Если у вас нет доступа к phpMyAdmin, вы можете создать дамп базы данных через консоль с помощью утилиты mysqldump .
Допустим, для доступа к базе данных у нас такие параметры: логин: root , пароль: pass , название базы данных sheensay_database .
Авторизуемся на хостинг через ssh и в консоль записываем

Mysqldump sheensay_database -uroot -ppass | gzip > db.sql.gz

На выходе получится файл db.sql.gz , в котором содержится дамп(упакованный бекап) базы данных

Можно упростить создание бекапа базы данных, если использовать
Для создания бекапа достаточно 1 команды (если под рутом, добавляете ключ --allow-root):

Wp db export

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

Wp db import db.sql

где db.sql — имя дампа базы данных.

Сжать db.sql можно комадной:

Gzip db.sql

А распаковать обратно:

Gunzip db.sql.gz

Перенос с локального сервера на хостинг

Итак, мы имеем 2 файла с бекапами нашего сайта: backup.tar.gz — с файлами сайта, и wptest.tar.gz — с дампом базы данных. Если мы будем переносить наш сайт с денвера (или иного локального сервера) на хостинг, по сути, ничего не поменяется, разве что архив с файлами сайта нужно будет собрать штатным архиватором (тот же с помощью Shift + F1 на нужной папке с файлами прекрасно с этим справляется). Так же можно перенести сайт обратно на Денвер или любой другой хостинг, поэтому направление переноса не имеет значения.

На локальном хостинге (Денвере/Denwer, Open Server) не забывайте отключать плагины кеширования ( , W3 Total Cache, WP Rocket и подобные) и безопасности (Wordfence, All In One WP Security & Firewall и т.п.), они будут мешать работе. Если не получается отключить плагины через админку, удалите их директории вручную, это хоть и грубый, но весьма действенный метод.

Перенос файлов сайта

Для начала, перенесём файлы сайта. Если возможно, делаем это с помощью файлового менеджера: и закачиваем backup.tar.gz в нужную директорию.

Архив с файлами сайта нужно залить именно на тот уровень иерархии, с которого он создавался. В нашем случае, нужно заливать в /var/www/
Впрочем, при возникновении трудностей для исправления ситуации можно воспользоваться UNIX-командой

Распаковку производим с помощью команды

Tar xfvz backup.tar.gz

Если у вас VDS/VPS, после переноса файлов не забудьте установить правильных файлов и директорий, а также к ним.

Перенос базы данных

Теперь переходим в phpMyAdmin нового хостинга и импортируем дамп нашей базы данных

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

Переходим в раздел импорт

Выбираем архив с дампом БД

Следим, чтобы кодировка была правильной

Формат должен быть SQL

Сохраняем

Всё, импорт на этом почти завершён. Осталось подключить сайт к базе данных.
Для этого находим в корне сайта файл wp-config.php и записываем туда данные, предоставленные хостингом

Как изменить адрес WordPress

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

Самый простой вариант — прописать домен в wp-config.php Способ не идеальный (иногда некоторые плагины могут работают некорректно, пока не изменить домен и в базе данных тоже), но самый простой и быстрый.
Итак, находим в корне сайта, редактируем wp-config.php . Желательно найти define("WP_DEBUG", false); и прописать над или под ним: define("WP_DEBUG", false); // example.com заменяем на свой домен define("WP_HOME", "http://example.com"); define("WP_SITEURL", "http://example.com"); Вариант для любителей — пользуемся Для безопасного внесения изменений в базу данных WordPress можно воспользоваться

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

Как сделать 301 редирект со старого домена на новый

Допустим, сайт перенесён с домена example.org на example.com

В.htaccess в корне сайта прописываем:

RewriteEngine on RewriteCond %{REQUEST_FILENAME} robots.txt$ RewriteRule ^([^/]+) $1 [L] RewriteCond %{HTTP_HOST} ^(www\.)?example\.org RewriteRule ^(.*)$ http://example.com/$1

А вот пример, когда к смене домена добавляется переезд с на :

RewriteEngine on RewriteCond %{REQUEST_FILENAME} robots.txt$ RewriteRule ^([^/]+) $1 [L] RewriteCond %{HTTP_HOST} ^(www\.)?example\.org RewriteCond %{SERVER_PORT} !^443$ RewriteRule ^(.*)$ https://example.com/$1

Или универсальный вариант:

RewriteEngine On RewriteCond %{REQUEST_FILENAME} robots.txt$ RewriteRule ^([^/]+) $1 [L] RewriteCond %{HTTPS} off RewriteCond %{HTTP_HOST} ^www\. RewriteCond %{HTTP_HOST} ^(?:www\.)?(.+)$ RewriteRule ^ https://%1%{REQUEST_URI}

И последнее: в robots.txt в корне сайта прописываем (если файла не сущестувует, создаём):

User-agent: * Disallow: Host: example.com Sitemap: http://example.com/sitemap.xml

Около 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">

Это интересно: