Урок 3 · WordPress · 15 минут
Темы WordPress: меняем вид без перегрузки
Тема отвечает за базовую структуру и оформление сайта. Хорошая стартовая тема быстрая, регулярно обновляется и не заставляет ставить десяток обязательных плагинов.
Как выбрать тему
Смотри дату обновления, совместимость с текущей версией WordPress, отзывы и демо на телефоне. Для контентного сайта важнее скорость и типографика, чем десятки эффектов.
Где настраивать
В блочных темах используются «Внешний вид → Редактор» и стили сайта. Настраивай цвета, шрифты и шаблоны там, где это предусмотрено темой, а не правкой её файлов.
Безопасные изменения
- Сделай резервную копию до крупного изменения.
- Не редактируй файлы темы напрямую: обновление перезапишет правки.
- Перед установкой темы проверь сайт на телефоне и скорость.
Тема рисует, но не должна владеть текстами
Если сменить тему, записи остаются, а расположение блоков может измениться. Поэтому важное содержание живёт в записях и страницах, а не внутри настроек одной темы. Виджет в подвале темы — плохое место для единственного телефона компании.
Дочерняя тема нужна, когда ты правишь шаблоны или CSS родительской. Обновление родителя тогда не сотрёт файлы ребёнка. Для чужой темы без своих файлов достаточно настройщика и дополнительных стилей.
/*
Theme Name: Praktum Child
Template: twentytwentyfive
*/
@import url("../twentytwentyfive/style.css");Пример показывает идею связи, а не обязательный способ подключения стилей. В конкретной теме смотри, как родитель рекомендует подключать CSS. Слепое копирование @import иногда замедляет загрузку.
Как выбрать тему для учебного сайта
- Её обновляли недавно, и она работает с твоей версией WordPress.
- Есть нормальная мобильная вёрстка без отдельной «мобильной версии».
- Шапка, меню и запись редактируются без кода.
- Демо-контент можно удалить, и сайт не развалится.
После смены темы
Проверь меню, главную, запись, страницу контактов и 404. Меню часто сбрасывается в другое место шаблона. Виджеты могут переехать в неактивную область. Это обычная цена смены темы, а не пропажа базы.
Практика
Выбери одну лёгкую тему, установи её, настрой логотип, цвета и основное меню. После этого проверь главную страницу в режиме инкогнито.
Как выбрать тему и не потерять изменения
Тема отвечает за представление сайта, но не должна хранить критически важные данные. Выбирай вариант с регулярными обновлениями, хорошей мобильной версией и совместимостью с редактором блоков. Десятки встроенных слайдеров и конструкторов могут увеличить вес страниц и привязать контент к одной теме.
Не изменяй файлы установленной темы напрямую: обновление перезапишет правки. Для CSS и шаблонов создают дочернюю тему, а небольшие визуальные изменения вносят через доступные настройки. Перед сменой темы сделай резервную копию и проверь копию сайта: меню, виджеты и размеры изображений могут отображаться иначе.
Разберём рабочий пример
Проверка темы:
— обновлялась недавно;
— работает на мобильных;
— поддерживает редактор блоков;
— не требует лишних плагинов;
— имеет понятную документацию;
— не блокирует перенос контента.Не копируй пример вслепую: измени данные, убери одну строку и посмотри, как меняется результат. Такой эксперимент быстрее показывает роль каждой части кода, чем простое чтение.
Проверка перед использованием
- Тема получает обновления.
- Изменения вынесены в дочернюю тему.
- Контент не зависит от нестандартных шорткодов.
- Смена проверена на копии сайта.