Как сделать бесконечный скроллинг записей wordpress в статье (внизу появление новой статьи). Ajax Load More

Как сделать бесконечный скроллинг записей wordpress в статье (внизу появление новой статьи)

#ajax-load-more

Инструкция по скроллингу записей через плагин Ajax Load More

1.Установка и настройка плагина (настройка самого шаблона вывода)

2.Добавление шорткода на страницу записи (через шорткод или PHP)

Т.к. В основной файл layout.php не получается , т.к. он не распределен по типу страницы.

я вывел рекомендованные записи на странице статьи и внес него
в файле /public_html/wp-content/themes/oceanwp/partials/single/related-posts.php

хотя вроде и в layout.php работает (лучше вариант)

Через

<?php echo do_shortcode('[ajax_load_more posts_per_page="1" post_type="post" scroll="true" scroll_distance="10" transition="none"]'); ?>

Вы можете пробовать другие варианты вывода:

[ ajax_load_more ]

или
<?php echo do_shortcode('[ajax_load_more]'); ?>

1.1. Во вкладке “Templates” нужно настроить шаблон вывода:
Он должен совпадать со структурой формирующей тело вашей статьи.
Советую посмотреть файлы из папки (тема oceanwp): /public_html/wp-content/themes/oceanwp/partials/single

Мой шаблон:

<article class="load">


    <?php
    global $wp_query;
    $was_single = $wp_query->is_single;
    $wp_query->is_single = true;
    ?>

    <h1>
        <?php the_title(); ?>
    </h1>
    
    <ul class="meta ospm-none clr">
      	<li class="meta-author"<?php oceanwp_schema_markup( 'author_name' ); ?>>
			 <?php oceanwp_icon( 'user' ); ?><?php echo esc_html( the_author_posts_link() ); ?>
		</li>
      
        <li class="meta-date" itemprop="datePublished">
<?php oceanwp_icon( 'date' ); ?><?php echo get_the_date('d.m.Y'); ?>
           </li>
      
      
   	<li class="meta-categ">
                  <?php oceanwp_icon( 'category' ); ?>   <?php the_category('<li><a href="'); ?>
               </li>
      
      	<li class="meta-tim">
			<?php oceanwp_icon( 'r_time' ); ?><?php echo esc_html( ocean_reading_time() ); ?></li>
      
    </ul>
  
  
  
  

    <div class="alm-content">
        <?php the_content(); ?>
    </div>

    <?php
    $wp_query->is_single = $was_single;
    ?>

  
  
  
</article>