WebTutorWordPressДобавить произвольные стили CSS к сайту WordPress

Добавить произвольные стили CSS к сайту WordPress

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

Профессиональные разработчики используют конечно же FTP доступ и редактирование файлов через него. Но что если вы обычный пользователю, не знающий всех тонкостей, и вам удобнее было бы через админку сайта сделать редактирование? Смотрим разные способы.

Ищем класс элемента, который хотим изменить

Нажимаем на нужном элементе правой кнопкой мыши и выбираем пункт «проинспектировать» или «исследовать элемент» в зависимости от браузера этот пункт называется по-разному.

css редактируем страницу

И видим, что текст — это абзац, вложенный в класс «entry-content» — именно этот класс и нужно использовать для задания тексту «p» свойства. Теперь, когда вы знаете класс нужного элемента, можно менять его внешний вид через CSS. Для этого есть несколько способов.

Редактируем файл темы style.css из админки

Открывем редактор темы, Внешний вид -> Редактор, как показано на рисунке ниже:

Открываем редактор CSS из админки

и правим стили, сохраняем.

правка стилей wordpress

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

Использование дочерней темы для редактирования CSS

Редактировать стили можно через дочернюю тему, это актуально в том случае. если вы приобрели премиум тему, которая постоянно дорабатывается разработчиками. В нее изменения нельзя вносить, так как после очередного обновления, ваши труды будут утеряны.

В этом случае нужно использовать дочернюю тему и там внести свои правки,  этом случае при обновлении родительской темы, ваши изменения останутся.

Использование плагина для редактирования CSS

Существует несколько плагинов, которые позволяют менять CSS код из админки. Использование плагинов наиболее выгодно обычному пользователю, который не сильно разбирается в тонкостях WordPress. У этого метода есть 2 плюса: не нужно создавать дочерние темы, и изменения в коде CSS не удалятся при обновлении темы.

Simple Custom CSS
Simple Custom CSS – довольно популярный плагин для редактирования CSS стилей. Количество его загрузок превышает 100 000 раз, а в рейтинге у него 5 звезд.

WP Add Custom CSS
WP Add Custom CSS – этот плагин, позволяет изменить внешний вид некоторых частей сайта, удобен при косметическом редизайне. Можно даже менять внешний вид отдельных записей. Его скачали более 10 000 раз.

Theme Junkie Custom CSS
Theme Junkie Custom CSS. В режиме реального времени может показать влияние изменения на сайт. Плагин добавляет произвольный CSS-менеджер в консоли, где можно добавлять свои стили.

Easy Code Placement
Easy Code Placement – Этот плагин — больше, чем просто редактор стилей CSS — он позволяет вставлять другой код на сайт, такой как PHP, JS, HTML, текст. Удобен при корректировке темы на более глубоком уровне, когда нужно немного поменять структуру.

Child Theme Configurator
Child Theme Configurator – плагин позволяет менять разметку сайта, используя дочернюю тему.

Плагины и админка — это конечно же хорошо, но наиболее профессиональным вариантом, считается работа по FTP и редактирование файла style.css.

Просмотров: 577

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Технологии WEB

CMS

Расширения

Сервисы