Я перевёл krivoshein.site на новую блочную WordPress-тему. Это не просто смена шапки, цвета кнопок или косметический ремонт ради красивого скриншота. Речь про обновление основной структуры сайта: шаблоны, блог, отдельные страницы, мобильную версию, вывод записей и нормальный процесс дальнейших изменений.
Работа получилась не из серии «нажал кнопку, и всё само поехало». Тут были WordPress, DDEV, GitHub, SSH, кеши, продакшен и старый CSS, который периодически делал вид, что он тут главный. В общем, обычный спокойный вечер веб-разработчика, только кофе лучше держать ближе.
Зато теперь сайт живёт на более современной базе. Главная страница осталась отдельной главной, блог перестал выглядеть как случайный архив записей, а новая тема постепенно становится нормальной рабочей основой для дальнейшего развития сайта.
Что изменилось
Главное изменение: сайт теперь работает на новой блочной теме drslon-blog-theme. Это отдельная WordPress-тема, которую я собираю под свой блог, свою структуру контента и свои задачи.
Я специально разделил главную страницу и блог. Главная сайта осталась отдельной страницей с услугами, контактами, блоками и описанием моей работы. А раздел /blog/ теперь живёт как отдельная блоговая витрина.
Для WordPress это важный момент. В нём легко получить классическую путаницу: где главная, где страница записей, где архив, где шаблон, а где просто «так исторически сложилось и лучше не трогать». После переделки структура стала понятнее.
Что появилось в блоге
Для блога я сделал отдельный шаблон. В нём появились избранные материалы, популярные разделы, карточки записей, сайдбар, архивы рубрик, поиск и нормальный шаблон одиночной записи.
Отдельные статьи тоже переработаны. Теперь у записи есть верхняя карточка, метаинформация, время чтения, просмотры, изображение, навигация между записями, Telegram-комментарии и дополнительные блоки после материала.
С мобильной версией пришлось повозиться отдельно. На десктопе всё может выглядеть прилично, а потом открываешь сайт с телефона и видишь, что какая-нибудь кнопка решила стать шире карточки, а иконка уехала жить отдельно. WordPress-разработка без таких сюрпризов была бы слишком простой и подозрительно приятной.
Почему я выбрал блочную тему
WordPress давно двигается в сторону блочной архитектуры и редактирования сайта через блоки. Можно спорить, насколько это удобно в каждом конкретном случае, но направление уже понятно.
Классические темы продолжают работать, и для многих проектов их ещё хватает. Но если делать сайт с запасом на будущее, лучше постепенно переходить на более современную структуру, где шаблоны, части сайта и блоки можно развивать аккуратнее.
При этом мне было важно не сломать старый контент. На сайте уже есть страницы, HTML-блоки, шорткоды, рекламные вставки, Telegram-комментарии, Яндекс.Метрика, Rambler Top100 и другие элементы, которые нельзя просто выбросить ради красивой новой темы.
Поэтому переход сделан осторожно. Блог и шаблоны обновлены, а старые страницы продолжают жить внутри WordPress-контента. Там, где нужно, я отдельно подправляю адаптивность, отступы и поведение блоков на телефонах.
Что стало со скоростью
После перехода я прогнал сайт через PageSpeed Insights. Это не абсолютная истина и не священная табличка из дата-центра, но как быстрый ориентир по производительности инструмент полезный.
До перехода сайт был тяжелее, особенно на мобильной версии. Старой теме приходилось тащить за собой накопившиеся стили, шаблоны, лишние элементы и часть исторического наследия WordPress. После переезда на новую блочную тему результат стал заметно лучше.
Сейчас по мобильной версии PageSpeed Insights показывает Performance на уровне 93 баллов. Best Practices: 96, SEO: 100, Accessibility: 77. Для WordPress-сайта с изображениями, аналитикой, рекламными блоками, Telegram-комментариями и сторонними скриптами это уже нормальный рабочий результат.
На десктопе результат почти образцовый: Performance: 95, Best Practices: 96, SEO: 100, Accessibility: 77. Основная зона для дальнейшей полировки теперь не базовая скорость темы, а доступность, внешние скрипты и отдельные элементы интерфейса.
Важно, что ускорение получилось не за счёт варианта «выключить всё живое и оставить белую страницу». Сайт сохранил нормальную структуру: блог, страницы, сайдбар, комментарии, аналитику и рабочие блоки.
Как теперь устроен выкат темы
Тему я подключил к GitHub. Теперь схема стала нормальной: локально правлю тему, проверяю изменения, коммичу, пушу в репозиторий, а на продакшене подтягиваю свежую версию.
Это удобнее, чем жить через ZIP-архивы и ручную загрузку по SFTP. ZIP годится для первого запуска, но дальше хочется нормального процесса. Особенно когда сайт уже на бою, а одна случайно залитая не туда правка может устроить маленький театр тревоги.
Старую тему я пока не удаляю. Она остаётся как запасной вариант для отката. Это нормальная практика: сначала новая тема должна спокойно пожить на продакшене, а уже потом можно убирать старые парашюты.
Что ещё нужно допилить
Работа не закончена. Первый большой этап сделан, но дальше нужно спокойно пройтись по деталям: мобильная версия старых страниц, карточки, отступы, рекламные блоки, сайдбар, отдельные визуальные мелочи.
Ещё хочу постепенно привести служебный код, шорткоды и дополнительные функции к более аккуратной структуре. Часть логики уже вынесена в отдельный плагин, чтобы тема не превращалась в кладовку, где рядом лежат шаблон записи, SEO-фильтр, рекламный код и старый костыль времён царя Гороха.
Отдельная задача: не перегрузить новую тему лишним. Блочная тема хороша тогда, когда она остаётся темой, а не превращается в комбайн на все случаи жизни. Всё, что относится к функциональности сайта, лучше постепенно выносить в плагины.
Где обычно ломается после смены темы
После смены темы чаще всего ломается не что-то одно, а мелочи по краям. Где-то съезжает отступ, где-то старый HTML-блок внезапно начинает жить по своим законам, где-то шорткод выводит разметку, которую новая тема не ожидала увидеть.
Поэтому после такого перехода важно проверять не только главную страницу. Нужно открыть блог, отдельную запись, рубрики, поиск, страницы услуг, контакты, мобильную версию и несколько старых материалов. Именно старые страницы часто показывают, где в проекте спрятаны древние артефакты.
Ещё отдельное внимание нужно уделить кешу. После смены темы браузер, серверный кеш, плагины оптимизации и CDN могут показывать разные версии сайта. Иногда ты уже всё поправил, а сайт всё равно показывает старую версию. Тут главное не паниковать и не чинить то, что уже починил. Сначала кеш, потом выводы.
Полезные официальные ссылки
Если хочется подробнее разобраться, что такое блочная тема в WordPress и чем она отличается от классической, лучше смотреть не пересказы, а официальную документацию WordPress. Там хорошо объяснено, что block theme использует блоки для всех частей сайта: шапки, подвала, навигации, шаблонов и контента.
Вывод
Переход на новую блочную WordPress-тему оказался не просто сменой внешнего вида. Это шаг к более понятной архитектуре сайта: отдельно главная, отдельно блог, аккуратнее шаблоны, нормальный процесс выката через GitHub и больше контроля над тем, как сайт будет развиваться дальше.
krivoshein.site теперь работает на новой основе. Блог стал современнее, структура понятнее, скорость по PageSpeed выросла. Не идеально, но уже совсем другой уровень. Сайт, как говорится, переехал из гаража в нормальную мастерскую. Теперь осталось спокойно разложить инструменты по ящикам.
