Google

Простое и понятное объяснение форматов записей

Дата публикации:Октябрь 6, 2011

Форматы записей появились в 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/

Связанные материалы:

  1. Подсветка записей в зависимости от их статуса в панели администратора WordPress
  2. WP Post to PDF: конвертация записей WordPress в PDF
  3. Как вывести на экран обновления/редакции записей в WordPress
  4. Отображение даты добавления записей и комментариев в Twitter стиле: «x … ago»
  5. Twenty Eleven: вывод сайдбара для отдельных записей и страниц

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*


Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.