Tags & Hacks Tutoriais

Data ao lado do Título

25 de November de 2010

Coloque a data ao lado do título dos posts como no exemplo:

01. Abra o arquivo index.php e ao lado da tag do título dos posts, adicione:

<div class="date">
<span class="dia"><?php the_time('d',true); ?></span>
<span class="mes"><?php the_time('M',true); ?></span>
<span class="ano"><?php the_time('Y',true); ?></span>
</div>

02. Agora adicione ao seu css:

.date {
width: 45px;
height: 50px;
float: left;
margin: 0;
text-align: center;
font-family: arial, georgia;
}
.date span.dia{
color: #6d6d6d;
font-size: 22px;
font-weight: bolder;
}
.date span.mes{
text-transform: none;
color: #6d6d6d;
font-size: 12px;
font-weight: bolder;
text-transform: uppercase;
margin-top: 5px;
}
.date span.ano{
text-transform: none;
color: #6d6d6d;
font-size: 12px;
font-weight: bolder;
}

Modifique como desejar!

heart


Leia Também

Deixe seu comentário

Angélica
08/04/2014 ・ 16:22

Oie, Tamara. Consegui resolver o problema no css do blog. Deletei e fiz tudo de novo. 😡
Queria tirar uma dúvida. Eu coloquei o data ao lado post, está aparecendo certinho em todos os posts, porém quando clico em comentários, aparece a configuração anterior. Pode me ajudar?

Beijos,

    09/04/2014 ・ 11:39

    Você tem que alterar o arquivo single.php, é ele que abre quando você clica nos comentários 😉

Luana
31/07/2014 ・ 13:41

Olá Tamara! Seus tutoriais vem me ajudando muito! Porém não consigo encontrar a tag do título do post em index.php! A única coisa que eu encontro sobre os posts fica dentro de: <?php if(have_posts()), e quando coloco em qualquer parte disso, o restante fica sem cor e o site não abre 🙁 Sabe como posso resolver isso, por gentileza? Obrigada 🙂

    31/07/2014 ・ 13:50

    Qual tema você está usando?

      Luana
      31/07/2014 ・ 14:31

      Tema Base 3.0

        31/07/2014 ・ 16:37

        Logo no início, depois da div class “post” vem a a div do com a formatação e a tag do título.

Luana
31/07/2014 ・ 16:42

Encontrei, obrigada!