Adicionar Tabs em nosso tema

Publicado 24/07/2009 às 17:05 - 227 leitura(s) - Categoria(s): Tutoriais e Dicas -

Uma dos recursos mais usados nos temas de WodPress, é o sistema de abas mais conhecido como tabs, onde podemos exibir muita coisa como por exemplo, os últimos comentários, nossas tags, os arquivos do nosso site e muito mais.

Mais como podemos adicionar tabs no nosso tema ?

Muito facil, primeiro baixamos o seguinte aquivo:  domtabs (107)

Despois extraia os arquivos domtab.js e domtab.css dentro da pasta do nosso tema. Agora adicione o seguinte código no seu arquivo header.php:

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/domtab.js"></script>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/domtab.css" media="screen" />

Para exibir as nossas abas, adicionamos o seguinte código em qualquer parte do nosso tema. Quase todo muito inclusive eu utilizo no sidebars:

<div class="domtab">
<ul class="domtabs">
<li><a href="#t1">Tab 1</a></li>
<li><a href="#t2">Tab 2</a></li>
<li><a href="#t3">Tab 3</a></li>
</ul>
<div>
<a name="t1" id="t1"></a>
<p>Inserir conteúdo da primeira aba, ou código de um plugin.</p>
</div>
<div>
<a name="t2" id="t2"></a>
<p>Inserir conteúdo da segunda aba.</p>
</div>
<div>
<a name="t3" id="t3"></a>
<p>Inserir conteúdo da terceira aba.</p>
</div>
</div>

via blogohblog.com