Форматы записей появились в WordPress 3.1. Что они собой представляют? Чем они отличаются от рубрик и меток? Для чего вообще была введена новая характеристика записей? Давайте со всем этим разберемся.

Формат записи – это некоторое информация, связанная с записью и определяющая ее представление в используемой теме. По умолчанию в WordPress поддерживаются следующие форматы записей:

• aside
• gallery
• link
• image
• quote
• status
• video
• audio
• chat

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

Если тема поддерживает форматы записей, она должна содержать в себе следующий код в файле functions.php:

add_theme_support( 'post-formats', array( 'aside','image','quote','status','video','audio','chat' ) );

Тема, поддерживающая различные форматы записей, обычно включает в себя соответствующую стилизацию для них.

Если добавить метод post_class() к тегу article в пределах цикла:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

то мы сможем получить следующий код для записей, содержащий выбранный формат в качестве одного из значений атрибута class:

 
<article id="post-20" class="post-20 post type-post status-publish format-standard hentry category-uncategorized">

Все зависит от формата записей, который мы использовали. Если бы мы взяли формат aside (заметка), то мы бы получили класс format-aside.

Естественно, чтобы представление записей отличалось друг от друга в зависимости от используемого формата, необходимо добавить некоторые CSS-стили. Например, в известной теме CoffeeTime применяется следующая стилизация:

.format-aside .titlearea { background:url(images/pf/aside.png) no-repeat left top;}
 .format-audio .titlearea { background:url(images/pf/audio.png) no-repeat left top;}
 .format-chat .titlearea { background:url(images/pf/chat.png) no-repeat left top;}
 .format-standard .titlearea { background:url(images/pf/standard.png) no-repeat left top;}
 .format-gallery .titlearea { background:url(images/pf/gallery.png) no-repeat left top;}
 .format-image .titlearea { background:url(images/pf/image.png) no-repeat left top;}
 .format-link .titlearea { background:url(images/pf/link.png) no-repeat left top;}
 

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

По материалам:
http://wprocks.com/wordpress-tips/what-are-post-formats-how-do-we-put-it-to-use/