Como Personalizar a Exibição de Arquivos do WordPress #32

0
221
Imagem Destacada do Post #32

Você precisa aprender como personalizar a exibição de arquivos do WordPress?

O widget de arquivos padrão do WordPress oferece personalização limitada. Você pode gostar que seus arquivos de postagem usem menos espaço, exibam mais informações ou tenham uma aparência mais atraente.

Neste artigo, mostraremos como personalizar a exibição dos arquivos do WordPress em sua barra lateral.

Por que Personalizar a Exibição de Arquivos do WordPress em sua Barra Lateral?

Seu site WordPress vem com um widget de arquivos que permite exibir links mensais de arquivos de postagem de blog em uma barra lateral.

O widget tem duas opções de personalização: você pode exibir a lista de arquivos como um menu suspenso e pode exibir as contagens de postagens para cada mês.

O widget de arquivos padrão do WordPress

No entanto, você pode querer exibir sua lista de arquivos da barra lateral de forma diferente. Por exemplo, à medida que seu site cresce, a lista padrão pode ficar muito longa ou você pode querer facilitar a navegação de seus visitantes.

Vejamos algumas maneiras de personalizar a exibição dos arquivos do WordPress em sua barra lateral:

Criando Arquivos Compactos

Se sua lista de arquivos ficou muito longa, você pode criar um arquivo compacto que exiba suas postagens usando muito menos espaço.

Você precisará instalar e ativar o plugin Compact Archives que é desenvolvido e mantido pela equipe WPBeginner. 

Após a ativação, você pode adicionar os arquivos compactos a um post, página ou widget usando o bloco ‘WPBeginner’s Compact Archives‘.

O plug-in de arquivos compactos

A lista compacta de arquivos economiza espaço vertical por ser um pouco mais ampla. Isso significa que pode caber melhor em um rodapé ou página de arquivos do que em uma barra lateral.

No entanto, o plugin é bastante configurável e você pode torná-lo mais estreito exibindo apenas a primeira inicial ou um número para cada mês. 

Exibindo Arquivos em um Esboço Recolhível

Outra maneira de lidar com longas listas de arquivos é exibir um esboço recolhível de anos e meses em que você publicou postagens no blog.

Para fazer isso, você precisa instalar e ativar o plug-in Colapsing Archives. Após a ativação, você precisa visitar a página Aparência » Widgets e adicionar o widget ‘Arquivos Compactos‘ à sua barra lateral.

O plug-in de recolhimento dos arquivos

O widget Recolher arquivos usa JavaScript para recolher seu arquivo por ano. Seus usuários podem clicar nos anos para expandi-los e visualizar os arquivos mensais. Você pode até tornar os arquivos mensais recolhíveis e permitir que os usuários vejam os títulos das postagens abaixo.

Veja como fica em nosso site de demonstração.

Visualização de um arquivo recolhido

Limitando o Número de Meses de Arquivamento Exibidos

Uma terceira maneira de impedir que sua lista de arquivos fique muito longa é limitar o número de meses exibidos para, digamos, os últimos seis meses.

Para fazer isso, você terá que adicionar código aos arquivos do seu tema WordPress. 

A primeira etapa é adicionar o seguinte snippet de código ao seu arquivo functions.php, em um plug-in específico do site ou usando um plug-in de snippets de código.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
// Function to get archives list with limited months
function wpb_limit_archives() {
 
$my_archives = wp_get_archives(array(
    'type'=>'monthly',
    'limit'=>6,
    'echo'=>0
));
     
return $my_archives;
 
}
 
// Create a shortcode
add_shortcode('wpb_custom_archives', 'wpb_limit_archives');
 
// Enable shortcode execution in text widget
add_filter('widget_text', 'do_shortcode');

Você pode alterar o número de meses exibido editando o número na linha 6. Por exemplo, se você alterar o número para ’12’, ele exibirá 12 meses de arquivos.

Agora você pode ir para a página Aparência » Widgets e adicionar um widget ‘HTML personalizado’ à sua barra lateral. Depois disso, você deve colar o seguinte código na caixa do widget:

1
2
3
<ul>
[wpb_custom_archives]
</ul>
Adicionando código de acesso a um widget HTML personalizado

Depois de clicar no botão ‘Atualizar’, sua barra lateral exibirá apenas seis meses de arquivos.

Listagem de Arquivos Diariamente, Semanalmente, Mensalmente ou Anualmente

Se você quiser mais controle sobre como seus arquivos são listados, o plug-in Arquivo Anual ajudará. Ele permite que você liste seus arquivos diariamente, semanalmente, mensalmente, anualmente ou em ordem alfabética, e pode agrupar as listas por década.

Comece instalando e ativando o plug-in do Arquivo Anual. Depois disso, você pode ir para a página Aparência » Widgets e arrastar o widget Arquivo Anual para sua barra lateral.

O plug-in de arquivo anual

Você pode dar um título ao widget e selecionar se deseja exibir uma lista de dias, semanas, meses, anos, décadas ou postagens. Você pode rolar para baixo até outras opções para limitar o número de arquivos exibidos, escolher uma opção de classificação e adicionar texto adicional.

Se você navegar para Configurações » Arquivo anual , poderá personalizar ainda mais a lista de arquivos usando CSS personalizado .

Exibindo Arquivos Mensais Organizados por Ano

Certa vez estávamos trabalhando no design do site de um cliente que precisava de arquivos mensais organizados por ano na barra lateral. Isso foi difícil de codificar porque esse cliente só queria mostrar o ano uma vez à esquerda.

Exibindo Arquivos Mensais Organizados por Ano

Conseguimos modificar algum código por Andrew Appleton. O código de Andrew não tinha um parâmetro de limite para os arquivos, então a lista mostraria todos os meses de arquivo. Adicionamos um parâmetro de limite que nos permitia exibir apenas 18 meses a qualquer momento.

O que você precisa fazer é colar o seguinte código no arquivo do seu tema sidebar.phpou em qualquer outro arquivo onde você deseja exibir arquivos personalizados do WordPress:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
global $wpdb;
$limit = 0;
$year_prev = null;
$months = $wpdb->get_results("SELECT DISTINCT MONTH( post_date ) AS month ,  YEAR( post_date ) AS year, COUNT( id ) as post_count FROM $wpdb->posts WHERE post_status = 'publish' and post_date <= now( ) and post_type = 'post' GROUP BY month , year ORDER BY post_date DESC");
foreach($months as $month) :
    $year_current = $month->year;
    if ($year_current != $year_prev){
        if ($year_prev != null){?>
         
        <?php } ?>
     
    <li class="archive-year"><a href="<?php bloginfo('url') ?>/<?php echo $month->year; ?>/"><?php echo $month->year; ?></a></li>
     
    <?php } ?>
    <li><a href="<?php bloginfo('url') ?>/<?php echo $month->year; ?>/<?php echo date("m", mktime(0, 0, 0, $month->month, 1, $month->year)) ?>"><span class="archive-month"><?php echo date_i18n("F", mktime(0, 0, 0, $month->month, 1, $month->year)) ?></span></a></li>
<?php $year_prev = $year_current;
 
if(++$limit >= 18) { break; }
 
endforeach; ?>


Se você quiser alterar o número de meses exibido, precisará editar a linha 19, onde o valor atual de $limit é definido como 18.

Você também pode mostrar a contagem de postagens em cada mês adicionando este pedaço de código em qualquer lugar entre as linhas 12 a 16 do código acima:

<?php echo $month->post_count; ?>


Você precisará usar 
CSS personalizado para exibir a lista de arquivos corretamente em seu site. O CSS que usamos no site do nosso cliente ficou assim:

1
2
3
4
5
6
.widget-archive{padding: 0 0 40px 0; float: left; width: 235px;}
.widget-archive ul {margin: 0;}
.widget-archive li {margin: 0; padding: 0;}
.widget-archive li a{ border-left: 1px solid #d6d7d7; padding: 5px 0 3px 10px; margin: 0 0 0 55px; display: block;}
li.archive-year{float: left; font-family: Helvetica, Arial, san-serif; padding: 5px 0 3px 10px; color:#ed1a1c;}
li.archive-year a{color:#ed1a1c; margin: 0; border: 0px; padding: 0;}

Esperamos que este tutorial tenha ajudado você a aprender como personalizar a exibição dos arquivos do WordPress em sua barra lateral.