1

Bom dia a todos, Tenho um site que estou mexendo onde na home tem um slide de posts, onde grande aparece o post em destaque e ao lado direito 3 posts pequenos. Meu problema é que na coluna dos 3 posts, aparece também o post em destaque, ou seja, além dele grande na coluna a esquerda, ele aparece pequeno na coluna a direita. Como posso fazer com que ele não mostre esse mesmo post? Na verdade, oss post em destaque é o último post inserido pelo meu cliente.

Segue o código:

<div class="featured-posts-wrap">
            <div class="row">
                <div class="col-9 nopadding">
                    <div class="blog-title">
                        <h2>notícias/</h2>
                    </div>
                    <div id="latest-posts">
                        <div class="tab-container">
                        <?php
                            $displayposts = new WP_Query();
                            $displayposts->query('posts_per_page=3');
                            while ($displayposts->have_posts()) : $displayposts->the_post();
                            $tab_number = $displayposts->current_post + 1;            
                        ?>
                        <div id="tab<?php echo $tab_number;?>"class="tab_content">
                            <div class="post clearfix">
                                <?php if ( has_post_thumbnail() ) { ?>
                                <div class="post-image">
                                    <?php the_post_thumbnail(); ?>
                                </div>
                                <?php } ?>
                                <div class="meta-wrap">
                                    <div class="author-wrap"><p><?php the_category(', '); ?></p></div>
                                </div>

                                <div class="post-content">
                                    <div class="post-title">
                                        <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                                    </div>
                                    <div class="read-wrap"><a href="<?php the_permalink(); ?>">Leia mais</a></div>
                                </div>
                            </div>
                        </div>
                        <?php endwhile; ?>
                        </div>
                        <ul class="nav tabs">
                            <?php
                                while ($displayposts->have_posts()) : $displayposts->the_post();
                                $tab_number = $displayposts->current_post + 1;
                            ?>
                            <li>
                                <div class="meta-wrap">
                                    <div class="author-wrap"><p><?php the_category(', '); ?></p></div>
                                </div>
                                <h2><a href="javascript:void(0);" id="link<?php echo $tab_number;?>"><?php the_title(); ?></a></h2>
                                <div class="read-wrap"><a href="<?php the_permalink(); ?>">Leia mais</a></div>
                            </li>
                            <?php endwhile; ?>
                        </ul>
                    </div>

                </div>

Segue a imagem desse bloco para o seu entendimento:

inserir a descrição da imagem aqui

Desde já agradeço a todos pela atenção!!

1 Resposta 1

0

Teste o seguinte código, é a forma mais simples e eficaz de usar multiplos loops dentro do WP:

<div id="latest-posts">
    <div class="tab-container">
                    <?php
                        $featuredPostArgs = array(
                            'posts_per_page' => 1
                        );
                        $featuredPost = new WP_Query($featuredPostArgs);
                        while ($featuredPost->have_posts()) : $featuredPost->the_post();
                        $tab_number = $featuredPost->current_post + 1;            
                    ?>
                    <div id="tab<?php echo $tab_number;?>" class="tab_content">
                        <div class="post clearfix">
                            <?php if ( has_post_thumbnail() ) { ?>
                            <div class="post-image">
                                <?php the_post_thumbnail(); ?>
                            </div>
                            <?php } ?>
                            <div class="meta-wrap">
                                <div class="author-wrap"><p><?php the_category(', '); ?></p></div>
                            </div>

                            <div class="post-content">
                                <div class="post-title">
                                    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
                                </div>
                                <div class="read-wrap"><a href="<?php the_permalink(); ?>">Leia mais</a></div>
                            </div>
                        </div>
                    </div>
                    <?php endwhile; wp_reset_postdata(); ?> 
                </div>
                <ul class="nav tabs">
                    <?php
                        $featuredPostsArgs = array(
                            'posts_per_page' => 3,
                            'offset' => -1
                        );
                        $featuredPosts = new WP_Query($featuredPostsArgs);
                        while ($featuredPosts->have_posts()) : $featuredPosts->the_post();
                        $tab_number = $featuredPosts->current_post + 1;            
                    ?>
                    <li>
                        <div class="meta-wrap">
                            <div class="author-wrap"><p><?php the_category(', '); ?></p></div>
                        </div>
                        <h2><a href="javascript:void(0);" id="link<?php echo $tab_number;?>"><?php the_title(); ?></a></h2>
                        <div class="read-wrap"><a href="<?php the_permalink(); ?>">Leia mais</a></div>
                    </li>
                    <?php endwhile; wp_reset_postdata(); ?> 
                </ul>
            </div>

Eu testei do meu lado e está a funcionar, confirme se está a funcionar ai também :)

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .