Как выводить записи рубрик wordpress без перезагрузки страницы?

Question

[moren]

<main>
		<?php if (have_posts()): while (have_posts()): the_post(); ?>
		
			<a href="<?php the_permalink(); ?>">
		
				<?php if (has_post_thumbnail()): ?>
					<?php the_post_thumbnail(); ?>
				<?php else: ?>
					<img src="<?php bloginfo('template_url'); ?>/img/news_article1.png" alt="">
				<?php endif; ?>			
			</a>
		<?php endwhile; ?>
		<?php endif; ?>
	</main>
		<?php wp_list_categories('orderby=ID'); ?>

часть кода , выводящего посты.
собственно, как выводить записи от каждой рубрики без перезагрузки как вот здесь?
ru.playstation.com/ps3/games

Answer 1

[Trow_eu]

можно просто Tab'ами на чистом css, но тогда грузится будет все сразу, тут Табы на JS или Ajax

Comments

[moren]

это не вариант, нужно именно аякс

Answer 2

[Игорь Воротнёв]

https://wordpress.org/plugins/ajaxify-wordpress-site/
https://wordpress.org/plugins/advanced-ajax-page-l...

А вообще можно и вручную написать - codex.wordpress.org/AJAX_in_Plugins

Comments

[moren]

вручную и хотел, только вот ajax незнаю, а нет примера?

[moren]

вот это у меня в индекск

jQuery(document).ready(function($) {

// $('.cat-item-3').on('click', function(){
// $.ajax({
// url: "/wp-content/themes/knopkatv/oneday.php" ,
// cache: false,
// beforeSend: function() {},
// success: function(html){
// $("#container-id").html(html);
// }
// });
// return false;
// });
// });

oneday.php

<?php
include("../../../wp-load.php");
header("Content-type: text/html; charset=utf-8");
get_posts( 'ID=3' );
if (have_posts()): while (have_posts()): the_post(); ?>

<?php if (has_post_thumbnail()): ?> <?ph...
<?php endwhile; ?>
<?php endif;
wp_reset_query();
?>

functions.php

add_action( 'wp_ajax_my_action', 'my_action_callback' );
add_action( 'wp_ajax_nopriv_my_action', 'my_action_callback' );