Acme1994

Может через functions можно задать условие my_query, к примеру, float:left?

• Ответ изменён 7 лет, 11 месяцев назад пользователем Acme1994.

Да, всё верно заметили. Ранее я пробовал дублировать эти дивы и артикли, но у меня тогда просто повторялась одна и таже запись три раза. Как тогда сделать, чтобы добавив эти дубляжи не повторялись сами посты?

Изучил. В итоге получается так:

Подключаю WP:

Вот отсюда и возникает вопрос, почему все статьи через <BR>, если в коде (как и CSS стилях) нет ни «слова» о <BR>?

Код:

<section id="from-blog">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="from-blog-area">
            <div class="title-area">
              <h2 class="tittle">Our blog</h2>
              <span class="tittle-line"></span>
              <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est</p>
            </div>
            <!-- From Blog content -->
            <div class="from-blog-content">
              <div class="row">
                <div class="col-md-4">
                  <article class="single-from-blog">
                    <figure>
                      <a href="blog-single.html"><img src="assets/images/the-sky.jpg" alt="img"></a>
                    </figure>
                    <div class="blog-title">
                      <h2><a href="blog-single.html">Here is the post title</a></h2>
                      <p>Posted by <a class="blog-admin" href="#">admin</a> on <span class="blog-date">23rd july 2015</span></p>
                    </div>
                    <p>Sed ut perspiciatis unde mnis is te natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis </p>
                    <div class="blog-footer">
                      <a href="#"><span class="fa fa-comment"></span>18 Comments</a>
                      <a href="#"><span class="fa fa-thumbs-o-up"></span>35 Likes</a>
                    </div>
                  </article>
                </div>
                <div class="col-md-4">
                  <article class="single-from-blog">
                    <figure>
                      <a href="blog-single.html"><img src="assets/images/photographer.jpg" alt="img"></a>
                    </figure>
                    <div class="blog-title">
                      <h2><a href="blog-single.html">Here is the post title</a></h2>
                      <p>Posted by <a class="blog-admin" href="#">admin</a> on <span class="blog-date">23rd july 2015</span></p>
                    </div>
                    <p>Sed ut perspiciatis unde mnis is te natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis </p>
                    <div class="blog-footer">
                      <a href="#"><span class="fa fa-comment"></span>18 Comments</a>
                      <a href="#"><span class="fa fa-thumbs-o-up"></span>35 Likes</a>
                    </div>
                  </article>
                </div>
                <div class="col-md-4">
                  <article class="single-from-blog">
                    <figure>
                      <a href="blog-single.html"><img src="assets/images/sealand.jpg" alt="img"></a>
                    </figure>
                    <div class="blog-title">
                      <h2><a href="blog-single.html">Here is the post title</a></h2>
                      <p>Posted by <a class="blog-admin" href="#">admin</a> on <span class="blog-date">23rd july 2015</span></p>
                    </div>
                    <p>Sed ut perspiciatis unde mnis is te natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis </p>
                    <div class="blog-footer">
                      <a href="#"><span class="fa fa-comment"></span>18 Comments</a>
                      <a href="#"><span class="fa fa-thumbs-o-up"></span>35 Likes</a>
                    </div>
                  </article>
                </div>
              </div>    
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

Как подключаю WP:

 <section id="from-blog">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div class="from-blog-area">
            <div class="title-area">
              <h2 class="tittle">Our blog</h2>
              <span class="tittle-line"></span>
              <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est</p>
            </div>
            <!-- From Blog content -->
            <div class="from-blog-content">
              <div class="row">
                <div class="col-md-4">
                    <?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
                    <article class="single-from-blog">
                    <figure>
                     <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail( array(360,245), $attr ); ?></a>
                    </figure>
                    <div class="blog-title">
                      <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                      <p>Опубликовано <span class="blog-date"><?php echo get_the_date(); ?></span><br> 
                          Автор: <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ), get_the_author_meta( 'user_nicename' ) ); ?>" class="blog-admin"><?php the_author();?></a></p>
                    </div>
                    <p><?php the_excerpt(); ?></p>
                    <div class="blog-footer">
                      <a href="<?php comments_link(); ?>"><span class="fa fa-comment"></span><?php comments_number('Нет комментариев', '1 комменатрий', '% комм.'); ?></a>
                    </div>
                  </article>
                    <?php endwhile; ?>
                </div>
              </div>    
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

Подскажите, где можно найти этот br и удалить?

Пробовал и <div class="row"> — не помогло. Дело в том, что до внедрения WP циклов — всё нормально отображается ( на чистом HTML+CSS ). Не понимаю почему, когда прописываю WP циклы так все съезжает.

Вопрос решен.
Нужно было добавить:

.main-nav .current-menu-item > a,
.main-nav .current-menu-ancestor > a {
	font-weight: 700;
}

Спасибо, Flector, за наводку! 🙂

Разобрался. Только остался последний вопрос. Как сделать, чтобы при нахождении, к примеру, на главной странице — выделялся жирным шрифт?