CSS стили в WordPress

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

CSS стили в WordPress
Инструменты разработчика в браузере Opera

Для начала нужно найти class или id нужного элемента. Для этого открываете вашу страницу в браузере и заходите в Разработка — Инструменты разработчика. Выбираете стрелочку указатель и щёлкаете по нужному элементу, к примеру по заголовку. В правой части браузера в свойствах покажется название CSS класса с его настройками. Копируем этот класс целиком.

Заходим в настройки темы и выбираем редактор CSS. В поле ввода вставляем скопированный CSS стиль и удаляем содержимое внутри скобок { }, так как эти стили и так прописаны в теме, вместо них пишем свои стили (например margine-left:10px;).

Кстати, при вводе открываются подсказки с возможными стилями.
Какие стили CSS стили в WordPress существуют и для каких html тагов можно найти в интернете, этой информации очень много.

Так что если в теме не хватает отступа, центрирования, цвета, чего-то в этом духе – это не повод менять тему. Решение очень простое и не ресурсоёмкое.


Поделись с друзьями:

Оставьте комментарий