Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como criar uma página de arquivos personalizados no WordPress

A criação de uma página de arquivos personalizada no WordPress pode melhorar significativamente a navegação e a capacidade de descoberta do conteúdo do seu site.

No WPBeginner, implementamos nossa própria página de arquivos personalizada para ajudar os leitores a acessar facilmente nossa extensa coleção de publicações e tutoriais do blog.

Uma página de arquivos bem projetada pode melhorar a experiência do usuário, aumentar o envolvimento e até mesmo ajudar no SEO, fornecendo uma estrutura clara do site. Ela é útil para sites ricos em conteúdo, blogs e revistas on-line em que os visitantes podem querer se aprofundar em tópicos específicos.

Neste artigo, mostraremos como você pode criar uma página de arquivos personalizada no WordPress.

How to create a custom archives page in WordPress

Por que criar uma página de arquivos personalizados no WordPress?

Uma página de arquivos tem como objetivo exibir uma lista cronológica de suas postagens anteriores, facilitando aos visitantes a exploração de seu conteúdo com base nas datas de publicação.

Se você é um blogueiro, é imprescindível ter uma página de arquivos. Ela oferece uma maneira conveniente de os usuários acessarem publicações mais antigas sem ter de percorrer todo o blog.

Talvez você queira criar uma página de arquivos personalizada se o seu tema atual não tiver um modelo de página de arquivos. Mesmo que tenha, talvez você ainda queira personalizá-lo de acordo com suas necessidades.

No WPBeginner, usamos uma página de arquivos personalizada que apresenta um botão que leva os usuários à nossa coleção de guias do WPBeginner. Dessa forma, os novos leitores podem simplesmente clicar nele para ver nossos melhores recursos de guia.

Também organizamos todas as publicações do nosso blog em anos e meses para que os leitores possam ver facilmente quais artigos foram publicados em um determinado período.

The WPBeginner custom archive

Aqui, também adicionamos as categorias e tags do nosso site à página de arquivo personalizada.

Dessa forma, os visitantes podem encontrar facilmente publicações mais antigas que possam interessá-los. Se você fizer isso em seu próprio blog, terá mais chances de aumentar as visualizações de página e reduzir a taxa de rejeição.

The WPBeginner custom archive

Com isso em mente, vamos ver como você pode criar uma página de arquivos personalizada no WordPress, independentemente do tema que estiver usando.

Basta usar os links rápidos abaixo para ir direto ao método que você deseja usar.

Método 1: Criar um modelo de arquivos personalizados usando o Block Editor (sem plug-in)

Se você estiver usando um tema de bloco, o editor de site completo facilita a criação de um modelo de página de arquivos personalizado.

Esse método não funciona com todos os temas, portanto, se você não estiver usando um tema WordPress baseado em blocos, recomendamos usar um construtor de páginas.

Para começar, basta criar uma nova página ou abrir uma página existente que você deseja usar como arquivo. No menu à direita, clique na guia “Página” e selecione o link ao lado de “Modelo”. O texto exato do link pode variar de acordo com o modelo que você está usando no momento.

How to create a new custom archives template

Uma janela pop-up será exibida com seu modelo atual.

Basta clicar no ícone “New Template” (Novo modelo).

Creating a custom archives template

Na janela pop-up, digite um nome para o modelo de página personalizado. O nome do modelo é apenas para sua referência, portanto, você pode usar o que quiser.

Em seguida, clique em “Create” (Criar) para iniciar o editor de modelos.

Naming a WordPress custom archive template

O editor de modelos funciona de forma semelhante ao editor de blocos padrão do WordPress.

Para adicionar blocos à sua página de arquivos personalizados, basta clicar no botão azul “+”. Em seguida, você pode arrastar e soltar para adicionar blocos ao seu layout.

Adding blocks to the full site editor

Como estamos criando uma página de arquivos personalizada, você geralmente deseja começar adicionando um bloco Archives. Esse bloco do WordPress permite que os visitantes explorem suas postagens com base no ano, mês, semana ou dia.

Por exemplo, a imagem a seguir mostra um bloco Archives em que as postagens são organizadas em arquivos mensais.

How to add an archives block to a custom template

Ao clicar em qualquer um desses links, o visitante será levado a uma nova página que mostra todas as postagens publicadas durante esse período.

Para adicionar um bloco Archives, basta localizá-lo no menu à esquerda e arrastá-lo para o layout. Depois de adicionar qualquer bloco, é uma boa ideia dar uma olhada em suas configurações no menu à direita.

Configuring the archives WordPress block

Para começar, talvez você queira alterar a forma como as postagens são organizadas abrindo o menu suspenso “Group by” (Agrupar por) e escolhendo uma opção na lista.

Por exemplo, se você tiver apenas um pequeno número de postagens, talvez faça sentido mostrá-las por dia.

No entanto, se você tiver muito conteúdo, normalmente vai querer escolher “Month” (Mês) ou até mesmo “Year” (Ano) para não sobrecarregar os visitantes com uma lista longa.

Grouping archived posts by date

Por padrão, o WordPress mostra as postagens arquivadas em uma lista de marcadores, mas você também pode apresentá-las como um menu suspenso.

Isso pode ser útil se você tiver um espaço muito pequeno e precisar criar um arquivo compacto. Para mudar para um formato suspenso, basta clicar no controle deslizante “Exibir como suspenso” para ativá-lo.

Displaying posts as a dropdown menu

O bloco Archive também pode mostrar o número total de postagens ao lado de cada título.

Isso pode ajudar os visitantes a decidir qual parte do arquivo eles querem ver primeiro.

Creating a custom archive page in WordPress

Talvez você também queira adicionar um arquivo de categorias para que os visitantes possam explorar suas postagens com base no conteúdo e não apenas na data. Isso pode ajudar os visitantes a encontrar conteúdo interessante, o que os manterá em seu site por mais tempo e melhorará o SEO do WordPress.

Para adicionar esse bloco, basta clicar no botão azul “+” e digitar “Categories List”. Quando o bloco correto for exibido, adicione-o ao seu layout arrastando e soltando.

Adding a Categories List to a custom archives page

Mais uma vez, talvez você queira fazer algumas alterações nas configurações do bloco.

Semelhante ao bloco Archives, você pode adicionar uma contagem de publicações à lista ou mostrar as categorias como um menu suspenso em vez de uma lista de marcadores.

Por padrão, esse bloco mostra todas as categorias e subcategorias exatamente da mesma forma.

A list of categories and subcategories on a custom archives page

Você pode preferir mostrar as categorias secundárias recuadas abaixo da categoria principal.

Para fazer essa alteração, basta clicar para ativar o botão de alternância “Mostrar hierarquia”.

Showing indented subcategories on a custom WordPress archive

Outra opção é ocultar completamente as categorias secundárias ativando a opção “Mostrar somente categorias de nível superior”.

Talvez você também queira adicionar uma nuvem de tags, que pode ajudar os visitantes a encontrar conteúdo interessante relacionado. Para fazer isso, basta localizar “Nuvem de tags” no menu à esquerda e arrastá-la para o layout.

Adding a tag cloud to the archive page

Agora você pode selecionar o bloco e configurá-lo usando as configurações no menu à direita.

Para começar, a nuvem de tags tem dois estilos: Padrão e Contorno. Você pode alternar entre eles clicando no ícone do pequeno círculo e escolhendo uma das opções em “Styles” (Estilos).

Adding a tag cloud to a custom archives page

Você também pode usar a exibição do número total de publicações ao lado de cada tag e alterar o número de tags incluídas na nuvem.

Basta clicar no pequeno ícone de engrenagem e fazer as alterações nessa seção.

Changing the tag cloud settings

Apesar do nome, você também pode mostrar categorias na Tag Cloud. Por exemplo, você pode preferir o estilo do bloco Tag Cloud em comparação com o bloco Categories.

Para mostrar as categorias do seu site, basta abrir o menu suspenso “Taxonomia” e escolher “Categorias”.

Showing categories in a tag cloud

Os arquivos são projetados para oferecer aos visitantes acesso fácil a todo o seu conteúdo.

No entanto, talvez você também queira destacar as postagens mais recentes do seu site adicionando um bloco Latest Posts.

Showing a list of latest posts

Por padrão, esse bloco mostra apenas o título de cada post, mas você pode adicionar o autor, a data de publicação e a imagem em destaque.

Basta usar os botões de alternância no menu à direita para fazer essas alterações.

Showing your most recent posts on the archive page

Talvez você também queira mostrar o trecho da postagem, o que pode ajudar os visitantes a entender sobre o que se trata cada postagem.

Para adicionar os trechos, clique para ativar o botão de alternância “Post Content” (Publicar conteúdo).

How to show post content and excerpts on the custom archive page

Depois disso, clique para selecionar o botão “Excerto”.

Por padrão, o WordPress mostrará um máximo de 55 palavras no trecho. Para mostrar mais ou menos palavras, basta usar as configurações de “Número máximo de palavras no trecho”.

Depois de fazer isso, vá até a seção “Sorting and filtering” (Classificação e filtragem).

Aqui, você pode ver que o bloco organiza as postagens da mais recente para a mais antiga. Você pode alterar isso abrindo o menu suspenso “Order” (Ordem) e escolhendo uma opção diferente, como “A-Z”.

Organizing the latest posts on your WordPress archive page

Nessa seção, você também pode optar por mostrar publicações de um determinado autor ou categoria.

Por fim, você pode alterar quantas publicações o WordPress mostra no bloco, digitando um novo número na seção “Number of items” (Número de itens) ou arrastando o controle deslizante.

Changing the order of your latest posts

Você pode continuar trabalhando em sua página de arquivo adicionando mais blocos e configurando-os no menu à direita.

Por exemplo, talvez você queira adicionar um bloco de imagem e mostrar um logotipo personalizado ou adicionar uma barra de pesquisa para que os visitantes possam procurar um determinado post.

Quando você estiver satisfeito com a aparência do modelo, clique no botão “Publish” (Publicar) e, em seguida, clique no botão “Save” (Salvar).

A página que você criou anteriormente agora estará usando o novo modelo de arquivo. Você pode atualizar ou publicar a página e, em seguida, visitar o site do WordPress para ver a página de arquivo personalizada em funcionamento.

Para obter mais informações sobre como usar o editor de site completo do WordPress, consulte os seguintes guias:

O editor baseado em blocos permite que você crie uma página de arquivos personalizada simples. No entanto, ele não funciona com todos os temas, e você está limitado aos blocos e ferramentas integrados do WordPress.

Se você quiser criar uma página de arquivos totalmente personalizada que funcione com qualquer tema do WordPress, recomendamos usar um construtor de páginas.

O SeedProd é o melhor construtor de páginas de arrastar e soltar para WordPress. Ele vem com mais de 180 modelos e blocos prontos, incluindo um bloco que mostra todas as postagens do seu site.

Primeiro, você precisa instalar e ativar o SeedProd. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.

Observação: Há uma versão gratuita do SeedProd que permite criar páginas personalizadas se você estiver com um orçamento apertado e apenas começando. No entanto, para este guia, usaremos o SeedProd Pro, pois ele tem muito mais modelos e blocos.

Depois de ativar o plug-in, o SeedProd solicitará sua chave de licença.

Adding the SeedProd license key

Você pode encontrar essas informações em sua conta no site da SeedProd. Depois de inserir a chave, clique no botão “Verify Key” (Verificar chave).

Depois de fazer isso, vá para SeedProd ” Landing Pages e clique no botão “Add New Landing Page” (Adicionar nova página de destino).

Creating a new SeedProd page

Agora você pode escolher um modelo para a página de arquivos personalizados.

Os modelos do SeedProd são organizados em diferentes tipos de campanha, como lead squeeze, modo de manutenção e em breve. Você pode clicar nas guias na parte superior da tela para filtrar os designs com base no tipo de campanha.

SeedProd's professionally-designed templates

Para visualizar qualquer design, basta passar o mouse sobre o modelo.

Em seguida, clique no ícone da lupa que aparece.

Previewing a SeedProd template

Quando encontrar um design que lhe agrade, clique em “Choose This Template” (Escolher este modelo). Estamos usando o “Blank Template” (Modelo em branco), pois ele nos permite começar do zero, mas você pode usar qualquer modelo que desejar.

Em seguida, digite um nome para a página personalizada. O SeedProd criará automaticamente um URL com base no título da página, mas você pode alterar esse URL se quiser.

Quando estiver satisfeito com as informações inseridas, clique no botão “Save and Start Editing the Page” (Salvar e começar a editar a página).

How to create a custom archive using SeedProd

Isso carregará a interface do construtor de páginas SeedProd. É um construtor simples de arrastar e soltar que mostra uma visualização ao vivo de sua página à direita.

Você também verá as configurações de bloco à esquerda.

How to create a custom archive using SeedProd

Para começar, você precisará escolher um layout, que organizará seu conteúdo em colunas.

Na seção “Choose your layout” (Escolha seu layout), basta clicar no layout que deseja usar. Você pode escolher qualquer layout, mas estamos usando o layout de tela cheia em todas as nossas imagens.

Choosing a layout for your custom archive page

Depois de escolher um layout, você pode começar a adicionar blocos à página de arquivos.

O menu à esquerda mostra todos os diferentes blocos que você pode arrastar para o seu design. Como estamos criando uma página de arquivo personalizada, adicionaremos um bloco Posts.

No menu à esquerda, comece a digitar “Posts” na barra de pesquisa. Quando o bloco certo aparecer, arraste-o e solte-o em seu layout.

Adding a 'Posts' block to a custom page using SeedProd

Esse bloco agora mostrará o título de todas as suas postagens.

Ele também tem um link “Continue Reading” (Continuar lendo) no qual os visitantes podem clicar para ler cada postagem na íntegra.

How to add posts to a custom archive page in WordPress

Por padrão, esse bloco mostra todas as suas postagens, mas você pode alterá-lo para mostrar apenas postagens que tenham uma categoria ou tag específica ou postagens publicadas por um autor específico.

Para fazer essa alteração, basta clicar para selecionar o bloco “Posts” em seu layout e, em seguida, usar as configurações no menu à esquerda.

Por exemplo, na imagem a seguir, estamos mostrando apenas publicações da categoria “Marketing”.

Filtering your archive posts based on category

Você também pode alterar a forma como as postagens são organizadas no bloco. Por exemplo, você pode mostrar as postagens com base em quando foram publicadas ou em quantos comentários elas têm.

Para alterar a ordem das postagens, basta rolar até a caixa “Order By” (Ordenar por) e escolher uma nova opção. Por padrão, o SeedProd mostra as mensagens na ordem “ASC”, que significa ascendente.

Para organizar suas postagens em ordem decrescente, basta abrir o menu suspenso “Order” (Ordem) e escolher “DESC”.

Showing posts in descending order

Depois disso, você pode rolar até a seção “Layout” e alterar a forma como a lista de publicações é exibida.

Por exemplo, você pode dividir as postagens em várias colunas digitando um novo número no campo “Columns” (Colunas).

Creating a multiple column archive page

Você também pode alterar o número de postagens incluídas na lista, adicionar ou ocultar os trechos das postagens e alterar o texto “Continue Reading”.

Quando estiver satisfeito com a aparência da lista de publicações, você poderá adicionar mais blocos à sua página de arquivos e personalizar esses blocos usando as configurações no menu à esquerda.

Por exemplo, talvez você queira incentivar as pessoas a segui-lo nas mídias sociais adicionando um bloco “Social Profiles” (Perfis sociais).

Adding social profiles to a custom page

Quando estiver satisfeito com a configuração da página, é hora de publicá-la, clicando na seta suspensa ao lado de “Save” (Salvar) e selecionando “Publish” (Publicar).

Sua página personalizada será ativada no front end do seu blog do WordPress.

Publishing your SeedProd custom archive page

Para ajudar os visitantes a encontrar a página de arquivo, você pode adicioná-la ao menu de navegação ou ao rodapé do site.

Saiba mais maneiras de organizar suas postagens no WordPress

Criar uma página de arquivos personalizada é apenas uma maneira de organizar o conteúdo do WordPress. Aqui estão alguns métodos adicionais para ajudar seus leitores a descobrir e navegar em suas postagens com mais eficiência:

Esperamos que este artigo tenha ajudado você a criar uma página de arquivos personalizada no WordPress. Talvez você também queira ler nosso artigo sobre os melhores exemplos de páginas em breve e nossas escolhas de especialistas sobre o melhor plugin de posts relacionados no WordPress.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

79 ComentáriosDeixe uma resposta

  1. Martin

    Great article.

    I have maybe a silly question. Is there any SEO benefit if I have a custom archive page or even archive.php. in the theme folder?

    Or is it the same as creating a new page with url mydomain/archive and listing all my posts and pages based on the categories I want. This is what I would prefer.

    Thank you

    • WPBeginner Support

      Having a custom archive would not give an SEO benefit, it would be personal preference and you can use your second method if you wanted.

      Administrador

  2. Aileen

    Hi–my site is using the Genesis framework an it has a child theme. I tried to implement the page-archive.php, but I skipped the part where I copy the page design from page.php and I’d hope it would work regardless.
    So when I tried implementing this, when I go to my Archive place, it gives an Internal error, ie. 505 and cannot find the page itself.
    How does this work with Genesis?

    • WPBeginner Support

      Adding a custom page template would be the same as with any other theme, it seems like there may be a problem with the code you’re using to create the archive page.

      Administrador

  3. Rahul Lakra

    Firstly, Thank you so much. But I can’t see any sidebar in this page. In normal pages it is visible. I will be so happy if you can help me out to display sidebar here too. Thanks In advance!

    • WPBeginner Support

      For the sidebar, sadly that is theme specific for what needs to be added, if you reach out to your theme’s support they should be able to let you know how they have the sidebars added to the templates.

      Administrador

  4. Vijay Sundaram

    Hi,

    This was a great tutorial. However, the CSS code for the categories does not seem to work. It is shown as a list with categories and subcategories. Where do I embed the code that you have given in the style.css file? What is meant by make it appear inline? It would be great if you could help me resolve this?
    Regards,
    Vijay Sundaram

  5. John Paul

    Is it possible to filter the archive to just one category of a post?

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.