Всем, привет. У клиента есть уже готовый сайт на wordpress, он решил переделать страницу блога и за основу решил взять сайт
президента России. То есть он хочет, что бы на широкоформатных экранах каждая запись из блога открывалась в PopUp окне. Как можно это реализовать?
Решил проблему сам!
Решение: <div class="list-posts">
<?php
$recent = new WP_Query("cat=2");
while($recent->have_posts()) : $recent->the_post();
?>
<div id="<?php the_ID() ?>" class="post-link" style="background: url(<?php $thumb_id = get_post_thumbnail_id(); $thumb_url = wp_get_attachment_image_src($thumb_id,'thumbnail-size', true); echo $thumb_url[0]; ?>)">
<h3 class="post-title"><?php the_title() ?></h3>
</div>
<?php endwhile; ?>
</div>
Здесь я получаю список постов из указанной рубрики!
По клику на запись получаю id записи и аяксом подгружаю содержимое поста из rest-api
$(".post-link").on("click", function(){
$(".post-preloader").addClass("is-active")
$(".post-content").empty();
PostId = $(this).attr("id");
$(".post-data").addClass("is-active")
$.get("http://site.com/wp-json/wp/v2/posts/" + PostId, function (data) {
$(".post-preloader").removeClass("is-active")
$(".post-data .post-title").text(data.title.rendered);
$.get("http://site.com/wp-json/wp/v2/media/"+ data.featured_media, function (img) {
$(".post-img").attr("src", img.source_url);
});
$(".post-content").append(data.content.rendered)
})
});
Средний
