Могу ли я разместить миниатюру поста рядом с постом в WordPress? (Тематизация)

Question

Я пытаюсь разместить миниатюру своего поста рядом с самим постом. Кроме того, я бы хотел добавить несколько точек останова, чтобы в мобильном представлении миниатюра находилась в верхней части сообщения. Я хотел бы работать с фреймворком начальной загрузки. Любая помощь приветствуется:)

<div class="container-fluid the_loop">
    <div class="col-4">
        <?php while ( $wpb_all_query->have_posts() ) : $wpb_all_query->the_post(); ?>
        <img src="<?php the_post_thumbnail_url("post_image");?>" alt="img-fluid">
    </div>
    <div class="col-8">
        <h2 id="title" href="<?php the_permalink(); ?>">
           <?php the_title(); ?>
        </h2>
        <p id="the_date"><?php the_date(); ?></p>
        <p id="the_content"><?php the_content(); ?></p>
    </div>
</div>

Answer 1

Есть так много способов сделать то, что вы пытаетесь сделать, лучше всего будет дать контенту div ширину 70%, а пиктограмму div ширине 30%;

, делая это, вы будете делатьубедитесь, что каждый div имеет свою ширину, и они будут отображаться рядом друг с другом.

и в вашем случае, когда вы делаете мобильную точку останова, div с миниатюрами уже находится над div с контентом, поэтому, когда вы даете миниатюруболее широкая ширина, скажем, 100%, она будет отображаться над содержимым.

другое решение - посмотреть на эту страницу , она содержит то, что вы ищете, с подробным описанием