Wordpress

WP: Página de Arquivos Personalizada

Uma página de arquivos (veja exemplo) é sempre bom quando você possui um blog com bastante conteúdo. São dezenas de posts e muitos caem no esquecimento e aquele post que você amou tanto escrever foi para o fundo do baú. Eu tive este problema. Por isso resolvi fazer o tutorial para ajudar quem está numa mesma situação que eu estive.

Crie uma página em PHP com o nome arquivos-blog.php (ou qualquer outros que você queria) com o conteúdo abaixo. Esta será a página que você terá dentro da pasta do seu Tema atual.

<?php
/*
Template Name: Arquivos do blog
*/
?>

<?php get_header(); ?>

  <section class="coluna-dos-posts">
   

                        <header>
                          <h1><?php the_title(''); ?></h1>
                        </header>

                        <article>
                            
                            <h2>&Uacute;ltimos 20 posts</h2>
                              <div class="lista-das-colunas">
                                    <ul>
                                      <?php $lastposts = get_posts('numberposts=20&offset=1');foreach($lastposts as $post) : setup_postdata($post);?>
                                        <li><a href="<?php bloginfo('home'); ?>/?p=<?php the_ID(); ?>" title="Em <?php the_time('d.m.y') ?>, por <?php the_author(); ?>"><?php the_title(''); ?></a></li>
                                      <?php endforeach; ?>
                                    </ul>
                              </div><!--fim lista-->


                            <h2>Por m&ecirc;s</h2>
                              <div class="lista-das-colunas">
                                <ul>
                                    <?php
                                      $args=array(
                                        'title_li' => __( '&nbsp;' ),
                                        'type' => 'monthly',
                                        //'limit' => 0,
                                      );
                                      wp_get_archives($args);
                                    ?>
                                </ul>
                              </div>


                            <h2>Por ano</h2>
                              <div class="lista-das-colunas">
                                <ul>
                                    <?php
                                      $args=array(
                                        'title_li' => __( '&nbsp;' ),
                                        'type' => 'yearly',
                                        //'limit' => 0,
                                      );
                                      wp_get_archives($args);
                                    ?>
                                </ul>
                              </div>



                            <h2>Por categoria</h2>
                              <div class="lista-das-colunas">
                                <ul>
                                    <?php wp_list_categories('title_li='); ?>
                                </ul>
                              </div>


                            <h2>Por tag</h2>
                            <?php wp_tag_cloud('smallest=8&largest=16&separator=, &order=ASC'); ?>


                        </article><!--fim artigo-->

    	
</section><!--fim col-posts-->

<?php get_sidebar(); ?>
<?php get_footer(); ?>

Ao contrário do tutorial antigo, não precisa-se fazer diversas alterações na programação do WordPress. Os códigos acima se comportam perfeitamente. Só basta colocar um CSS fofo para eles fiarem mais arrumadinhas e em duas colunas (ou três, você que escolhe).

/*lista sidebar*/
.lista-das-colunas ul {margin: 0; padding: 0; list-style: none;}
.lista-das-colunas ul li {margin: 0; padding: 1px 0; list-style: none;}
.lista-das-colunas ul li a {color: #8bbac2; font-style: italic; text-decoration: none; text-indent: 12px; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; float: left; width: 50%;}
.item-aside .area-util ul li a:hover, .item-aside .area-util div li a:hover, .lista-qualquer ul li a:hover {text-indent: 14px; color: #e9a5a0}

  /*impedindo que se sobrepoe*/
  .lista-das-colunas ul:before, .lista-qualquer ul:after {display: table; content: " ";}
  .lista-das-colunas ul:after {clear: both; margin-bottom: 20px;}

Para finalizar salve o arquivo dentro do seu tema atual. Mande por FTP na pasta do tema, vá no seu painel de controle, clique em "Pages" » "Add New", crie um nome para sua página e deixe o espaço do conteúdo da página em branco — o arquivo que você acabou de mandar irá fazer este papel. Em seguida, vá em Attributes que fica abaixo e em "Template", mude Default Template para Arquivos do Blog e sua página de arquivos já está prontinha e no ar. :D


Comentários

Atenção: Não é possível realizar novos comentários nesta página pois ela será descontinuada em breve, assim como todos os outros tutoriais da sessão Extras.
  • Giulianna

    ATE QUE ENFIM JESUS
    eu achei um tutorial disso que me ajudou direito hahah não sei porque mas isso sempre foi super complicado de fazer pra mim x.x
    abençoada seja a aninha! haha

  • Luanna

    Ana, o fundo da minha página ficou transparente. Você sabe por que? Obrigada!!

    • Aninha

      @Luanna, perdoemos pela ultima resposta. Eu enfeito outra coisa kkkkk agora que fui ver ali no cantinho do painel de controle q vc perguntou sobre a página de arquivos, haha.

      Bom Lu, acho que vc deve ter esquecido a div. principal que engloba o seu blog. Vc precisa seguir a mesma lógica q vc fez no arquivo page.php e nas demais páginas de single.php, índex.php e etc.

      Caso não de certo, me envie por email ([email protected]br) um arquivo original de seu tema e o seu novo arquivo da página de arquivos q deu problema que posso te ajudar! :)

  • Amanda Almeida

    Oi Ana,
    Obrigada pela dica ajudou muito. Coloquei a tag article dentro de uma class e ficou certinho agora. Obrigada pela ajuda.
    Abraços,
    Amanda

  • Amanda Almeida

    Oi Ana, você poderia me tirar uma dúvida. Eu fiz a pagina de arquivo, exatamente como você disse e deu tudo certo, mas a pagina não tem fundo. Tentei utilizar o seguinte código:

    #content.article {margin-bottom: 10px; padding: 15px 20px; line-height: 1.5em; text-align:justify; background-color: #fff;}

    mas não deu certo. Como eu poderia colocar o fundo na pagina? Obrigada desde já.
    Atenciosamente,
    Amanda Almeida

    • Aninha

      @Amanda Almeida, você precisa se basear no index.php do seu tema. Talvez você esqueceu de alguma div a mais. Segue a mesma ordem de seus outros arquivos do tema, principalmente nas divs usadas para área de post. Se o erro persistir me mande um e-mail que posso te ajudar :)

      Beijos!

  • Gabi

    Só por Deus, nem pensei nessa possibilidade AOEUOA Mas sim, é isso! Não usei ainda todas as categorias 😜 Obrigada!

  • Gabi

    Ana, é normal não aparecer todas as categorias? Eu estou tentando listar todas na página de arquivos, mas não consigo (apenas 4 aparecem). Tentei usar a opção include e show_option_all, mas não dá certo :/

    • Aninha

      @Gabi, em seu blog há pelo menos 1 post para cada categoria cadastrada? Normalmente isso acontece quando não se usou ainda todas as categorias cadastradas no WP. Quando uma categoria ainda não foi usada ela fica oculta nos arquivos até entrar em atividade através de um post. ;D

  • Amanda Almeida

    Oi Ana, tudo bem?
    Gostei muito desse tuto. O outro tuto eu nunca conseguia deixar ele certinho, mas acho que foi pelo que você disse, a versão do meu wp estava em conflito. Obrigada por disponibilizar, vou utilizar no meu novo tema.
    Abraços,
    Amanda Almeida

ir ao topo