O que você está procurando?

Aperte Enter para buscar ou ESC para fechar

Como implementar widgets no seu template WordPress?

2 min de leitura
Neste artigo (2 tópicos)

O processo de integração de widgets no seu template WordPress é na verdade um processo extremamente simples. Seja na sidebar, no header ou no footer do seu template, os widgets são uma forma extremamente simples de adicionar competências ao seu template, tornando-o ainda mais único e profissional. Por este processo ser tão simples é que provavelmente os widgets são tão populares no WordPress!

PASSO 1

Comece por abrir o seu ficheiro functions.php, se não tiver um no seu template, crie-o. Coloque este código no ficheiro (tenha a certeza que o coloca entre tags):

if ( function_exists('register_sidebar') )
	register_sidebar(array(
	'name' => 'sidebar',
	'before_widget' => '<div class="sidebar-box">',
	'after_widget' => '</div>',
	'before_title' => '<h2>',
	'after_title' => '</h2>',
));

O que este código cria é uma barra lateral widget-ready com o nome sidebar. Ele define uma série de aspectos técnicos dos widgets, nomeadamente o que aparece antes e depois dos widgets, e o que aparece antes e depois do título do widget. Isto é o que código em cima irá representar no código fonte do site quando um widget for activado:

<div class=”sidebar_box”> <h2>Título aqui (”Recent Posts”, por exemplo)</h2> Conteúdo do widget aqui, como uma lista de posts recentes por exemplo. </div>

Como você tem a abilidade de definir o que aparece em torno do widget e do título do widget, agora poderá customizar o aspecto através do CSS. Cool, hein?

PASSO 2

Agora que terminou, poderá fechar o ficheiro functions.php e abrir o ficheiro sidebar.php. Coloque este código onde deseja que o widget apareça:

<?php  if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("sidebar")):?>
<?php endif; ?>

Note o código que se encontra dentro do dynamic_sidebar(). Tenha em conta que o título “sidebar” foi aquele que definimos no ficheiro functions.php. Se por ventura escolher outro nome, deverá substitui-lo no código em cima.

Graças à capacidade de atribuir nomes às áreas de widgets, você poderá criar múltiplas áreas para widgets. Você poderá por exemplo colocar uma área no cabeçalho a rodar anúncios ou colocar uma no rodapé a mostrar os últimos artigos, por exemplo. Não se limite a colocar widgets apenas na barra lateral só porque toda a gente utiliza assim.

Seja criativo! Os widgets podem ser colocados em qualquer parte do seu template!

Compartilhar este artigo
Guga Alves

Guga Alves

• WordPress e web

Desbravando o mundo WordPress desde 2007, me especializei também em SEO e entreguei grandes projetos no mercado brasileiro para a partir de 2015 me dedicar ao mercado fora do Brasil. Trabalhei na empresa do criador do WordPress por 4 anos (no WordPress.com, da Automattic) e mais 4 anos em uma das maiores empresas de hospedagens do mundo, a Liquid Web, gerenciando uma equipe de suporte do plugin The Events Calendar. No Brasil, atendi grandes marcas como canal Futura, Corpo Perfeito, Catraca Livre, Hostgator Brasil e Hostnet, também palestrei em diversos eventos e dei aula em cursos livres e pós-graduação (no Rio de Janeiro e em Brasília). Trabalho remoto, viajo bastante, mas minha base é no Rio de Janeiro/RJ.

X GitHub Sobre mim
Leituras Complementares

Continue lendo

Ver todos em Dicas WordPress →

Discussão & Respostas (11)

Espaço moderado para debates técnicos
  1. EVANDRO
    EVANDRO
    ↳ Responder

    amigo é o seguinte to comçando nem sei php direito mas preciso fazer um site pra um pet shop e pervebi vários templates legal do press mas o problema é justamente to enrrolado nesse widgets poderia me da uma ajudinha tipo eu nao consigo colocar bons widgets e na verdade quero que eles fiquem do lado direito e os links das paginas em cima se tiver falando besteira me ajuda ai blz

  2. Adolfo Augusto de Mattos
    Adolfo Augusto de Mattos
    ↳ Responder

    Vai estudar PHP menino…

  3. Senhor W
    Senhor W
    ↳ Responder

    Post simples e objetivo, salvou minha vida, era o que faltava para fazer meu widget funcionar !

  4. Luciano
    Luciano
    ↳ Responder

    Fantástico !!! Obrigado … vc não tem noção de quanto isso me ajudou !! Parabéns pelo trabalho !!

  5. Calleuyl
    Calleuyl
    ↳ Responder

    Ah, vcs sao o maximo *————-*
    hsauhsauhs, esse tutorial salvou minha vida.
    Muito obrigada, e parabens pelo trabalho.

  6. Rafael Rodrigues
    Rafael Rodrigues
    ↳ Responder

    Show de bola, era o que estava precisando..

    simples e prático!

    vlww e ótimo artigo!

      1. LD
        LD

        Então pq no título está assim:
        Como implementar widgets no seu template WordPress?

  7. Carlos Nogueira
    Carlos Nogueira
    ↳ Responder

    Post legal, mas acho que registrar um widget, pois o programador leigo vai usar isso como único recurso sem conhecer o objeto.

    Por uma internet melhor, eu teria publicado no mínimo as duas possibilidades.

Deixe sua contribuição técnica

Seu e-mail não será publicado. Blocos de código em markdown são aceitos com crases triplas.