Banners na Barra Lateral do Thesis Theme – Tutorial

A colocação de um espaço de publicidade num tema wordpress mesmo sendo este gratuito, actualmente é uma tarefa fácil, não só porque a generalidade dos temas possuem esta ferramenta de raiz, mas também porque existem plugins wordpress para o efeito.

Contudo o  tema Thesis por manter o seu código na forma original independentemente das alterações de layout que efectuares, não possui esta funcionalidade instalada de raiz, mas também a sua aplicação é de tal forma fácil de implementar e personalizar que não será problema para nenhum utilizador do Thesis.

Assim sendo, e tendo sempre presente todos os benefícios do tema Thesis, em questões de personalização e optimização para motores de busca, dai a necessidade de manter a estrutura do código o mais simples e limpa possivel, vamos então ver como podemos colocar banners na barra lateral do Thesis sem que isso interfira nas vantagens do mesmo.

CSS

Primeiro passo a efectuar é colocar as seguintes linhas de código na ficheiro custom.css:

.custom .ads {
	text-align: center;
        background: transparent url('link para imagem') no-repeat scroll 0 0;
}
.custom .ads img {
	margin: 1px;
}

Como podem verificar a primeira linha de código irá centrar e personalizar o fundo do espaço onde estarão colocados os banners e a segunda linha de código irá garantir a existência de um espaço entre os banners de 1px.

É claro que podem personalizar a vosso gosto,  como por exemplo, o background [background:], o tipo de extermidades [border], etc….

FUNCTIONS

A existência de um código na custom.css pressupõe no Thesis a necessidade de linhas de código que chamem esse código para o layout do tema. Assim sendo, deverá aceder ao ficheiro custom_functions.php e colocar o seguinte código:

function custom_ADS() { ?>
<div class="ads">
   <h3>Publicidade</h3>
   <a href="#"><img src="" alt="" /></a>
   <a href="#"><img src="" alt="" /></a>
   <a href="#"><img src="" alt="" /></a>
   <a href="#"><img src="" alt="" /></a>
  </div>
<?php }
add_action('thesis_hook_before_sidebars', 'custom_ADS');

Podem optimizar todo o código e colocar onde pretenderem os banners. No código acima os banner irão surgir antes do inicio da ou das barras laterais.

Se porventura pretenderem os banners depois das barras laterais deverão alterar a ultima linha para:

add_action('thesis_hook_after_sidebars', 'custom_ADS');

Se preferirem que os banners apareçam na barra lateral 1 utilizem uma das seguintes linhas:

add_action('thesis_hook_after_sidebars_1', 'custom_ADS');
add_action('thesis_hook_after_sidebars_1', 'custom_ADS');

Para aparecer na barra lateral 2 mudem o número da linha.

Se por acaso pretender colocar os banner em qualquer lugar da vossa barra lateral utilizem apenas o código html abaixo e colem num widget de texto:

<div class="ads">
     <a href="#"><img src="" alt="" /></a>
     <a href="#"><img src="" alt="" /></a>
     <a href="#"><img src="" alt="" /></a>
     <a href="#"><img src="" alt="" /></a>
</div>

Até já…