Коротко: перенос статичного HTML-сайта на WordPress — это разбор прежней вёрстки на части и сборка из них темы. HTML из <head> и <header> уходит в header.php, подвал — в footer.php, контент — в index.php. Стили подключают в functions.php.
Из чего состоит перенос
| Часть HTML | Куда переезжает |
|---|---|
| Голова и подключение CSS | header.php + functions.php |
| Шапка и меню | header.php + wp_nav_menu() |
| Основной контент | index.php / page.php |
| Подвал | footer.php |
| Изображения и стили | assets/ темы |
Порядок переноса
Перенос делают аккуратно, страница за страницей, иначе дизайн «поедет». Сначала готовят тему, потом переносят контент, затем настраивают меню и проверяют ссылки.
<?php get_header(); ?>
<main class="site-main">
<?php while ( have_posts() ) : the_post(); ?>
<article>
<h1><?php the_title(); ?></h1>
<?php the_content(); ?>
</article>
<?php endwhile; ?>
</main>
<?php get_footer(); ?>Вкладки: по шагам
wp-content/themes/my-theme/
style.css // заголовок темы
index.php
header.php
footer.php
functions.php
assets/Минимальная тема — пять файлов и папка ресурсов. style.css должен содержать комментарий с названием и версией, иначе WordPress не увидит тему.
Небольшой сайт переносят вручную: создают страницы и копируют текст в редактор. Для крупного — используют импорт из CSV или парсинг, но ручной перенос надёжнее и даёт чистый контент.
Сохраните прежние адреса или настройте 301-редиректы, иначе потеряете позиции в поиске. Проверьте title и description, настройте ЧПУ и карту сайта.
Практика: перенести HTML-сайт
- Сохраните копию старого сайта.
- Создайте папку новой темы с
style.css. - Разнесите HTML по
header.php,footer.php,index.php. - Подключите стили и скрипты в
functions.php. - Перенесите страницы и настройте меню.
- Настройте редиректы и проверьте, что дизайн совпадает.
Частые ошибки: причина → решение
| Симптом | Причина | Решение |
|---|---|---|
| Тема не видна | нет комментария в style.css |
добавить заголовок темы |
| Стили не подключены | прямые ссылки в HTML | wp_enqueue_style |
| Меню не выводится | не зарегистрировано | register_nav_menus |
| Потеряны позиции в поиске | сменились адреса | настроить 301-редиректы |
| Картинки не грузятся | остались старые пути | перенести в медиатеку |
Проверьте себя
Вопросы и ответы
Если готовой темы хватает по дизайну — да: ставят тему, создают страницы и копируют контент. Перенос уникальной вёрстки требует работы с кодом темы.
Сопоставьте старые и новые URL и настройте 301-редиректы. Так посетители и поисковики не потеряют страницы, а позиции сохранятся.
Да, WordPress хранит страницы, настройки и меню в базе. При переносе с другого сервера базу тоже экспортируют и импортируют.
Зависит от размера: сайт на 5–10 страниц с готовой темой переносят за день. Уникальный дизайн и десятки страниц — это уже несколько дней работы.
Итоги
- HTML-сайт превращают в тему WordPress:
header,footer,index. - Стили и скрипты подключают через
functions.php. - Контент переносят на страницы, меню регистрируют в теме.
- Старые адреса сохраняют через 301-редиректы.
Комментарии
Пока комментариев нет — будьте первым, кто поделится мнением.