Верх страницы
Обложка к записи Отображение Отрывка под заголовком страницы в теме Kadence
Время для прочтения: 0 мин. 28 сек.

Отображение Отрывка под заголовком страницы в теме 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;
}

Готовасики!

Автор: Кобзарёв Михаил

Русский разработчик с 20-ти летним стажем. Работаю с PHP, ООП, JavaScript, Git, WordPress, Битрикс, Joomla, Drupal, Opencart, DLE, Laravel, Moonshine, SuiteCRM.

Оптимизирую сайты под Google Page Speed, настраиваю импорты для больших магазинов на WooCommerce + WP All Import. Пишу плагины на заказ. Все мои услуги.

Веду блог о разработке, дайджест в телеграмме и в ВК.

Вы всегда можете нанять меня.

Комментарии
Подписаться
Уведомить о
guest

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
Предыдущая запись

Давайте дружить
в Телеграме

Авторский блог вашего покорного слуги в Telegram про web, программирование, алгоритмы, инструменты разработчика, WordPress, Joomla, Opencart, Laravel, Moonshine, фильмы и сериалы