Блог

Главная - Вопросы по программированию - Отображение сообщений WordPress в строке начальной загрузки из двух столбцов

Отображение сообщений WordPress в строке начальной загрузки из двух столбцов

#wordpress #twitter-bootstrap

Вопрос:

Я хочу отображать сообщения WordPress в строке из двух столбцов с помощью начальной загрузки. Вот что у меня есть, я чувствую, что это близко, но второй пост отображается под первым, вместо того, чтобы отображаться рядом друг с другом.

 <div class="container">
  <div class="row">
    <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
      <?php if (have_posts()) : ?>
        <?php while (have_posts()) : the_post(); ?>
          <?php if ( has_post_thumbnail() ) : ?>
              <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                  <?php the_post_thumbnail(); ?>
              </a>
          <?php endif; ?>
                <h2 class="blog-post-title">
                    <a href="<?php the_permalink(); ?>">
                      <?php the_title(); ?>
                    </a>
                  </h2>
        <?php endwhile; ?>
      <?php endif; ?>
                </div>
              </div>
            </div>

Любая помощь будет признательна!

Комментарии:

1. Почему ваш элемент столбца обернут вокруг цикла? Он должен быть внутри — вы хотите, чтобы один элемент столбца был обернут вокруг каждой выводимой записи.

2. Ну, на самом деле это не «обернуто» — количество открывающих и закрывающих div тегов внутри вашего цикла while даже не совпадает.

3. Спасибо @CBroe, я новичок в этом, так что спасибо за разъяснение ошибки. Не могли бы вы опубликовать, как правильно решить эту проблему с помощью кода?

4. Как я уже сказал, если вам нужен один столбец для каждого поста, то элемент, который «создает» столбец, должен находиться внутри вашего цикла, а не за его пределами.

5. Спасибо, я попробовал ввести div col в цикл, но безуспешно. Вы можете опубликовать, как бы вы это сделали, с помощью кода? Это было бы очень полезно, спасибо.

Ответ №1:

Решено!

   <div class="container">
        <div class="row">
            <?php if ( have_posts() ) : while ( have_posts() ) :   the_post(); ?>
                    <div class="col-lg-6 col-md col-sm-12 col-xs-12">
                      <?php if ( has_post_thumbnail() ) : ?>
                          <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
                              <?php the_post_thumbnail(); ?>
                          </a>
                      <?php endif; ?>
                            <h2 class="blog-post-title">
                                <a href="<?php the_permalink(); ?>">
                                  <?php the_title(); ?>
                                </a>
                              </h2>
                            </div>
            <?php endwhile; else: ?>
                <p>There are no posts to show</p>
            <?php endif; ?>
        </div>
    </div>
Метки: