как показать последние 5 постов в WordPress с помощью этой bootstrap кодов сетки? - PullRequest
Новая
       2

как показать последние 5 постов в WordPress с помощью этой bootstrap кодов сетки?

1 голос
/ 01 февраля 2020

Я хочу динамически следующий код, написанный Bootstrap 4 с использованием WordPress l oop. Я хочу показать 5 последних сообщений в следующем коде. как на картинке: https://i.stack.imgur.com/n4fYa.jpg

<div class="container">
    <div class="row">
        <div class="col-md-6 d-flex align-items-md-stretch">
            <div class="jumbotron ">
                Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.
            </div>
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-6">
                    <div class="jumbotron">
                        Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="jumbotron">
                        Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="jumbotron">
                        Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="jumbotron">
                        Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

1 Ответ

0 голосов
/ 04 февраля 2020

Вы можете попробовать: 

<?php $posts = get_posts(array('posts_per_page' => 5)); ?>

<div class="container">
    <div class="row">
        <div class="col-md-6 d-flex align-items-md-stretch">
            <div class="jumbotron">
                <!-- Post 5 -->
                <?php echo $posts[4]->post_title; ?>
            </div>
        </div>
        <div class="col-md-6">
            <div class="row">
                <div class="col-md-6">
                    <div class="jumbotron">
                        <!-- Post 2 -->
                        <?php echo $posts[1]->post_title; ?>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="jumbotron">
                        <!-- Post 1 -->
                        <?php echo $posts[0]->post_title; ?>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="jumbotron">
                        <!-- Post 4 -->
                        <?php echo $posts[3]->post_title; ?>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="jumbotron">
                        <!-- Post 3 -->
                        <?php echo $posts[2]->post_title; ?>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
...