Как задать постам разных категорий индивидуальное оформление

Как задать постам разных категорий индивидуальное оформление | n-wp.ru

Сейчас многие премиум-темы обладают одной фишкой – в них у постов разных категорий есть индивидуальное оформление. Сейчас я расскажу о простейшем секрете, который хоть и не в полностью автоматическом режиме (придется чуть-чуть поработать руками), но все же реализует такую же возможность, и вы можете использовать ее в своем блоге, не прибегая к использованию премиум-тем и дополнительных плагинов.

Как задать постам разных категорий индивидуальное оформление

Обратите внимание на скриншот – он показывает пример того, как можно оформить посты разных категорий. В данном примере к ним добавлены разные фоновые изображения. Сделать это довольно просто – нужно вставить в пост проверку принадлежности к той или иной категории, и в зависимости от результатов проверки присвоить элементам поста определенный класс. Этот класс и придаст посту индивидуальный вид, если его описать в файле style.css. То есть, всего три шага.

1. Откройте файл single.php и вставьте в него такой код:

cat_ID;

if ($cat_ID == 1) $cat_class='quote_post';
elseif ($cat_ID == 2) $cat_class='images_post';
elseif ($cat_ID == 3) $cat_class='video_post';
elseif ($cat_ID == 4) $cat_class='audio_post';

?>

Обратите внимание на 1, 2, 3 … – это ID категорий, которые вы используете в блоге.

2. После этого можете добавить оформление к содержимому поста, поместив его в элемент с нужным классом:

<div class="">
тут находится содержимое с индивидуальным оформлением

3. Ну и последний штрих – описание используемых классов в файле style.css:

.quote_post {background:url(images/icons/quote_post.png) no-repeat 100% 0;}
.images_post {background:url(images/icons/images_post.png) no-repeat 100% 0;}
.video_post {background:url(images/icons/video_post.png) no-repeat 100% 0;}
.audio_post {background:url(images/icons/audio_post.png) no-repeat 100% 0;}

Просто, не правда ли?