Wordpress Avançado

Como adicionar um sidebar widgets em um tema WordPress

Post de como adicionar um sidebar widgets em um tema do Wordpress e de como fazer a chamada dos widgets nos arquivos do tema.

Para register os sidebars no seu tema é bem simples, primeiro teremos que editar o arquivo functions.php do seu tema.

Registrando o widgets sidebar

Insira o código a seguir no final do arquivo functions do seu tema.

register_sidebar(array('name'=>'ExemploSidebar01',
 'before_widget' => '<li class="widget">',
 'after_widget' => '</li>',
 'before_title' => '<h2 class="widgettitle">',
 'after_title' => '</h3>',
));

No exemplo acima estou utilizando a função register_sidebar para registrar o sidebar “Exemplo Sidebar 01”.

Conheça mais sobre a função register_sidebar: Function Reference/register sidebar.

Você pode registrar vários sidebars, não tem limite.

Feito isso, você poderá ver os novos sidebars em Aparência / Widgets.

Agora é só arrastar os Widgets para o Sidebar.

Chamando os Sidebars no Tema

Para carregar os widgets do sidebar no seu tema você deve utilizar a seguinte função:

<?php dynamic_sidebar('ExemploSidebar01') ?>

Você pode carregar o sidebar em qualquer arquivo do seu tema, rodapé, cabeçalho, etc.

 

Resumo
Nome do Artigo
Como adicionar um sidebar widgets em um tema Wordpress
Descrição
Post ensinando a adicionar um sidebar widgets em um tema Wordpress com as chamadas dentro do tema.
Autor
Editor
Roger Mauricio Takemiya
Logo do Editor

Post Recentes

YouTube sem cookie: adiar o embed do vídeo e do Maps até o aceite

Seu banner de consentimento está certo, mas o vídeo incorporado grava cookie de terceiro no primeiro carregamento. Troque o domínio…

7 horas atrás

Custom post type dando 404: flush_rewrite_rules na ativação do plugin

A listagem do custom post type abre e o single dá 404 no WordPress 6.9. Entenda o cache das rewrite…

2 dias atrás

systemd timer no lugar do cron: agendar script com log e sem execução dupla

Um par .service e .timer substitui a linha do crontab com log no journal, execução perdida recuperada no boot e…

2 dias atrás

Descrição em massa no WooCommerce: wp eval-file lendo a lista de SKUs

400 produtos importados do fornecedor com a aba Descrição vazia. Um wp eval-file percorre os SKUs sem texto, grava pelo…

2 dias atrás

Frete grátis no WooCommerce: esconder as outras opções de entrega

Some com PAC e SEDEX da lista quando o frete grátis está disponível, usando woocommerce_package_rates, e limpe o cache de…

3 dias atrás

Erro HTTP no WordPress ao enviar imagem para a biblioteca de mídia

A barra de upload chega no fim e o WordPress devolve só "Erro HTTP". Separe as três causas: Imagick barrado…

3 dias atrás