content top

Como tornar o seu template Wordpress widget ready?

Premium WordPress Theme

COMO IMPLEMENTAR WIDGETS NO SEU TEMPLATE WORDPRESS?

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!

Blog Widget by LinkWithin
Partilhe este artigo:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • LinkedIn
  • MySpace
  • Rec6
  • Reddit
  • StumbleUpon
  • Technorati
  • Yahoo! Buzz



9 Comentarios a “Como tornar o seu template Wordpress widget ready?”

  1. TecnoBits says:

    Ótimo tutorial, vou criar uma coluna extra no meu tema. Tem como eu modificar o css da minha coluna ?

  2. Mestre Web says:

    Ola,
    muito bom este tutorial.Parabéns!

  3. Bruno says:

    Por widgets querem dizer plugins? é a mesma coisa ?

  4. Bruno, widgets é as ‘coisas’ que se adiciona a sidebar (barra lateral).

    Vou da um exemplo:
    Aqui neste site, na barra lateral, onde diz ‘Pesquisar’ ou ‘Link Love’ são widgets ;)

    Penso que estou certo :P

  5. Nubia says:

    Ola, quando eu adicionei isso ao meu theme apareceu o seguinte erro:

    Warning: Cannot modify header information – headers already sent by (output started at /home/www/vivianaramos.awardspace.us/wordpress/wp-content/themes/base05/functions.php:11) in /home/www/vivianaramos.awardspace.us/wordpress/wp-includes/pluggable.php

  6. Neto says:

    Galera como vocês criam as imagens do perfil? podem me ensinar?

  7. Márcio says:

    como eu faço pra por meus links que estão em categorias e paginas, em apenas TEXTO, porque eu ja vi que é melhor, deixar todos os links e tal no widget TEXTO, mas precisa um pouco de noção HTML parece… me ajuda ? ficar nessa de categorias e paginas é chatão!

    isso tudo no wordpress.com claro! ;)

  8. Chuck says:

    http://www.mcdownload.wordpress.com

    entra lá e confira!

    muito bom o site

    abraços ae

    flw

  9. Vera says:

    Não entendi a parte “tenha certeza por entre tags”, como assim??

Deixar resposta

|