индивидуальное оформление записей

Индивидуальный шаблон записи (поста) в wordpress: 2 способ

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

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

Бизнес сообщество BizNet - здесь

Шаг 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

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

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