0
742
2018-12-08

WordPress - Страница архива для кастомных записей

Разберем создание страницы архивов для записей кастомного типа, созданных при помощи плагина Custom Post Type UI
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

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

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

Плаги Custom Post Type UI

В своих проектах я создаю кастомные типы при помощи плагина Custom Post Type UI и ниже вы найдете ссылку на его страницу в репозитории WordPress.

внешний вид плагина в репозитории WordPress

Скачать плагин:

https://ru.wordpress.org/plugins/custom-post-type-ui/

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

По сути итогами всех наших действий будет страница блога на которой выводятся записи кастомного типа.

Настройки кастомного типа для отображения на странице архива

Естественно самым правильным образом указать настройки для страницы архивов в кастомном типе сразу при его создании. В моем примере я покажу как применить настройки для уже созданного типа. Для этого перейдите на страницу “Edit Post Types“

Перейдите на настройки кастомного типа

Далее пропишите лейбл для страницы архивов нашему кастомному типу записей:

Настройки архивов в Custom Post Type UI - Лейбл

В строке “**Has Archive**” установите значение в “True” и пропишите слаг для страницы Архива на котором будут выводиться записи. В большинстве случаев достаточно просто названия кастомного типа, или же его слага. По сути мы здесь указываем slug для страницы архивов. То есть после этого ( на примере кастомного типа данного примера) перейдя по ссылке:

http://ВАШ_БЛОГ/portfolio

Вы попадете на нужную нам страницу архивов

Настройки архивов в Custom Post Type UI - Slug, Слаг страницы

Кастомный шаблон для вывода страницы архивов

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

Для его создания Вам необходимо перейти в корень темы вашего сайта и создать файл c именем по такому шаблону:

archive- {posttype} .php

То есть в моём примере так как слаг кастомных записей “portfolio” файл будет иметь название:

archive-portfolio.php

Далее вам необходимо открыть стандартный файл темы:

archive.php

И скопировать все его содержимое в кастомный файл шаблона в моём примере это archive-portfolio.php.

Ну а далее Всё что вам остаётся изменить его кодовую составляющую по своему усмотрению.

Yoast - и добавление метаданных для арихива кастомных записей

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

Добавление og:image для страницы архива

Для начала укажим изображение для данной страницы. Для этого добавьте код ниже в function.php:

/*
Добавляем OG изображение для CPT UI страницы вывода постов (архива вывода постов)
*/

add_action('wp_head', 'dgsoft_fb');
function dgsoft_fb(){
    if(is_post_type_archive( 'portfolio' )) {
        echo '<meta property="og:image" content="https://ВАШ_ДОМЕН.com.ua/wp-content/uploads/2018/12/ВАША_КАРТИНКА.jpg?lightbox&cropResize=900,900&classes=figure-img,img-fluid" />';
    }
}

Добавление title и description для страницы архива

Для того что бы джобавить самые важные мета данные, необходимо перейти в админ панель на страницы настроек Yoast, а именно на вкладку"Типы содержимого"

Yoast вкладка Типы содержимого

Далее опустить чуть ниже, и указать title и description как указано на скриншоте ниже:

Yoast как указать title и description для страницы архивов кастомного (пользовательского) типа записей

Отключение SIdeBar в теме Cactus

Не забывайте что в случае если вам не нужен sidebar, Вы всегда его можете отключить через настройки темы. К примеру я постоянно использую в своих проектах тему Cactus и в ней отключение сайдбара происходит через настройки в визуальном редакторе и выглядят они так:

Как отключить сайдбар в теме Cactus для WordPress

На этом всём если кому-то что-то непонятно Пишите в комментариях в свободное время постараюсь ответить Спасибо всего хорошего.