Suporte » Desenvolvendo com WordPress » Adicionar imagens no resultados da busca

  • wmelonbr

    (@wmelonbr)


    Adicionar miniaturas no resultados da busca

    Estou precisando acrescentar a imagem do meu post nos resultados de busca e aumentar a quantidade de posts que as pessoas visualizam, que agora está em apenas quatro.

    O código o seguinte:

    <?php
    /**
     * The search template file.
     *
     * @package Betheme
     * @author Muffin group
     * @link http://muffingroup.com
     */
    
    get_header();
    
    $translate['search-title'] = mfn_opts_get('translate') ? mfn_opts_get('translate-search-title','Ooops...') : __('Ooops...','betheme');
    $translate['search-subtitle'] = mfn_opts_get('translate') ? mfn_opts_get('translate-search-subtitle','No results found for:') : __('No results found for:','betheme');
    
    $translate['published'] 	= mfn_opts_get('translate') ? mfn_opts_get('translate-published','Published by') : __('Published by','betheme');
    $translate['at'] 			= mfn_opts_get('translate') ? mfn_opts_get('translate-at','at') : __('at','betheme');
    $translate['readmore'] 		= mfn_opts_get('translate') ? mfn_opts_get('translate-readmore','Read more') : __('Read more','betheme');
    ?>
    
    <div id="Content">
    	<div class="content_wrapper clearfix">
    
    		<!-- .sections_group -->
    		<div class="sections_group" style="width:100% !important;">
    
    			<div class="section">
    				<div class="section_wrapper clearfix">
    
    					<?php if( have_posts() ): ?>
    
    						<div class="column one column_blog">
    							<div class="blog_wrapper isotope_wrapper">
    
    								<div class="posts_group classic">
    									<?php
    										while ( have_posts() ):
    											the_post();
    											?>
    											<div id="post-<?php the_ID(); ?>" <?php post_class( array('post-item', 'clearfix', 'image_wrapper') ); ?>>
    
    												<div class="post-desc-wrapper">
    													<div class="post-desc">
    
    														<?php if( mfn_opts_get( 'blog-meta' ) ): ?>
    															<div class="post-meta clearfix">
    																<div class="author-date">
    																	<span class="author"><span><?php echo $translate['published']; ?> </span><i class="icon-user"></i> <a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>"><?php echo get_the_author_meta( 'display_name' ); ?></a></span>
    																	<span class="date"><span><?php echo $translate['at']; ?> </span><i class="icon-clock"></i> <?php echo get_the_date(); ?></span>
    																</div>
    															</div>
    														<?php the_post_thumbnail( $size, $attr ); ?>
    
    <?php  endif; ?>
    
    														<div class="post-title">
    															<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
    														</div>
    
    														<div class="post-excerpt">
    															<?php the_excerpt(); ?>
    														</div>
    
    														<div class="post-footer">
    															<div class="post-links">
    																<i class="icon-doc-text"></i> <a href="<?php the_permalink(); ?>" class="post-more"><?php echo $translate['readmore']; ?></a>
    															</div>
    														</div>
    
    													</div>
    												</div>
    											</div>
    											<?php
    										endwhile;
    									?>
    								</div>
    
    								<?php
    									// pagination
    									if(function_exists( 'mfn_pagination' )):
    										echo mfn_pagination();
    									else:
    										?>
    											<div class="nav-next"><?php next_posts_link(__('&larr; Older Entries', 'betheme')) ?></div>
    											<div class="nav-previous"><?php previous_posts_link(__('Newer Entries &rarr;', 'betheme')) ?></div>
    										<?php
    									endif;
    								?>
    
    							</div>
    						</div>
    
    					<?php else: ?>
    
    						<div class="column one search-not-found">
    
    							<div class="snf-pic">
    								<i class="themecolor <?php mfn_opts_show( 'error404-icon', 'icon-traffic-cone' ); ?>"></i>
    							</div>
    
    							<div class="snf-desc">
    								<h2><?php echo $translate['search-title']; ?></h2>
    								<h4><?php echo $translate['search-subtitle'] .' '. esc_html( $_GET['s'] ); ?></h4>
    							</div>	
    
    						</div>	
    
    					<?php endif; ?>
    
    				</div>
    			</div>
    
    		</div>
    
    	</div>
    </div>
    
    <?php get_footer(); ?>

    E estou usando o css:

    .search .post {float: center; width: 185px; border: none; margin: 15px; }
    .search .post image_wrapper {width: 185px; height: 185px; border: none; }
    .navigation .search {clear: both; }

    A unica coisa que consegui até agora é ter separação de colunas, mas preciso das imagens e mais posts.

    podem me ajudar?

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • Troque o
    <?php the_post_thumbnail( $size, $attr ); ?>

    Para:
    <?php the_post_thumbnail(); ?>

    Ou especifique um tamanho para o mesmo:
    <?php the_post_thumbnail( 'large' ); ?>

    Criador do tópico wmelonbr

    (@wmelonbr)

    O resultado apareceu, mas as imagens em destaque não…
    Você também também como eu aumento a quantidade de exibição no resultado?

    Criador do tópico wmelonbr

    (@wmelonbr)

    A minha classe de imagem é class=”image_frame post-photo-wrapper scale-with-grid” só que não consigo fazer ele aparecer

    A quantidade de posts você altera nas configurações do painel de administração, se não me engano na seção Configurações > Leitura.

    Se tiver imagem associada ao post, a função the_post_thumbnail() imprime, da uma checada nos seus posts para ver se está tudo ok.

    Para incluir classes personalizadas você pode utilizar algo do tipo:

    the_post_thumbnail( 'thumbnail', array( 'class' => 'classe-personalizada' ) );

Visualizando 4 respostas - 1 até 4 (de um total de 4)
  • O tópico ‘Adicionar imagens no resultados da busca’ está fechado para novas respostas.