A Página de Arquivos Personalizada é uma ótima maneira de reunir todo seu conteúdo em uma página. Ela permite que você tenha uma página dedicada à listar seus arquivos mensais, arquivos de categoria, arquivos de tags, arquivos de autor, e qualquer outra coisa que você pode queira adicionar. Adicionar uma página de arquivos no WordPress é relativamente simples e mesmo que você seja um iniciante, se seguir as dicas que damos neste tutorial, conseguirá ter uma.
Nós temos uma página de arquivos personalizados para o WordPress 24 Horas. E, neste artigo, vamos mostrar-lhe como criar uma página de arquivos personalizados no WordPress.
O Problema
Por padrão, no WordPress você tem a capacidade de exibir seus arquivos anuais usando widget na barra lateral. Só que isso pode não ficar legal depois de um ano de postagens, ao contrário do que possa parecer no início. Imagine se seu blog tiver apenas 2 anos. Você teria uma pelo menos 24 links na barra lateral. Você também pode adicionar arquivos de categorias, lista de autores, etc. na sua barra lateral. Mas para não comprometer o layout do seu blog WordPress com tantos links na barra lateral, você pode criar uma página para colocar todos estes links. Estamos falando de criar uma página de arquivos personalizada. Não só permite evitar a confusão, mas também oferece aos usuários uma maneira eficiente de navegar pelo seu conteúdo antigo.
Infelizmente, a maioria dos temas para WordPress não vem com uma página de arquivos personalizada. Então, neste artigo, vamos ver o que você precisa para criar uma página de arquivos personalizada para o WordPress.
Nota: Por favor não confunda a página de arquivos personalizada com o template archive.php que vem com a maioria dos temas e é usado para exibir arquivos mensais, de categorias, tags, autores e outros. Nesta página de arquivos personalizada seria uma única página, que trará todo seu conteúdo junto.
Criando um Modelo de Página de Arquivos Personalizada – Template
A primeira coisa a ser feita é criar um modelo de página para sua página de arquivos personalizada. Basta criar um novo arquivo no seu editor de texto (bloco de notas, ou algum editor de códigos) e nomeá-lo como page-archive.php. Em seguida adicione as seguintes linhas de código no topo:
<?php /* Template Name: Arquivos */ ?>
Agora, faça upload do arquivo page-archive.php para a pasta do tema do seu WordPress e você já criou um modelo (template) de Página de Arquivos. Agora, precisamos ajustar este modelo ao design do seu site. Copie o conteúdo do seu arquivo page.php localizado na pasta do seu tema e cole-o em page-archive.php.
Abaixo segue um exemplo de como o arquivo page-archive.php poderia ficar:
<?php /* Template Name: Arquivos */ get_header(); ?> <div id="primary" class="site-content"> <div id="content" role="main"> <?php while ( have_posts() ) : the_post(); ?> <h1 class="entry-title"><?php the_title(); ?></h1> <div class="entry-content"> <?php the_content(); ?> /* Funções do Arquivo Personalizado abaixo dessa linha */ /* Funções do Arquivo Personalizado acima dessa linha */ </div><!-- .entry-content --> <?php endwhile; // end of the loop. ?> </div><!-- #content --> </div><!-- #primary --> <?php get_sidebar(); ?> <?php get_footer(); ?>
Criando uma Página de Arquivos Personalizada no WordPress
Agora que você tem o modelo básico de página pronto, precisa criar uma nova página personalizada para seus arquivos no WordPress. Vá até o painel e adicione uma nova página (Páginas > Adicionar Nova). Você pode chamar esta página de Arquivos ou qualquer outro nome que deseje. Na caixa Atributos de Página, clique no menu drop down (select) abaixo de Modelo e selecione Arquivos. Salve e publique a página.
Agora você criou uma página que usa o modelo de página de arquivos, contudo, não vai mostrar qualquer conteúdo. Vamos em frente e adicionar elementos da página de arquivos personalizada, como arquivos anuais, categorias, etc.
Adicionando Arquivos Mensais com o plugin Compact Archives
Se você observar nossa página de arquivos personalizada, vai notar que não estamos usando a listagem de arquivos padrão do WordPress. Em vez disso, preferimos usar um plugin chamado Compact Archives.
Instale e ative o plugin Compact Archives. Depois de ter ativar o plugin adicione o seguinte código no seu modelo de página de arquivos personalizada (page-archives.php):
<p><strong>Por Data</strong></p> <ul> <?php compact_archive($style='block'); ?> </ul>
Ele exibirá seus arquivos mensais mais ou menos assim:
Adicionando uma Lista de todas as Categorias
Categorias resumem os principais tópicos do seu site, além de ser a melhor maneira de organizar o conteúdo. Veja como usamos Categorias vs. Tags. Uma vez que utilizamos as categorias como a principal forma de organizar o conteúdo, é fundamental listar nossos arquivos de categorias. Para otimizar o espaço, vamos apresentar-lhe uma lista embutida.
Primeiro adicione este código no arquivo do seu modelo de página de arquivos:
<p><strong>Por Categoria:</strong></p> <ul class="bycategories"> <?php wp_list_categories('title_li='); ?> </ul> <div class="clear"></div>
Agora podemos estilizar (css) esta lista, para que apareça em linha e melhoremos sua aparência. Adicione o código abaixo no arquivo style.css do seu tema:
ul.bycategories { margin: 0; padding: 0; } ul.bycategories li { list-style: none; list-style-type: none; margin: 0; padding: 0; } ul.bycategories li a { list-style: none; list-style-type: none; margin: 0 20px 15px 0; float: left; background: #eee; color: #464646; padding: 5px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ul.bycategories li a:hover{ text-decoration: none; background: #ff6200; color: #fff; } .clear{clear: both;}
Suas categorias ficarão parecidas com isso:
Explorar? Redirecionar usuários para um post aleatório
Em nossa página de arquivos, temos um botão Explore o WordPress 24 Horas. Este botão redireciona os usuários para um post aleatório. O objetivo é permitir que os usuários naveguem aleatoriamente através de posts. Aprenda como redirecionar os usuários para um post aleatório no WordPress.
Você pode certamente adicionar mais coisas. Antes de darmos uma olhada em algumas das outras coisas que você pode adicionar em sua página de arquivos personalizada, gostaríamos de saber de você já alguma vez fez ou tentou fazer uma página personalizada de arquivos no wordpress. Deixe um comentário abaixo para acrescentarmos mais ideias sobre como tirar o melhor proveito disso. Vamos às outras opções que temos para adicionar à nossa página personalizada de arquivos compactos.
Adicionando uma Tag Cloud
Se você quiser adicionar uma nuvem de tags de suas tags mais populares, adicione o seguinte código:
<p><strong>Nuvem de Tags:</strong></p> <?php wp_tag_cloud(); ?>
A função wp_tag_cloud() vem com um monte de parâmetros para ajustar o número de tags, tamanho máximo e mínimo, etc.
Adicionando uma lista de Páginas
Se quiser adicionar uma lista de todas as páginas do seu site., adicione o seguinte código:
<?php wp_list_pages( 'title_li=' ); ?>
Adicionando uma lista de Autores
Para exibir uma lista de Autores do site, basta adicionar o seguinte código:
<?php wp_list_authors( 'exclude_admin=0&optioncount=1' ); ?>
Adicionar Posts Recentes
Se você quiser exibir uma lista de seus posts mais recentes, sem seguida, adicione o seguinte código:
<?php wp_get_archives('type=postbypost&limit=10'); ?>
Lembre-se, uma página de arquivos personalizada ideal permite que seus usuários naveguem de forma eficiente através do seu conteúdo antigo. Esperamos que este artigo possa ter ajudado de forma objetiva a criar sua própria página de arquivos personalizada para o WordPress. Se tiver dúvidas ou sugestões, por favor, avise-nos deixando um comentário abaixo, pois ele é muito importante para nós.
86 respostas
At the beginning, I was still puzzled. Since I read your article, I have been very impressed. It has provided a lot of innovative ideas for my thesis related to gate.io. Thank u. But I still have some doubts, can you help me? Thanks.
Wow, superb weblog layout! How lengthy have you been blogging for?
you made running a blog look easy. The overall look of your
site is wonderful, as smartly as the content! You can see similar here sklep online
Hello! Do you know if they make any plugins to assist with Search Engine Optimization? I’m
trying to get my site to rank for some targeted keywords but I’m not seeing
very good results. If you know of any please share. Thank you!
I saw similar article here: Backlinks List
mexican border pharmacies shipping to usa: mexico pharmacy – reputable mexican pharmacies online
cheapest online pharmacy india http://indiaph24.store/# buy medicines online in india
indianpharmacy com
http://indiaph24.store/# indian pharmacy
п»їbest mexican online pharmacies [url=http://mexicoph24.life/#]Online Pharmacies in Mexico[/url] mexican rx online
https://indiaph24.store/# indianpharmacy com
medication from mexico pharmacy [url=http://mexicoph24.life/#]mexican drugstore online[/url] mexico drug stores pharmacies
buy cytotec over the counter: purchase cytotec – cytotec pills online
lisinopril brand name [url=http://lisinopril.network/#]price of zestril[/url] generic for prinivil
https://finasteride.store/# order cheap propecia no prescription
purchase cytotec [url=http://cytotec.club/#]cytotec abortion pill[/url] cytotec buy online usa
ciprofloxacin mail online: cipro 500mg best prices – cipro pharmacy
http://cytotec.club/# purchase cytotec
cheapest price for lisinopril india [url=https://lisinopril.network/#]prinivil 40 mg[/url] zestril lisinopril
buy cipro cheap [url=https://ciprofloxacin.tech/#]ciprofloxacin generic[/url] ciprofloxacin order online
http://finasteride.store/# cost cheap propecia online
ciprofloxacin generic: ciprofloxacin 500 mg tablet price – cipro generic
http://lisinopril.network/# lisinopril metoprolol
buying propecia without a prescription [url=http://finasteride.store/#]buying generic propecia without dr prescription[/url] get propecia tablets
http://nolvadex.life/# tamoxifen rash
http://cytotec.club/# buy misoprostol over the counter
buy tamoxifen [url=https://nolvadex.life/#]nolvadex d[/url] tamoxifen premenopausal
buy propecia without prescription: order generic propecia – propecia pills
buy cipro [url=https://ciprofloxacin.tech/#]buy cipro[/url] ciprofloxacin over the counter
http://lisinopril.network/# zestril 5 mg price
http://nolvadex.life/# alternative to tamoxifen
nolvadex 10mg: tamoxifen menopause – tamoxifen citrate
п»їcipro generic [url=https://ciprofloxacin.tech/#]cipro ciprofloxacin[/url] purchase cipro
http://ciprofloxacin.tech/# ciprofloxacin 500 mg tablet price
п»їcipro generic [url=https://ciprofloxacin.tech/#]ciprofloxacin 500mg buy online[/url] buy cipro cheap
Misoprostol 200 mg buy online: Abortion pills online – cytotec online
https://cytotec.club/# cytotec buy online usa
cytotec pills buy online [url=https://cytotec.club/#]purchase cytotec[/url] cytotec online
http://cytotec.club/# buy cytotec over the counter
buy propecia tablets [url=http://finasteride.store/#]cost cheap propecia no prescription[/url] cheap propecia without dr prescription
buy cytotec pills online cheap: buy cytotec over the counter – buy cytotec pills
https://lisinopril.network/# lisinopril medication
nolvadex online [url=http://nolvadex.life/#]tamoxifen for gynecomastia reviews[/url] lexapro and tamoxifen
http://nolvadex.life/# raloxifene vs tamoxifen
cipro generic: cipro pharmacy – cipro
http://lisinopril.network/# price of zestril
buy misoprostol over the counter [url=http://cytotec.club/#]buy cytotec in usa[/url] cytotec pills buy online
buy misoprostol over the counter [url=http://cytotec.club/#]buy cytotec over the counter[/url] buy cytotec over the counter
https://lisinopril.network/# purchase lisinopril 10 mg
buying propecia without rx: cost propecia prices – buying generic propecia pills
Cytotec 200mcg price [url=https://cytotec.club/#]buy cytotec pills[/url] order cytotec online
https://cytotec.club/# buy cytotec online fast delivery
https://ciprofloxacin.tech/# ciprofloxacin generic price
get propecia without dr prescription: cost of cheap propecia without rx – buying cheap propecia without a prescription
lisinopril 10 mg cost [url=https://lisinopril.network/#]purchase lisinopril 10 mg[/url] 40 mg lisinopril for sale
http://cytotec.club/# buy misoprostol over the counter
http://lisinopril.network/# lisinopril 125 mg
lisinopril 40 mg for sale [url=http://lisinopril.network/#]lisinopril 10 mg price in india[/url] lisinopril 5 mg buy online
ciprofloxacin generic price [url=http://ciprofloxacin.tech/#]cipro for sale[/url] buy generic ciprofloxacin
discount zestril: lisinopril 20 mg daily – generic lisinopril 5 mg
Cialis 20mg price in USA: Generic Tadalafil 20mg price – cialis generic
Cialis without a doctor prescription [url=http://cialist.pro/#]buy cialis online[/url] Generic Cialis without a doctor prescription
http://kamagra.win/# buy Kamagra
Kamagra 100mg [url=https://kamagra.win/#]kamagra.win[/url] Kamagra 100mg price
buy cenforce: buy cenforce – cenforce.pro
http://levitrav.store/# Vardenafil price
Purchase Cenforce Online: cenforce for sale – Buy Cenforce 100mg Online
Cheap generic Viagra online [url=http://viagras.online/#]Buy Viagra online cheap[/url] best price for viagra 100mg
http://cialist.pro/# Generic Cialis without a doctor prescription
Levitra tablet price: Buy generic Levitra online – Buy Levitra 20mg online
https://kamagra.win/# cheap kamagra
Levitra 20 mg for sale [url=http://levitrav.store/#]Levitra generic price[/url] Vardenafil online prescription
Viagra tablet online: Cheap Viagra 100mg – Cheap generic Viagra online
https://cialist.pro/# Buy Tadalafil 20mg
Generic Cialis without a doctor prescription [url=https://cialist.pro/#]Generic Cialis without a doctor prescription[/url] buy cialis pill
Buy Tadalafil 10mg: Generic Tadalafil 20mg price – Cialis over the counter
http://cenforce.pro/# Cenforce 100mg tablets for sale
Kamagra 100mg price: kamagra oral jelly – cheap kamagra
Buy Tadalafil 5mg [url=http://cialist.pro/#]buy cialis online[/url] Cheap Cialis
http://viagras.online/# Viagra generic over the counter
cenforce.pro: order cenforce – cheapest cenforce
http://cenforce.pro/# buy cenforce
http://levitrav.store/# Cheap Levitra online
Buy Tadalafil 20mg [url=https://cialist.pro/#]Cialis 20mg price in USA[/url] Cheap Cialis
mexican pharmaceuticals online: buying prescription drugs in mexico – best mexican online pharmacies
canadian online pharmacy no prescription [url=http://pharmworld.store/#]pharm world store[/url] canadian pharmacy coupon code
https://pharmmexico.online/# mexico drug stores pharmacies
online drugs without prescription [url=https://pharmnoprescription.icu/#]canadian rx prescription drugstore[/url] online pharmacies no prescription usa
uk pharmacy no prescription: cheapest pharmacy – canadian online pharmacy no prescription
http://pharmmexico.online/# п»їbest mexican online pharmacies
п»їbest mexican online pharmacies: buying from online mexican pharmacy – reputable mexican pharmacies online
online meds no prescription [url=http://pharmnoprescription.icu/#]buying prescription drugs online from canada[/url] how to get prescription drugs from canada
http://pharmmexico.online/# mexican pharmaceuticals online
india online pharmacy: indianpharmacy com – legitimate online pharmacies india