Динамическая(ajax?) подгрузка постов в блоге на Wordpress. Как сделать?

Question

[PavelScron]

Подскажите как сделать подгрузку следующих постов по кнопке Смотреть еще в блоге?


Какие варианты? или примеры/статьи подскажите. От чего отталкиваться.

Comments

[Вова Дружаев]

Каков ваш уровень знаний php, кодекса ВП, js/jquery? Знакомы ли вы с ajax?
- если низкий - то отталкивайтесь от изучения базы этих языков, доков ВП и технологий

Answer 1

[Денис Янчевский]

Ajax Load More, насколько я помню, был с кнопкой.

Ну или вручную с помощью ajax и WP_Query + offset.

Comments

[PavelScron]

То что нужно. Не подскажете как сделать чтобы если больше нет постов кнопка Load more пропадала?

[Денис Янчевский]

PavelScron: попробуйте так:

.alm-load-more-btn.done{
   display: none;
}

[PavelScron]

Денис Янчевский: это просто кнопку уберет вообще. но нужно с условием что постов нет для показа : )

[Денис Янчевский]

PavelScron: это Вы уже попробовали или просто теория?)

[PavelScron]

Денис Янчевский: уже проверил сейчас

[Денис Янчевский]

PavelScron: не работает?

[PavelScron]

Нет :( Может какие-то стили у вас включены в плагине?

[Денис Янчевский]

PavelScron: Печально. Тогда стоит обратиться на форум поддержки плагина, т.к. автор советуем именно этот способ.
https://wordpress.org/support/topic/load-more-butt...
https://connekthq.com/plugins/ajax-load-more/docs/faqs/

Answer 2

[Ksider]

Два вариант, либо самостоятельно вешать на пагинацию, либо плагинами, типа того https://wordpress.org/plugins/infinite-scroll/
ну и вот
https://jetpack.com/support/infinite-scroll/

Comments

[PavelScron]

там ведь просто бесконечная подгрузка без кнопки в тех плагинах?

[Ksider]

PavelScron: там в спорте если порыться, вроде, было как повесить событие на кнопку

[Ksider]

Для jetpack'а в массиве настроек просто тип прописать надо

add_theme_support( 'infinite-scroll', array(
    'type'           => 'click',
    'footer_widgets' => false,
    'container'      => 'content',
    'wrapper'        => true,
    'render'         => false,
    'posts_per_page' => false,
) );