Como implementar widgets no seu template WordPress?

Postado por Guga Alves  
No dia 25 de março de 2009


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; ?>

Denote 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!

Bons truques!

Fonte: Paulo Faustino


Leia também:

  1. Como colocar Gravatar nos comentários do WordPress 2.7 Como vi que algumas pessoas tem chegado ao blog através...
  2. Como encontrar o ID de suas páginas? Quando você adiciona um widget para gerenciar as páginas de...
  3. WordPress 2.9: como usar miniaturas nos posts? A versão 2.9 do WordPress introduziu uma funcionalidade que a...
  4. Como listar os últimos usuários registrados no seu blog? Ótima dica dada pelo WordPress-Love . Se você tem um...
  5. Como adicionar um favicon no WordPress Vamos a uma dica muito legal para adicionar um favicon...

Comentários



4 Respostas em “Como implementar widgets no seu template WordPress?”

  1. Wordpress, links que me ajudaram na criação de Widgets e Plugins. » Wellington Rocha em 21 de junho de 2010 as 1:20
  2. Senhor W em 15 de junho de 2010 as 9:13

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

  3. Adolfo Augusto de Mattos em 15 de janeiro de 2010 as 17:02

    Vai estudar PHP menino…

  4. EVANDRO em 1 de dezembro de 2009 as 16:27

    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

Sinta-se livre para deixar um comentario...
Se você quiser uma foto para ser mostrada no seu comentário, crie um gravatar!