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!
TecnoBits
Ótimo tutorial, vou criar uma coluna extra no meu tema. Tem como eu modificar o css da minha coluna ?
Mestre Web
Ola,
muito bom este tutorial.Parabéns!
Bruno
Por widgets querem dizer plugins? é a mesma coisa ?
Celso Azevedo
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
Nubia
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
Neto
Galera como vocês criam as imagens do perfil? podem me ensinar?
Márcio
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!
Chuck
http://www.mcdownload.wordpress.com
entra lá e confira!
muito bom o site
abraços ae
flw
Vera
Não entendi a parte “tenha certeza por entre tags”, como assim??
Gustavo Barbosa
Muito bom o tutorial, simples e bem explicativo !