Форматы записей WordPress

Главная » Создание блога » Настройка Wordpress » Форматы записей WordPress

Форматы записей WordPress

2015-10-12 автор: Виталий Кириллов

Всем привет! Сегодня на seo-mayak.com я хочу рассказать, что такое форматы записей, для чего они нужны и почему на CMS WordPress их надо активировать.

Еще мы научимся делать шаблоны для разных форматов и частично рассмотрим работу функций: post_class() и body_class(), в общем будет интересно.

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

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

Форматы записей по умолчанию они не входят в общий функционал WordPress и их надо активировать. Сложного в этом ничего нет и Вы сами в этом скоро убедитесь.

Слово «формат» в принципе говорит само за себя, как бы подразумевая существование и других, отличных форматов. Всего их десять, но возможно в будущем будет и больше.

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

Если положить руку на сердце и сказать честно, то на самом деле веб-мастера довольно редко используют форматы и наверное по этой причине данный функционал еще не задействован в WordPress по умолчанию.

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

formaty zapisei

Кстати о потенциале. Вы заметили изменения на моем блоге? Если нет, то у Вашего монитора слишком маленькая диагональ. Так вот эти изменения действуют только на одну, конкретную страницу, конечно благодаря использованию форматов записей Такие дела!

Поэтому я и хочу восполнить некоторые информационные пробелы и рассказать, как устроены форматы записей, чтобы веб-мастерам было проще с ними работать. Поехали!

Как активировать форматы записей

Как я уже говорил выше, по умолчанию поддержка форматов записей в WordPress не активирована и эту поддержу надо включить.

Для этого открываем файл functions.php, что находится в папке с темой и в самое начало после тега <?php вставляем следующий код:

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

Далее идем в админку, переходим на страницу с любой записью, открываем «Настройки экрана» и ставим галочку рядом с пунктом «Формат»:

formaty zapisei1

После чего, в правой колонке появится новый блок под названием «Формат»:

formaty zapisei2

Заметьте, что очередность форматов в блоке точно соответствует последовательности перечисления форматов в функции, кроме первого формата «Стандартный», который применяется по умолчанию ко всем записям.

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

Дело в том, что в WordPress по умолчанию не заложены готовые шаблоны для разных форматов, хотя разговоры об этом идут. А вот разработчики вордпресовских тем довольно часто создают файловую структуру с применением таких шаблонов.

Например, если Вы обнаружите в своей теме файлы с названиями: content-aside.php , content-gallery.php, content-image.php, content-quote.php и т.д. (вместо «content» может быть любое другое слово), то знайте — это и есть файлы-шаблоны для форматов записей и при выборе определенного формата за вывод контента будет отвечать соответствующий файл. Кстати такая структура реализована в стандартной вордпрессовской теме Twenty Eleven, можете полюбопытствовать.

Содержимое файлов шаблонов может быть самым разнообразным и это отдельная тема, но вот что интересно… Как WordPress определяет, какой файл соответствует тому или иному формату и что делать тем веб-мастерам, у которых в теме нет вышеперечисленных файлов?

Читайте статью до конца и вы найдете все ответы.

Шаблоны для форматов записей и функция get_post_format()

Для проверки соответствия записи определенному формату разработчики движка предусмотрели специальную функцию, которая называется get_post_format(). Найти данную функцию можно по адресу wp-includes/post-formats.php.

Но на самом деле get_post_format() лишь определяет соответствие записи одному из зарегистрированных форматов и сама по себе ничего не подключает. Поэтому get_post_format() используют в тандеме с другой функцией get_template_part, о которой я уже писал.

Итак, для общего понимания процесса, давайте проведем эксперимент (проводить различные эксперименты советую на локальном сервере) и создадим файл-шаблон для формата «Цитата» (quote), после чего подключим его к теме.

Для этого в папке с темой создаем новый файл под названием single-quote.php и копируем в него содержимое файла single.php.

Теперь у нас в теме имеется два одинаковых файла single-quote.php и single.php и для того, чтобы они хоть немного различались давайте в файле single-quote.php изменим один конкретный элемент, например вывод заголовка статьи.

Вместо функции the_title(), которая у нас выводит заголовок статьи, впишем произвольный заголовок, пусть это будет слово «Формат». В общем должно получится так:

<h2>Формат</h2>

Конечно у кого-то заголовок записи может быть обернут в тег h1, но это не суть важно.

Далее, в самое начало файла single.php вставляем такую функцию:

<?php  if (get_post_format()) {
    return get_template_part('single', get_post_format());
}

Теперь идем в админку и создаем тестовую запись. Даем ей отличный заголовок от того, что мы прописали в файле single-quote.php, например «Тестовый заголовок» и выбираем формат «Цитата». Публикуем и идем на сайт смотреть результат.

Если мы все сделали правильно, то во вновь созданной записи заголовок будет «Формат» именно тот, что мы напрямую прописали в файле single-quote.php. Это значит, что вместо основного файла single.php (что отвечает за вывод страниц за записями), был подключен наш файл шаблон для формата «Цитата».

Соответственно можно создать отдельный файл-шаблон для любого формата, кроме «Стандартный», и функция его подключит. Понятно, что в шаблоне мы можем изменить любой класс и прописать для него индивидуальные стили, которые могут изменить страницу до неузнаваимости.

Кто-то может сказать, что мол зачем изобретать велосипед, ведь можно просто сделать шаблон записи как описано тут и разукрасить страницу хоть во все цвета радуги.

Так то оно так, но во-первых, при использовании форматов, выбрать нужный можно прямо в админке, что избавляет от необходимости лезть в коды и прописывать ID для каждой новой записи. Тем самым мы можем без особых проблем группировать посты и подавать их пользователю под разным «соусом». Надеюсь разница понятна.

Но на этом потенциал форматов записей еще не заканчивается. Использование форматов позволяет влиять на внешний вид конкретной страницы даже без создания файла-шаблона. Пришло время познакомится с функцией post_class().

Функция post_class()

Надо сказать, что функция post_class() предназначена для упрощения верстки и используется во многих темах WordPress. Опытные веб-мастера довольно часто пользуются услугами данной функции. А тем у кого такой функции в теме нет, расстраиваться не надо, все можно поправить.

Мы сейчас не будем подробно останавливаться на всех возможностях post_class(), скажу лишь, что качается форматов записей. Функция занимается тем, что определяет к какому формату относится та или иная запись и выводит в исходных код соответствующий класс.

Например, если мы выбрали для записи формат «Цитата», то функцией post_class() в исходном код среди прочих будет выведен класс format-quote:

formaty zapisei4

А если мы присвоим записи формат «Галерея», то та же функция выведет уже другой класс:

Вот список классов по форматам:

format-aside — Заметка;
format-audio — Аудио;
format-chat — Чат;
format-gallery — Галерея;
format-image — Изображение;
format-quote — Цитата;
format-status — Статус;
format-link — Ссылка;
format-video — Видео.

Но где же искать функцию post_class(), в каких файлах?

Файл, куда надо заглянуть в первую очередь — это single.php.

Сам код подключения выглядит следующим образом:

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
/*Код вывода записи*/
</div>

Конечно если функции post_class() в файле нет, то ее можно туда внедрить. Вставляется post_class() обычно сразу после вывода цикла WordPress.

Из вышесказанного следует, что для каждого формата с помощью функции post_class() мы можем задать разное оформление. Давайте для примера изменим фон страницы, которой был присвоен формат «Галерея».

Для этого в файле style.css прописываем следующее:

.format-gallery {
   background:#FFEBAF;
}

Вуаля:

formaty zapisei7

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

Если же поколдовать с post_class() в файле index.php, то можно добиться такого эффекта:

formaty zapisei9

Конечно, все тоже самое и даже больше, можно сделать с помощью файла-шаблона, но здесь вот что важно понимать. И шаблон формата, и функция post_class() могут распространять свое действие лишь на область записи и не могут влиять на шапку сайта, сайдбар или подвал.

Но как же быть, если стоит задача полностью изменить дизайн определенной страницы или группы страниц. Выход есть, и этот выход знает функция body_class().

Функция body_class()

Функция body_class() работает по той же схеме, что и post_class(), т.е. выводит класс в зависимости от заданного формата.

Для формата «Галерея» body_class() в исходном код выведет следующее:

Вот список всех классов:

single-format-aside — Заметка;
single-format-audio — Аудио;
single-format-chat — Чат;
single-format-gallery — Галерея;
single-format-image — Изображение;
single-format-quote — Цитата;
single-format-status — Статус;
single-format-link — Ссылка;
single-format-video — Видео.

Для данной записи, которая кстати отнесена к формату «Цитата», я решил сделать другую шапку. Для осуществления задуманного я вставил функцию body_class() прямо в тег body, что находится в файле header.php.

Вот так:

<body <?php body_class(); ?>>

После чего в файле style.css прописал следующее:

.single-format-quote{
    background:url("images/название_изображения.png")no-repeat 50% 0 fixed;
}

По-моему не плохо получилось, а Вы как думаете?

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

До встречи!

С уважением, Виталий Кириллов