Здравствуйте, сегодня продолжим тему оригинального оформления своих записей, постов на сайте – и рассмотрим как с помощью CSS указать для отдельных записей свои стили оформления.

Скачать исходники для статьи можно ниже

Шаг 1: Узнаем идентификатор (id) записи, на которую хотим поставить индивидуальный шаблон.

Чтобы узнать идентификатор (id) вашей записи, зайдите в панель управления, в левом меню выберите пункт “Записи”, подпункт “Все записи”, далее перейдите в редактирование нужной вам записи, к которой будем применять шаблон и в адресной строке браузера посмотрите ее id.

Например, на скриншоте видно, что записи присвоен идентификатор 290.

Шаг 2: Изменяем CSS стили оформления для отдельных записей, постов.

Заходим в файл стилей CSS – для этого в панели управления wordpress в левом меню выбираем пункт “Внешний вид” и его подпункт “Редактор”, справа в списке шаблонов выбираем файл – style.css

Теперь для изменения оформления какой-либо записи воспользуемся следующим кодом:

#post-id {
/* ваш стиль оформления для поста с выбранным id */
}

То есть, например, у меня есть запись с id=290, я хочу добавить цвет фона и увеличить на 50% шрифт, тогда в файле стилей я должен записать следующее:

#post-290 {
font-size:150%;
background-color: #CCDBF1;
}

Давайте посмотрим как измениться запись с id=290 внешне:

До изменения стиля записи:

После:

Теперь давайте изменим стили оформления сразу для нескольких записей:

#post-6314,#post-6312,#post-6310, #post-6303 {
font-size:150%;
background-color: #CCDBF1;
}

То есть вам просто нужно перечислить записи, через запятую.

Как видите все очень просто!

Если же вы хотите изменить оформления внешнего вида всего шаблона записи (поста), то можете воспользоваться другим способом, который я описывал в одной из своих предыдущих статей – Индивидуальный шаблон записей, постов в WordPress