Ajuda WordPress no Facebook

Faça login ou registre-se!



esqueceu sua senha?

Novo por aqui?  Registre uma conta.

Últimos Comentários

Últimas do Fórum

Top Leituras

Recomendamos

Estadísticas

316 Notícias

486 comentários

227 Usuários registrados

    • Início » Tutoriais e Dicas

    Adicionar Tabs em nosso tema

    24/07/2009 - - Comentários 4

    tab alyenstudio Adicionar Tabs em nosso tema
    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 (194)

    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

    Tags: , , , , , , , ,

    Notícias relacionadas:

    4 comentários em “Adicionar Tabs em nosso tema”

    1. Boa noite

      Meu tema ja ja veio com o tabs soque, mesmo introduzindo a outra aba e introduzir informação ele em ves de por na aba certa ele poe na primeira ou seja por baixo da informação da primeira aba. sera que falta algum codigo?

      obrigado

      Responder ↓

    2. Ola,

      Coloquei o codigo mas como não conheço bem os código, to tendo algumas dificuldades. Exemplo:

      Quero colocar ultimos comentários;
      Últimos tweets;
      Tags;

      Mas tenho duvidas sobre onde e de que forma os códigos precisam ser inseridos nas linhas acima.

      Grato!

      Responder ↓

      • normalmente voce coloca o codigo no sidebar do seu tema, depois pra mostrar os ultimos tweets voce tem q ter uma funçao no seu thema ou ter instalado um plugin.

        Responder ↓

    Deixe um Comentário

    O seu endereço de email não será publicado Campos obrigatórios são marcados *

    *

    Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

     

    Aviso: Todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste site ou do(s) seu(s) autor(es). Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. O autor deste site reserva-se, desde já, o direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação do seu autor (nome completo e endereço válido de email) também poderão ser excluídos.