Есть пост на сайте Вордпресс. Выводится таким образом:
Слева - видео или картинка, справа - текст. Если высота текст становится больше левого блока, то он автоматически разбивается на "слайды", которые переключаются точками под текстом.
Горизонтальный слайдер могу реализовать на slick. Меня интересует, как можно разбить текст таким образом, чтобы для каждого блока текста создавался свой div.
P.S. мое представление - вместо функции the_content(); должно быть что-то вроде цикла: для каждого блока текста создается div с классом item и текстом внутри. Возможно, нужен какой-то фильтр?
Спасибо!
Код примерно такой
// Получаем контент.
$content = get_the_content();
// Заменяем все переводы строк на <br>.
$content = nl2br( $content );
// Разбиваем на блоки по 200 символов. Разделитель по умолчанию - "\n".
$content = wordwrap( $content, 200 );
// Создаём массив блоков.
$divs = explode( "\n", $content );
// Выводим блоки.
foreach ( $divs as $div ) {
$div = '<div class="my-text-block">' . $div . '</div>';
echo wp_kses_post( $div );
}
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости