Отображение Отрывка под заголовком страницы в теме Kadence
В этом руководстве приведена инструкция по отображению Отрывка под заголовком для статических страниц с использованием аддона Hooked Elements для Kadence Pro.
Мы зарегистрируем собственный шорткод wn_get_excerpt
, который возвращает отрывок, и добавим этот шорткод внутри элемента, привязанного к нужному нам месту.
Шаг 1
Установливаем и активируем плагин сниппетов Code Snippets.
Добавляем новый сниппет.
Заголовок: Отрывок для страницы
Код:
add_post_type_support( 'page', 'excerpt' );
Добавляем ещё один новый сниппет.
Заголовок: [Шорткод] Получение отрывка
Код:
add_shortcode( 'wn_get_excerpt', 'func_wn_get_excerpt' );
/**
* Defines a custom shortcode that returns the excerpt.
*
* Usage: [wn_get_excerpt]
*
* @return string HTML output for excerpt.
*/
function func_wn_get_excerpt() {
return '<div class="excerpt">' . get_the_excerpt() . '</div>';
}
Шаг 2
Открываем нужную нам страницу на редактирование и вписываем произвольный Отрывок.
Если этого не сделать, то WordPress сам автоматически сгенерит Отрывок из нескольких первых слов основного содержимого записи.
Шаг 3
Переходим по пути Внешний вид > Kadence > Elements.
Создаем новый элемент с типом DEFAULT.
Задаём название элемента, например «Отрывок страницы».
Добавляем созданный нами шорткод:
[wn_get_excerpt]
В Placement выбираем «Произвольный хук» (Custom Hook) и указываем следующее событие:
kadence_entry_hero
Настройки отображения (Display Settings) – Показывать на (Show On): Одиночные страницы (Single Pages).
Шаг 4
Добавляем следующий CSS код в Кастомайзер (Customizer) -> Дополнительный CSS (Additional CSS):
.excerpt {
margin-top: 20px;
}
Готовасики!