Пользовательский макет WordPress на странице результатов поиска с начальной загрузкой

Я хотел бы помочь, если это возможно, в следующем вопросе:

Я использую в своей теме Genesis загрузочную сетку и хотел бы отображать результаты поиска с использованием этой сетки.

Я создал search.php со следующим кодом:

<?php
/**
* Search Results Template File
*/
get_header(); ?>
<header>
<h1>Search Results: &quot;<?php echo get_search_query(); ?>&quot;</h1>
<br>
</header>

<?php if ( have_posts() ) :  // results found?>
<?php while ( have_posts() ) : the_post(); ?>

<div class="container-fluid">

<div class="row">

<div class="col-md-3 col-sm-6 col-xs-12">
<div class="gr-infos-container-cliente">
<div class="gr-promo-do-cliente"><?php the_field('tipo_de_promo');?></div>
<div class="gr-img-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><img src="<?php echo get_field('foto_cliente_miniatura');?>" alt="" class="img-responsive center-block"></a></div>
<div class="gr-nome-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a></div>
<div class="gr-tagline-cliente"><?php the_field('tagline_do_anunciante');?></div>
<div class="gr-bairro-do-cliente"><i class="cliente fa fa-map-marker"></i><?php the_field('bairro_do_cliente');?></div>
</div>
</div>

</div> <!-- Row -->

</div> <!-- Container -->

<?php endwhile; ?>

<?php else :  // no results?>
<article>
<h1>No Results Found.</h1>
</article>
<?php endif; ?>
<?php get_footer(); ?>

genesis();

Но в результате поиска контент выравнивается один над другим, а не в выбранной сетке.

Какие советы вы можете дать мне?

Я очень благодарен за любую помощь!

1

Решение

Это связано с тем, что ваш div ‘row’ находится внутри цикла while, в результате чего он генерирует несколько div ‘row’ вместо одного.

Чтобы это исправить, вам нужно поместить цикл while внутри div ‘row’.

Попробуйте код ниже

<?php
/**
* Search Results Template File
*/
get_header(); ?>
<header>
<h1>Search Results: &quot;<?php echo get_search_query(); ?>&quot;</h1>
<br>
</header>

<?php if ( have_posts() ) :  // results found?>
<div class="container-fluid">
<div class="row">
<?php while ( have_posts() ) : the_post(); ?>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="gr-infos-container-cliente">
<div class="gr-promo-do-cliente"><?php the_field('tipo_de_promo');?></div>
<div class="gr-img-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><img src="<?php echo get_field('foto_cliente_miniatura');?>" alt="" class="img-responsive center-block"></a></div>
<div class="gr-nome-cliente"><a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a></div>
<div class="gr-tagline-cliente"><?php the_field('tagline_do_anunciante');?></div>
<div class="gr-bairro-do-cliente"><i class="cliente fa fa-map-marker"></i><?php the_field('bairro_do_cliente');?></div>
</div>
</div>
<?php endwhile; ?>
</div> <!-- Row -->
</div> <!-- Container -->

<?php else :  // no results?>
<article>
<h1>No Results Found.</h1>
</article>
<?php endif; ?>
<?php get_footer(); ?>

genesis();
1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]