CSS

Правильная кастомизация CSS шаблонов WordPress

30 сентября 2015 208

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

Kwork: Все онлайн-услуги по 500 руб.
Kwork: Все онлайн-услуги по 500 руб.

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

Как же быть?

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

  1. Создать дочернюю тему и вносить все изменения в неё. Это очень удобно, особенно если кроме стиля темы вам нужно поправить и её фунционал. Дочерняя тема (child theme) — идеологически, самый правильный путь.
  2. Создать функциональный плагин, в котором осуществить подключение дополнительного файла стилей. Таким образом, обновление (и даже смена) темы никоим образом не повлияет на подключение вашего CSS.
  3. Установить плагин Simple Custom CSS и осуществлять все изменения его средствами. Плагин добавит в разделе «Внешний вид» новый пункт «Custom CSS».

Плагин WordPress Simple Custom CSS

Сюда вы можете добавлять все свои стили, которые будут сохранены даже если вы обновите или смените тему. Да-да, иногда бывает нужно и такое. Чтобы, например, при смене темы, сохранить изменение стиля результата работы каких-то плагинов.

Автор: Иван Данилин

Практикующий веб-разработчик, специализируюсь на платформе WordPress.

Комментарии

Разгоните свой WordPress

Хостинг-провайдер номер один в России — REG.RU

Подробнее