WordPress 主题不同宽度

Question

I am trying to achieve to following design:

This is what I got so far:

I'd like to have the bottom images as in my design example.

This is, how my single.php looks like. I just can't find a solution that is responsive and works with my design:(

<?php get_header(); ?>


<div class="container px-4">
    <div class="flex flex-wrap gap-20">

        <article class="flex-auto w-[800px]">

        <?php if (have_posts()) :
        while (have_posts()) : the_post(); ?>
        <?php the_content(); ?>
        <?php endwhile; endif; ?>

        </article>

        <?php get_sidebar(); ?>

    </div>
</div>


<?php get_footer(); ?>

Do you have an idea?

Answer 1

One issue is that your bottom image is within the post content itself, and that is sitting next to a sidebar on the right. That image, or images, won't span the full width of the page if the sidebar is taking up some of that area. So, those two bottom images would have to be loaded after the post content and after the sidebar to achieve the design you're looking at.