wordpress - Wordpress 奇偶帖子

Question

我正在将静态网站移动到 wordpress。我想要实现的是每隔一个帖子显示左侧的图像和右侧的内容，就像这张图片一样：https ://imgur.com/W0WootA 。有什么简单的解决方案吗？问题是我还需要更改 HTML，而不仅仅是 .css 类来移动图像。静态网站html代码：

          <div class="row">
        <div class="col-xl-12">
          <div class="row inspiracje-article-box">
          <div class="inspiracje-article-text col-lg-8">
            <h2>Projekt / aranżacja / homestaging</h2>
            <h3>brzmi podobnie, a czym to tak naprawdę jest.</h3>
            <p>
              Przede wszystkim należy zdać sobie pytanie dla kogo i w jakim
              celu. Odpowiedź na te dwa zasadniczo proste pytania będzie
              kluczem do tego, z jaką usługą mamy…
              <a href="artykul.html" class="czytaj-dalej">Czytaj Dalej</a>
            </p>
          </div>
          <div class="inspiracje-article-img col-lg-4">
            <img class="img-fluid" src="img/artykul_1.jpg" alt="" />
          </div>
        </div>
        </div>
        <div class="col-xl-12">
          <div class="row inspiracje-article-box article-right">
          <div class="inspiracje-article-img col-lg-4">
            <img class="img-fluid" src="img/artykul_moodboard.jpg" alt="" />
          </div>
          <div class="inspiracje-article-text col-lg-8">
            <h2>Moodboard</h2>
            <h3>Podtytuł do artykułu moodboard.</h3>
            <p>
              Moodboard, czyli „tablica” z graficzną prezentacją koncepcji,
              wprowadzająca nas w nastrój i klimat projektowanego wnętrza. …
              <a href="artykul.html" class="czytaj-dalej">Czytaj Dalej</a>
            </p>
          </div>
        </div>
        </div>
        <div class="col-xl-12">
          <div class="row inspiracje-article-box">
            <div class="inspiracje-article-text col-lg-8">
              <h2>Home Staging</h2>
              <h3>Jaki jest zakres prac?</h3>
              <p>
                To jest pytanie na które odpowiedź możliwa jest dopiero po
                ocenie stanu faktycznego nieruchomości. Przygotowanie
                nieruchomości do sprzedaży we współpracy z Home Stagerem
                gwarantuje …
                <a href="artykul.html" class="czytaj-dalej">Czytaj Dalej</a>
              </p>
            </div>
            <div class="inspiracje-article-img col-lg-4">
              <img class="img-fluid" src="img/artykul_3.jpg" alt="" />
            </div>
          </div>
          </div>
      </div>

和来自 wordpress 的 content.php 文件：

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
        <div class="col-xl-12">
          <div class="row inspiracje-article-box">
          <div class="inspiracje-article-text col-lg-8">
    <?php
    if ( is_singular() ) :
        the_title( '<h1>', '</h1>' );
    else :
        the_title( '<h2><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
    endif;
    ?>
            <?php the_excerpt(); ?>
            </div>
            <div class="inspiracje-article-img col-lg-4">
            <?php
            if ( has_post_thumbnail() ) {
                $post_thumbnail_id = get_post_thumbnail_id();
                $image_url = wp_get_attachment_image( $post_thumbnail_id, 'full', '', ["class" => "img-fluid"] );
            }
            ?>
            <?php echo $image_url; ?>
          </div>
          <?php
    if ( 'post' === get_post_type() ) :
        ?>
        <div><?php edit_post_link('edytuj'); ?></div>
    <?php endif; ?>
          </div>
          </div>

-->

标签： wordpresspost