WordPress Loop index Latest Post

enter image description here

I couldn’t do the last things in the image.

I want the last articles to appear in this area, but somehow I couldn’t adjust it. I searched a lot

Below are the codes of the last topics section.

<!--- En son gönderiler Slider --->
                        <div class="col-lg-8 top-post-left">
                        <div class="feature-image-thumb relative">
                            <div class="overlay overlay-bg"></div>
                            <?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); ?>
                            <img class="img-fluid" src="<?php echo $image_url[0]; ?>" alt="" />
                        </div>
                        <div class="top-post-details">
                            <ul class="tags">
                                <li><a href="#">Food Habit</a></li>
                            </ul>
                            <a href="<?php the_permalink(); ?>">
                                <h3><?php the_title(); ?></h3>
                            </a>
                            <ul class="meta">
                                <li><span class="lnr lnr-user"></span><?php the_author(); ?></li>
                                <li><span class="lnr lnr-calendar-full"></span><?php the_time('d M Y ') ?></li>
                                <li><span class="lnr lnr-bubble"></span><?php comments_popup_link('Yorum Yok', '1 Yorum', '% Yorum'); ?></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-lg-4 top-post-right">
                        <div class="single-top-post">
                            <div class="feature-image-thumb relative">
                                <div class="overlay overlay-bg"></div>
                                 <?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); ?>
                            <img class="img-fluid" src="<?php echo $image_url[0]; ?>" alt="" />
                            </div>
                            <div class="top-post-details">
                                <ul class="tags">
                                    <li><a href="#"><?php the_category(); ?></a></li>
                                </ul>
                                <a href="<?php the_permalink(); ?>">
                                    <h4><?php the_title(); ?></h4>
                                </a>
                                <ul class="meta">
                                    <li><a href="#"><span class="lnr lnr-user"></span><?php the_author(); ?></a></li>
                                    <li><a href="#"><span class="lnr lnr-calendar-full"></span><?php the_time('d M Y ') ?></a></li>
                                    <li><a href="#"><span class="lnr lnr-bubble"></span><?php comments_popup_link('Yorum Yok', '1 Yorum', '% Yorum'); ?></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="single-top-post mt-10">
                            <div class="feature-image-thumb relative">
                                <div class="overlay overlay-bg"></div>
                                <?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); ?>
                            <img class="img-fluid" src="<?php echo $image_url[0]; ?>" alt="" />
                            </div>
                            <div class="top-post-details">
                                <ul class="tags">
                                    <li><a href="#"><?php the_category(); ?></a></li>
                                </ul>
                                <a href="<?php the_permalink(); ?>">
                                    <h4><?php the_title(); ?></h4>
                                </a>
                                <ul class="meta">
                                    <li><a href="#"><span class="lnr lnr-user"></span><?php the_author(); ?></a></li>
                                    <li><a href="#"><span class="lnr lnr-calendar-full"></span><?php the_time('d M Y ') ?></a></li>
                                    <li><a href="#"><span class="lnr lnr-bubble"></span><?php comments_popup_link('Yorum Yok', '1 Yorum', '% Yorum'); ?></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--- En son gönderiler Slider Bitişi --->

Read more here:: WordPress Loop index Latest Post

Leave a Reply

Your email address will not be published. Required fields are marked *