Как редактировать CSS в WordPress

Часто нам приходится вносить корректировки в CSS файл, чтоб изменить, украсить нашу тему.
Сегодня мы разберем несколько методов правки файла стилей CSS.

Редактирование файла style.css вашей темы

Самый популярный метод правки CSS(я им тоже пользуюсь), это заход через FTP в директорию нашей темы, которая находится по адресу wp-content/themes, а также можно зайти через админ.панель управления wordpress

Редактируем файл CSS
Редактируем файл CSS

В списке, где отображены наши файлы необходимо выбрать файл стилей CSS. Не советуем вам изменять файлы.php таким принципом. Лучше для сайта будет если вы отредактируете через FTP.

Дочерние темы WordPress

Дочерние темы в WordPress

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

Для создания дочерней темы, вам нужно в директории wp-content/themes создать ей другую папку. Создать в этой директории файл стилей CSS. Путь к стилям CSS: wp-content/themes/doch_teme/style.css. В котором doch_teme – имя созданной вами дочерней темы.

В файл css, вставляем код:

 

При помощи Theme Name даем имя нашей теме.Ниже указываем родительскую тему директивой TempLate. Вам понадобится тема TwentyTwelve, найти ее можно в папке twentytwelve. После того как вы назвали тему, нужно привести в действие стили темы TwentyTwelve (команда @import). Все что остается ниже, будет вашим индивидуальным CSS кодом. В данной ситуации вам нужно поменять фоновый цвет. Сохраняем наш измененный CSS и заливаем на наш хостинг всю папку docher_tem. При дальнейшем выборе тем в разделе Внешний вид →Темы, вы заметите, что в доступности есть и ваша, только-что созданная, тема.

С помощью таких простых манипуляций изменяя файл style.css, все что было редактировано начнет показываться на созданном вами сайте.

Изменение CSS плагином

Изменять стили CSS можно при помощи плагина.Таких плагинов, которые редактируют стили, есть очень много. Мы настаиваем на использовании плагина  Jetpack (в нем содержится модуль Custom CSS).

Изменение CSS плагином
Изменение CSS плагином

Custom CSS разрешает изменять стили даже с панели управления системы WordPress.
Так же он не запрашивает каких-то настроек хостинг площадки или доступа FTP. Custom CSS поддерживает парочку процессоров (LESS и Sass), ревизии, проверяет словосочетания и имеет подсветку.