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

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!

Posts Similares

  • Funções de usuários e Capacidades do WordPress – Parte 1: O básico

    Este artigo é parte de um tutorial dividido em três partes abordando o tópico dos usuários (users), funções (roles) e capacidades (capabilities) no WordPress. Esta série irá abordar a arquitetura e design dos user roles no WordPress; ressaltar as funções mais importantes para interação com usuários e gestão de roles e capabilities; e no último tutorial,…

  • Como utilizar os Campos Personalizados em seu tema

    Provavelmente você já viu no Adicionar novo post ou página o formulário Campos personalizados. Com os campos personálizados você pode adicionar qualquer campo e posteriormente inserir em seu tema. Para inserir em seu temas algum campo, utilize a seguinte tag: <?php $values = get_post_custom_values(”campo“); echo $values[0]; ?> Altere campo pelo nome que você escolheu para…

  • Otimizando seu blog WordPress para os buscadores

    Os buscadores atualmente dispõe de meios para encontrar e classificar quase tudo que há na rede, mas se você contar apenas com isso, vai aproveitar bem pouco desse enorme tráfego gerado a partir de buscas dos internautas. Mas o que se pode fazer para melhorar a colocação de seu blog nas buscas? Bem, há algumas…

  • Como alterar o logotipo da página de login do WordPress

    Por padrão, em todo site em WordPress que desenvolvemos, a página de login presente em seusite.com.br/wp-login.php possui o logo oficial do WordPress. Entretanto, muitos demonstram a vontade de alterar esta logo para a logo de seu site. Há um modo de alterar este logo e é isto que veremos na dica de hoje.

  • Como exibir seu número total de seguidores no Twitter e Feedburner

    Recebi alguns emails nesta semana perguntando como exibir no blog o número de seguidores que o usuário X tem no Twitter. Alguns sites disponibilizam scripts para fazer tal exibição da contagem, porém em sua grande maioria não disponibilizam formas de se trabalhar este resultado. Pesquisando sobre como buscar tal resultado com maior liberdade de customização,…

  • Protegendo o nome de usuários registrados em seu WordPress

    Esta modificação em seu WordPress irá checar se o nome ou e-mail usado pelo usuário que comenta sem estar logado é igual ao de algum usuário registrado nele. Primeiro, teremos a checagem se o autor do comentário está logado. Se não estiver, o nome e email serão comparados com os registrados no banco de dados. …

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

11 Comentários

  1. 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. 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.