1
resposta

Problemas de formatação da página

Executei o exercício como na aula porém o resultado que obtive foi diferente. Minha página não ficou formatada como no vídeo.

As imagens ficaram fora de formato uma por cima da outra. O que pode ter ocorrido?

Segue código:

<?php $estiloPagina = 'destinos.css'; require_once 'header.php';

$args = array('post_type' => 'destinos' ); $query = new WP_Query($args); if ($query->have_posts()): echo '

'; echo '
  • '; while($query->have_posts()): $query->the_post(); echo '
  • '; the_post_thumbnail(); the_title('

    ','

    '); the_content(); echo '
  • '; endwhile; echo '
'; echo ''; endif; require_once 'footer.php';
1 resposta

Olá, Rafael. Tudo bem?

No caso não teria que ficar assim o código?

<?php
$estiloPagina = 'destinos.css';
require_once 'header.php';

$args = array('post_type' => 'destinos' );
$query = new WP_Query($args);
if ($query->have_posts()):
    echo '<main class="page-destinos">';
    echo '<ul class="lista-destinos container-alura">';
    while($query->have_posts()): $query->the_post();
        echo '<li class="col-md-3 destinos" >';
        the_post_thumbnail();
        the_title('<p class="titulo-destino">','</p>');
        the_content();
        echo '</li>';
    endwhile;
    echo '</ul>';
    echo '</main>';
endif;
require_once 'footer.php';

Com os estilos css, com as tags: <main>, <ul>, <li> e <p> ?