Tutoriais  09/03/2006 

Calendário de Posts

Essa tag adiciona ao seu sidebar um calendário com os links para os dias onde há posts publicados.

01. Coloque a tag abaixo no sidebar onde você quer que ele apareça.

<?php get_calendar(); ?>

02. Para configurar as cores, coloque no seu css :

#wp-calendar {
empty-cells: show;
font-size: 0.9em;
text-align: center;
font-family :arial;
margin: 0;
width: 95%;
}
/*DIAS DE POSTS E LINKS*/
#wp-calendar #prev a {
font-size: 10px;
letter-spacing: 1px;
font-family :arial;
text-align: left;
border: 0px;
font-weight: bold;
}
#wp-calendar #next a {
text-align: right;
font-size: 10px;
font-family :arial;
letter-spacing: 1px;
border: 0px ;
font-weight: bold;
}
#wp-calendar a {
font-size: 10px;
font-weight: bold;
font-family :arial;
border-bottom: 0px solid #8EA5AB;
font-weight: bold;
text-align: center;
color: #F5ADCC;
}
#wp-calendar a:hover {
font-size: 10px;
font-weight: bold;
font-family :arial;
border:0px;
border-bottom: 0px solid #c0c0c0;
font-weight: bold;
text-align: center;
color: #c0c0c0;
}
/*DEMAIS DIAS*/
#wp-calendar td {
color: #c0c0c0;
font-size: 10px;
font-family :arial;
letter-spacing: normal;
padding: 2px 0;
background-color: #FDF8FA;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #F8C9DD;
border-left: 1px solid #F8C9DD;
text-align: center;
}
/*MES*/
#wp-calendar caption {
font: bold 10px Verdana;
text-align: center;
border-bottom: 1px dashed #F5ADCC;
letter-spacing: 2px;
}
/*DIAS DA SEMANA*/
#wp-calendar th {
color: #C4D68A;
text-align: center;
font-family :arial;
font-size: 10px;
font-style: normal;
font-weight: bold;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #F8C9DD;
border-left: 1px solid #F8C9DD;
text-transform: capitalize;
background-color:#FDF8FA;
}
/*DATA ATUAL*/
#wp-calendar #today {
color: #C4D68A ;
font-weight: bold;
font-family :arial;
background-color: #F2F6E6;
text-align: center;
}

03.Altere no código do css as cores de acordo com a sua preferência. Seu calendário vai ficar assim:


Leia Também

Deixe seu comentário

26/03/2009 ・ 03:13

Tamara, eu acho que existe esse calendário nos seus temas base, estou certa? se sim tem como tirar?

26/03/2009 ・ 07:44

Nos temas de agora não tem, nos antigos sim. É só abrir o arquivo sidebar.php e remover a tag.

07/01/2013 ・ 20:37

Não tem uma versão dessa pra blogger? ):