12 Aug 08
às 22:04
Widgets no wordpress
Por Dani Danczuk | Arquivado em Tutoriais

Como usar widgets no seu tema.

O que é widgets? Segundo o wikipédia…

Bem os widgets do wordpress funcionam parecido com aquela nova versão do blogger, onde o perfil é todo adicionado por janelinhas, você puxa uma pra cima, outra pra baixo, tira uma e coloca outra…

Baixe o arquivo functions, descompacte e envie ele para dentro da pasta do seu tema atual.

Agora no arquivo sidebar.php do seu tema, insira o código abaixo e deixe somente ele no sidebar.php:

<?php   /* Widgetized sidebar, if you have the plugin installed. */
        if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<?php endif; ?>

Insira no css do seu tema:

#sidebar .widget {background: none; margin-bottom: 15px;}
#sidebar h2 {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; font-size: 1.5em; color: #909090; text-transform: lowercase; font-family: times new roman;}
#sidebar ul, #sidebar li {margin: 0; padding: 0 0 0 0px; list-style-type: none;}
#sidebar ul {margin: 2px 0px 0px 0px;}
#sidebar ul li {background-color: #FFF9FD; border: 1px dotted #FED7EC; border-width: 0px 0px 1px 0px; display: block; margin: 0px; padding: 3px 0px 2px 2px; voice-family: "\"}\""; voice-family: inherit; color: #696969;}
html>body #sidebar ul li {}
#sidebar ul li:hover {background-color: #FFF5FC; border: 1px dotted #FED7EC; border-width: 0px 0px 1px 0px; color: #696969; text-decoration: none;}
#sidebar ul li a, #sidebar ul li a:active, #sidebar ul li a:visited, #sidebar ul li a:hover {text-decoration: none;}

Agora entre no painel do wordpress, vá em Design/Widgets e veja que apareceu várias caixinhas pra você adicionar no sidebar, então é só clicar em add para adicionar no sidebar e depois ao lado vai aparecer essa caixinha com um edit, clicando nele você pode mudar o título daquela caixinha, também pode remover ele quando quiser e alguns plugins que você instalar tem outras funções para editar, depois de editar é só clicar em change e depois em save changes.
Alguns plugins não tem widgets, então você pode adicionar o código na caixinha Text que funciona do mesmo jeito. Nesta mesma caixinha você pode adicionar outras coisas que você queira que apareça no sidebar e pode mover uma pra cima ou pra baixo, para deixar na ordem que quiser.


Posts Relacionados


Tags: ,

Comentar