Как сделать навигацию в посте WordPress?

163
05 августа 2018, 15:30

Есть пост на сайте Вордпресс. Выводится таким образом:

Слева - видео или картинка, справа - текст. Если высота текст становится больше левого блока, то он автоматически разбивается на "слайды", которые переключаются точками под текстом.

Горизонтальный слайдер могу реализовать на slick. Меня интересует, как можно разбить текст таким образом, чтобы для каждого блока текста создавался свой div.

P.S. мое представление - вместо функции the_content(); должно быть что-то вроде цикла: для каждого блока текста создается div с классом item и текстом внутри. Возможно, нужен какой-то фильтр?

Спасибо!

Answer 1

Код примерно такой

// Получаем контент.
$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 );
}
READ ALSO
Сломался сайт на Laravel

Сломался сайт на Laravel

Перестал работать сайт на фреймворке Laravel 56, не работают команды php artisan, composer

203
Как добавить генерированный html-код в БД?

Как добавить генерированный html-код в БД?

Есть WYSIWYG-редактор - Froala, он автоматически генерирует html-код из внесенной в него информации, и выводит во вкладке CodeView, она так же встроена...

164
Facebook триггер на комментарии

Facebook триггер на комментарии

Есть ли возможность как-то отслеживать добавление нового комментария в facebook и выполнять последующие действия с данными этого комментария?

202