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

Resolvido

(@luis-fernando-mangia)

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 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 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 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 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 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.

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

Tags de tópico

Visualizações