Просмотров: 1 547

Как добавить стили CSS в блоге на движке WordPress.

04-04-2014 13-39-24

Когда вы работаете в блоге на движке WordPress может возникнуть необходимость изменить внешний вид какого-либо элемента на сайте.

Например:

1) При публикации заметки нужно оформить особым образом какой-то элемент;

2) Изменить внешний вид виджета на сайте;

3) Поменять оформление любого другого элемента, который размещается на сайте.

Я бы хотел рассказать о тех способах, как вы можете добавлять или изменять стили CSS в вашем блоге на WordPress.

1 случай. Нужно добавить стили CSS внутри публикуемой заметки или виджете.

Предположим, что вы публикуете на блоге какую-либо заметку либо добавляете произвольный виджет в формате HTML.

Задача состоит в том, чтобы к элементам, которые будут создаваться, добавить стили CSS.

Это можно будет сделать несколькими способами.

1 способ. Использование стилей CSS, которые создаются внутри атрибута style.

Для этого, при создании или редактировании заметки нужно перейти в режим «Текст» и для элемента, к которому нужно добавить стили с помощью атрибута style добавить необходимые стили CSS.

04-04-2014 13-42-06

2 способ. Для случая публикации записи или страницы на WordPress использование плагина Specific CSS/JS for Posts and Pages

04-04-2014 13-44-33

Почитать подробнее о том, к с ним работать можно здесь.

2 случай. Нужно добавить стили CSS к какому-либо элементу на блоге.

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

Узнать, где находятся файлы темы можно здесь.

Для того, чтобы узнать какая тема (шаблон) WordPress у вас активна воспользуйтесь следующей инструкцией.

Инструкции по соединению с сервером, на котором находится ваш блог WordPress здесь и здесь

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

Внося изменения в этот файл вы можете изменить внешний вид любого элемента на вашем блоге.

Я использую именно этим методы для того, чтобы добавлять стили CSS к моим страницам на блоге wordpress. Надеюсь, что для вас эти методы придутся по вкусу и вы будете работать с ними на практике.