• Всем привет!
    Подскажите, пожалуйста, как можно выстроить посты в ряд? Сейчас они у меня отображаются в колонку. То есть, в таком виде статья<br> вторая статья. Нужно: статья, статья, статья

    Код:

    <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; ?>
                        <p><?php _e('Извините, статьей тут пока-что нет. Скоро исправлю. :)'); ?></p>
                    </div>
                  </div>    
                </div>
Просмотр 7 ответов — с 16 по 22 (всего 22)
  • Может через functions можно задать условие my_query, к примеру, float:left?

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

    Или на my_query->have_posts никак нельзя взаимодействовать? Тогда не понимаю, как выстраивают статьи по требуемым критериям? Если взять мой случай, где нужны дубляжи, по HTML коду, чтобы не искажать шаблон.

    Или невозможно сделать то, что требует шаблон на WordPress’e? 🙁

    Нет, как я понимаю, никакой функции для ВП, чтобы выстроить в ряд вывод статьей (без повторов)?

    Модератор Юрій

    (@yube)

    Нет, как я понимаю, никакой функции для ВП, чтобы выстроить в ряд вывод статьей (без повторов)?

    Нет. Ядро WP вообще выводом не занимается, это делают скрипты темы. WP только отдает массив записей. А за оформление выводимых записей в ряд, в столбик или лесенкой отвечают стилевые файлы темы.

    Понял. Значит нужно править шаблон. Спасибо!

    Всё что-то не получается… В CSS стилях прописано:

     .col-md-4 {
        width: 33.33333333%;
      }

    Увеличиваю-уменьшаю значение — статья становится уже или ширине. Прописываю float:left/none — не помогает.
    Удалил в HTML коде все дивы и классы — всё ровно всё остается как было ( в колонку ). Как такое может быть? …

    Всё, что связано с этим блоком — убрал везде float:left — не помогло.

    #from-blog{
    	background-color: #F6F6F6;
    	display: inline;
    	padding: 70px 0;
    	float: left;
    	width: 100%;
    }
    .from-blog-area{
    	display: inline;
    	float: left;
    	width: 100%;
    }
    .from-blog-content {
    	display: inline;
    	float: left;
    	margin-top: 60px;
    	width: 100%;
    }
    .single-from-blog {
    	background-color: #fff;
    	display: inline;
    	float: left;
    	width: 100%;
    }
    .single-from-blog figure{
    	display: inline;
    	float: left;
    	width: 100%;
    }
    .single-from-blog figure img{
    	width: 100%;
    }
    .single-from-blog .blog-title {
    	display: inline;
    	float: left;
    	padding: 20px;
    	width: 100%;
    }
    .single-from-blog .blog-title h2 {
    	color: #3e3e3e;
    	font-size: 28px;
    	padding-bottom: 0;
    	-webkit-transition: all 0.5s;
    	-moz-transition: all 0.5s;
    	-ms-transition: all 0.5s;
    	-o-transition: all 0.5s;
    	transition: all 0.5s;
    }
    .single-from-blog .blog-title h2 a {  
    	-webkit-transition: all 0.5s;
    	-moz-transition: all 0.5s;
    	-ms-transition: all 0.5s;
    	-o-transition: all 0.5s;
    	transition: all 0.5s;
    }
    .single-from-blog .blog-title h2 a:hover,
    .single-from-blog .blog-title h2 a:focus{	
    	text-decoration: none;
    	outline: none;
    }
    .single-from-blog .blog-title p{
    	color: #7c7c7c;
    	font-size: 13px;
    	font-style: italic;
    }
    .single-from-blog > p {
    	color: #757575;
    	padding: 20px 20px 10px;
    }
    .single-from-blog .blog-footer {
    	display: inline;
    	float: left;
    	padding: 0 20px 20px;
    	width: 100%;
    }
    .single-from-blog .blog-footer a {
    	color: #818181;
    	font-size: 14px;
    	margin-right: 35px;
    	-webkit-transition: all 0.5s;
    	-moz-transition: all 0.5s;
    	-ms-transition: all 0.5s;
    	-o-transition: all 0.5s;
    	transition: all 0.5s;
    }
    .single-from-blog .blog-footer a:hover,
    .single-from-blog .blog-footer a:focus {
    	text-decoration: none;
    	outline: none;	
    }
    .single-from-blog .blog-footer a span {
    	border: 1px solid;
    	border-radius: 50%;
    	display: inline-block;
    	line-height: 14px;
    	margin-right: 3px;
    	padding: 4px 5px;
    }
    

    С этого куска кода были убраны все float:left. В классе row — ничего нет.

    • Ответ изменён 7 лет, 5 месяцев назад пользователем Acme1994.
Просмотр 7 ответов — с 16 по 22 (всего 22)
  • Тема «$my_query->have_posts — выстроить посты в ряд» закрыта для новых ответов.