Un breve tutorial per inserire nei post di wordpress un calendario grafico utilizzando il tema RS14:

editare il file index.php e cercare:

1
<span> ?php the_time('j F Y') ? </span>

sostituire con:

1
2
3
4
5
6
7
<div class="post_date">
<div class="post_month"><?php the_time('M'); ?></div>
<div class="post_day"><?php the_time('d'); ?></div>
</div>
<div class="post_date_year">
<div class="post_year"><?php the_time('Y'); ?></div>
</div>

Adesso editare il file styles.css e cercare:

1
2
.post_date{
}

e sostituire con:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.post_date{
text-align: center;color: #ffffff;
font-size: 20px;
float: left;
margin:-12px 10px 0 -13px;
display:inline;
width: 60px;
height: 67px;
overflow: hidden;
background: url(images/bg_date_button.png) no-repeat;
}
.post_date_year{
text-align: center;color: #ffffff;
margin: 37px 0 0 -51px;
font-size: 9px;
float: left;
display:inline;
overflow: hidden;
}

a questo punto createvi il vostro bg_date_button.png con dimensioni di 60x67px

per potere vedere la data anche nei file di ricerca e archivi editare anche
search.php
archives.php

L’effetto sarà più o meno il seguente: