Алгоритм следующий:

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

    • В итоге приложение создаст дамп БД и предложит сохранить его на компьютере. Все настройки, как видите, устанавливаются изначально, и в 99% случаев ничего менять не нужно.

    Процесс импорта еще проще. Допустим, у вас уже имеется пустая БД сайта, созданная в cPanel, куда требуется перенести всю информацию из прошлой. Порядок действий:

  • Заходим в PhpMyAdmin и выбираем новую БД.
  • В верхнем меню кликаете по пункту «Импорт».
  • После нажатия на кнопку «Choose File» выбираете на своем компьютере SQL файл для импорта.
  • Жмете «Ок» внизу страницы.

    • После успешного завершения процедуры увидите соответствующее сообщение, а справа под названием новой БД отобразится список созданных таблиц. На этом миграция wordpress базы завершена. После возвращаетесь к остальным этапам , если вы им занимались.

    Плагины переноса базы данных в WordPress

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

    Важно! Все три плагина, умеют работать с сериализованными данными (serialized data) и делать корректную замену информации в БД (с учетом длинны строки), например:

    s:11:"hello world" станет s:9:"new world"

    s:11:"hello world" станет s:9:"new world"

    При выполнении SQL и правке напрямую через PhpMyAdmin могу быть ошибки.

    Изначально позволял только вносить правки в БД, но в последних версиях разработчики значительно расширили его функции. Теперь вы также сможете скачивать дамп и восстанавливать базу, менять домен, префикс. Новый интерфейс сделали вообще отличным. В статьи чуть более детально расскажу о модуле, хотя здесь все предельно просто. Скачиваний — 100к+, оценка — 4.4.

    Этот инструмент может использоваться не только при миграции WordPress базы, но и всего сайта. позволяет переносить медиа файлы, плагины, темы. Также вы можете запустить процедуру поиска и редактирования данных в БД. Отличительной особенностью является быстрая работа (дабы не нагружать хостинг провайдера), а также отсутствие необходимости установки дополнительных PHP расширений. Решение работает даже с PHP v5.2, в то время как предыдущее требует минимум PHP v5.4. Загрузок более 300 тысяч, оценка — 4.8.

    Выполняет основные задачи по переносу базы данных в WordPress: экспорт дампа, поиск и замена инфы, сохранение SQL файлов на компьютере. Более 200тыс. скачиваний, оценка — 4.7. Бесплатной версии, в принципе, хватает, хотя конечно в PRO вас ожидаю более крутые фишки. Импортировать БД придется через PhpMyAdmin как я рассказывал в первом разделе.

    Использование плагина Search and Replace

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

    Итак. после Search and Replace и активации, все его функции находятся в одноименном пункте меню раздела «Инструменты». Здесь 4 основных направления:

    • Backup Database — создание бэкапа.
    • Search & Replace — поиск и замена информации.
    • Replace Domain URL — смена домена.
    • SQL Import — импорт.

    В первом и последнем пунктах всего по одной кнопке «Экспорт/Имопрт», но, по сути, у вас есть все необходимое для полноценной миграции WordPress базы и сайта. Единственное нужно помнить, что импортируются данные в текущую, подключенную к проекту БД.

    Переходим в раздел Replace Domain URL. Фактически в нем предусмотрена возможность замены старого домена на новый.

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

    Вкладка Search & Replace помогает заменять информацию в БД.

    • Первым делом определяете старые и новые значений, после этого отмечаете таблицы, где должен производиться поиск и замена.
    • По умолчанию опция «Dry Run» включена — это значит, что действия будут происводиться в «тестовом режиме».
    • Если снять галочку, то появится 2 опции на выбор — импорт SQL запроса для внесения правок в БД или же непосредственно выполнение данного действия.

    То есть, по сути, вы можете сделать: 1) тестовый прогон задачи, 2) реальную замену данных 3) получить SQL запрос, а после внедрить его через PhpMyAdmin или 4-тую вкладку модуля. Отличная гибкость!

    Итого. Надеюсь информации по переносу базы данных в WordPress вам хватит дабы самостоятельного провести эту процедуру. Сложного, в принципе, ничего нет, но при работе с БД всегда нужно быть предельно аккуратными — как минимум, создавайте бэкапы перед началом работы. Все три плагина отлично справляются со своей задачей, но Search and Replace мне лично нравится больше всего — простой, гибкий, без лишних деталей.

    Если у вас есть что дополнить о переносе и миграции 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 на другой хостинг? Даже если ничего не получится, не стоит расстраиваться. Вы можете заказать услуги по переносу сайта и на следующий день получить свой сайт, который будет находиться на новом хостинге. Помните, что хостинг может предоставить вам бесплатные услуги по переносу сайта. Если вы узнали, что такое возможно, то уточните все подробнее в техподдержке.

    Сейчас, поддерживая около 17% сетевого контента, WordPress стремительно становится наиболее предпочитаемой CMS для среднестатистического пользователя. Но что делать с сайтами, созданными с устаревшей CMS, или без нее вообще? Означает ли переход на WordPress то, что вам придется начать все сначала и потерять уйму времени, энергии и денег, которые вы вложили в этот веб-сайт? Нет!

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

    Подробнее, об этом уроке

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

    Цели

    Данный урок призван помочь вам со следующим:

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

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

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

    • С этим планом в голове давайте начнём прорабатывать каждый шаг подробно.

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

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

    Импортируемый контент
    • как много контента необходимо импортировать (количество страниц, изображений)
    • можно ли ваш контент перенести вручную, или вам необходима утилита
    • если вам необходима утилита, то существует ли она
    • может ли контент определен в обычные «посты» или «страницы», или необходима настройка
    • должен ли дополнительный контент располагаться на определенных страницах
    • изменится ли структура URL. Если да, то необходимо ли перенаправление со старых URL-адресов
    Существующая функциональность
    • включает ли веб-сайт сторонние сервисы (данные и т. д.)
    • необходимо ли перенести формы (контактные формы, формы для заявлений и т. д.)
    • есть ли ограничения контента (например, только для зарегистрированных пользователей)
    • продает ли веб-сайт продукцию (виртуальную или реальную)
    • необходимо ли перенести отдельные администраторские настройки
    Рабочий пример

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

    Установка WordPress

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

    После того, как wordpress настроен и запущен, вы можете начинать работу!

    Для нашего примера, мы установили wordpress на тот же хостинг, в директорию /wp для продолжения процесса переноса.

    Настройки и плагины

    С установленным wordpress нам остается сделать минимальные поправки:

    • Обновите постоянные ссылки . Кликните «Настройки->Постоянные ссылки» , чтобы внести изменения. В большинстве случаев я просто изменяю постоянные ссылки на «postname» .
    • Обновите пользователей . Я создал аккаунт андимистраторского уровня для себя и для любого администратора или редактора, что необходимы для клиентов и партнеров. Я также убираю дефолтное имя пользователя «admin» , если оно существует.

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

    • Управление формами . Перенос форм так, как они есть может превратить все в хаос. Простое создание форм с нуля гораздо проще. Моим фаворитом является gravity forms . Другие варианты — это formidable и contact form 7 .
    • Управление SEO . SEO — очень деликатное явление. Смысл моей работы заключается в создании контента для людей, а не для поисковых систем. Поэтому, существует адекватный подход к SEO, поддерживаемый экосистемой wordpress. И если на вашем старом сайте есть пользовательские мета-описания, необходимо их перенести без потерь. Для этого поможет wordpress SEO .
    • Множество языков . Если ваш сайт поддерживает несколько языков, у WordPress есть решение. Мой выбор — плагин WPML . Еще одним решением может стать qTranslate .
    • Безопасность . Безопасность на WordPress — это хорошо знакомая мне тема. Возрастающая популярность WordPress сделало его неплохой целью для различного рода атак. Сам WordPress редко является проблемой, в основном она кроется в плохо охраняемой хостинговой среде и устаревших или плохо разработанных плагинах. Для большинства своих проектов я использую регулируемые хостинги WordPress, которые предлагают неплохие стандарты безопасности. В ряде опций можно назвать WPEngine , ZippyKid , Pagely и Synthesis . В добавок в регулируемому хостингу обратите внимание на плагины безопасности, такие как Better WP Security или WordFence.
    • Бэкапы . Если вы выбрали управляемый хостинг, то бэкапы обычно включены. Если вы сами делаете бэкап или вы хотите дополнительный слой защиты для данных, то есть отличные варианты, как например, VaultPress, CodeGuard, BackupBuddy, BackWPup .
    Импорт контента

    Итак, мы запустили и настроили WordPress, теперь самое время перенести весь ваш контент.

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

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

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

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

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

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

    Оценка дизайна

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

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

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

    Прямая работа с исходным кодом сэкономит ваше время, покажет скрытые полезные функции и предоставит вам все, что нужно. Я пользуюсь браузером Google Chrome.

    Создание пользовательской темы

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

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

    Скачайте копию (zip) шаблона для переноса или продолжайте со своей темой, на выбор.

    Стиль страницы.

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

  • Откройте style.css.
  • Замените детали в теме (имя, URL, описание и т. д.) на ваши собственные.
  • Вставьте стили со старого сайта.
    • Заметка по поводу картинок

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

    Заголовок

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

    • Скопируйте HTML структуру старого сайта.
    • Замените статическое меню на меню, поддерживаемое WordPress.
    • Используйте тэг WordPress title и оставьте wp_head на месте.
    • Вставьте другие важные теги из старого заголовка.

    Давайте взглянем на код!

    Оригинальный HTML Vegan Food Pyramid posters, postcards and wallpapers Vegan Food Pyramid
    • Products
    • Wallpaper
    • About
    • Contact
    Подогнанный заголовок (header.php) try{Typekit.load();}catch(e){} Объяснение

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

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

    Давайте проработаем изменения, которые мы внесли.

    • Тип документа . Убедитесь, что вы перенесли тот же самый тип. В этом случае оригинальный html уже имеет доктайп HTML5 (относительно редкий случай на старых сайтах). Используя современный доктайп в коде, написанном для старого кода вы можете испортить шаблон.
    • Мета-теги . Я обычно переношу большую часть метатегов так, как они и есть, заменяя их в WordPress. Исключение в нашем случае составляет ссылка на файл стилей, вставляемая автоматически через wp_enqueue_style в файле functions.php .
    • Скрипты . Скрипты могут быть запутанными. Если скрипт находится на каждой странице (например, трекинговый скрипт, или скрипт шрифта), тогда необходимо разместить его в файле заголовка или нижнего колонтитула. Если необходимо, чтобы он появлялся лишь в отдельных местах, то подойдут теги условий. Лучше всего добавьте все скрипты в заголовок через wp_enqueue_script . Если вы готовы принять вызов, то я советую вам этот способ.
    • wp_head . Оставьте внизу тега в файле header.php . WordPress также использует wp_head, чтобы расставить скрипты и файлы стилей, используемые в теме и в плагинах, что вы установили. Без wp_head большинство плагинов просто не будут работать.
    • Body_class . Обратите внимание на использование тега . WordPress использует это, чтобы предоставить ряд полезных классов к тегу пока вы присматриваете страницу. В нашем примере они не используются. Ваши должны иметь уникальные ID или классы на каждой странице, в этом случае вам нужно создать произвольные функции используя теги условий, чтобы добавить соответствующие классы для каждой страницы.
    • Меню WordPress . Переход на меню WordPress является одним им самых сложных задач в переносе. Он будет у нас довольно прямолинейный. У нас есть простое меню, которые использует класс active (сгенерированый через PHP), чтобы показать, какую страницу посещает пользователь. Функция wp_nav_menu очень гибкая и предлагает встроенную функциональность, чтобы обрабатывать текущее состояние элемента в меню. Я обновил условия в файле стилей на active и изменил их, чтобы они использовали эквивалент, сгенерированный wp_nav_menu , который является current-menu-item . Смотрите скринкаст о переносе контента, чтобы понять, как настраивать меню на нашем примере.

    Вот и готова оболочка. Давайте приступил к следующему шагу.

    Подвал

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

    Оригинальный HTML

    © 2013 VeganFoodPyramid.com

    Подогнанный футер (footer.php)

    © VeganFoodPyramid.com

    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src="" + 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) {} Объяснение

    Некоторые подвалы сложно перенести (например, со сложными меню и виджетами), но в большинстве случаев это довольно просто. В нашем случае мы объединили HTML с нашим шаблоном подвала, оставляя обращение wp_footer . Мы также изменили ссылку на дату, чтобы использовать PHP и быть уверенными, что он обновляется каждый год.

    Домашняя страница

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

    Давайте посмотрим на код без заголовка и футера, который мы уже перенесли.

    Оригинальный HTML Poster $30 each Buy Postcards $50 for 50

    Includes free shipping worldwide

    Buy Подогнанная главная страница /images/Vegan-Food-Pyramid-New.jpg">