Exibir na home de post com imagem destacada e sem imagem destacada

  • Resolvido Luis Fernando Mangia

    (@luis-fernando-mangia)


    8 anos, 10 meses atrás

    Bom dia a todos.

    Estou com um projeto no qual vai aparecer na home do blog os posts, porem vai ter dois tipos de post: um que aparece um resumo do post e outra quando tiver foto de capa, vai aparecer a foto de capa. Pesquisei e não cheguei a um modo de fazer isso. Alguém pode dar um help de como posso fazer este loop?

    Estou postando o loop que estou usando, que só aparece o texto.

    <div class="container-fluid">
  <div class="row">
<?php
 query_posts('posts_per_page=3&cat=5');
  if ( have_posts() ) while ( have_posts() ) : the_post();?>
  <div class="col-lg-4 col-md-4 col-xs-12 perfil-profissional content-caption">
<!--     <div><?php the_post_thumbnail(); ?></div> -->
  	<h2><a href="<?php the_permalink(); ?>"><?php the_title(); /*3*/ ?></a></h2>
  		<p><a href="<?php the_permalink(); ?>"><?php the_excerpt(); ?></a></p>
    	<a href="<?php the_permalink(); ?>"><div class="caption">
        <div class="data-post">
          <?php the_time('m.d') ?>
        </div></a>
      </div>
  </div>
  <?php endwhile; ?>

  </div>
</div>

    sei que esta errado, mas esta é uma base que estou usando.

    Também vou postar uma imagem, demostrativa.

    Link da imagem de exemplo

    Obrigado desde já.

Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • italoborges

    (@italoborges)

    8 anos, 10 meses atrás

    Fala, Luis, blza?

    Sou iniciante ainda no WordPress, mas estou estudando justamente essa parte. No meu caso, o que resolveu foi essa feature aqui:

    https://codex.wordpress.org/Post_Thumbnails

    Você setando um thumbnail para o seu post através do Featured Image, você consegue verificar se há imagem ou não:

    if ( has_post_thumbnail() ) {
	the_post_thumbnail();
}
    italoborges

    (@italoborges)

    8 anos, 10 meses atrás

    Há, e se me permite, eu estudei alguns artigos para aprofundar mais no assunto de imagens responsivas, e este artigo aqui me ajudou muito para entender como servir as imagens certas para os diversos tipos de resoluções, densidades e arte:

    https://mattwilcox.net/web-development/keeping-srcset-and-sizes-under-control

    Criador do tópico Luis Fernando Mangia

    (@luis-fernando-mangia)

    8 anos, 10 meses atrás

    Eu tentei isso

    <?php 

if ( has_post_thumbnail()) { ?>
    <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
<?php } else { ?>
    <p><a href="<?php the_permalink(); ?>"><?php the_excerpt(); ?></a></p>
<?php } ?>

    Mas só retorna o primeiro post com imagem, somente.

    Criador do tópico Luis Fernando Mangia

    (@luis-fernando-mangia)

    8 anos, 10 meses atrás

    Eu tentei isso

    <?php 

if ( has_post_thumbnail()) { ?>
    <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
<?php } else { ?>
    <p><a href="<?php the_permalink(); ?>"><?php the_excerpt(); ?></a></p>
<?php } ?>

    Mas só retorna o primeiro post com imagem, somente.

    Criador do tópico Luis Fernando Mangia

    (@luis-fernando-mangia)

    8 anos, 9 meses atrás

    Problema resolvido, segue o código correto

    LINK -> http://goo.gl/E9lbY2

    <div id="" class="container-fluid">
  <div class="row">
<?php
$args = array(
    'category' => '4',
    'posts_per_page' => '3'
);
$query = new WP_Query( $args );
?>
<?php while ( $query->have_posts() ) : $query->the_post(); ?>
<?php if ( has_post_thumbnail()) { ?>

        <div class="col-lg-4 col-md-4 col-xs-12 perfil-profissional content-caption">
     <div class="box-post" <?php thumbnail_bg( 'full' ); ?>></div>
      <a href="<?php the_permalink(); ?>"><div class="caption">
        <div class="data-post">
          <?php the_time('m.d') ?>
        </div></a>
      </div>
  </div>

  <?php } else { ?>
      <div class="col-lg-4 col-md-4 col-xs-12 perfil-profissional content-caption">
      <h2><a href="<?php the_permalink(); ?>"><?php the_title();?></a></h2>
      <p><a href="<?php the_permalink(); ?>"><?php the_excerpt(); ?></a></p>
      <a href="<?php the_permalink(); ?>"><div class="caption">
        <div class="data-post">
          <?php the_time('m.d') ?>
        </div></a>
      </div>
  </div>
<?php } ?>
<?php endwhile; ?>
<?php wp_reset_postdata(); ?>
 </div>
</div>
Visualizando 5 respostas - 1 até 5 (de um total de 5)
  • O tópico ‘Exibir na home de post com imagem destacada e sem imagem destacada’ está fechado para novas respostas.