La modifica della data di post su un tipico tema WordPress, dalla versione testo predefinito in una icona grafica che mostra il mese, il giorno e l'anno, può essere molto impegnativo. Si richiede l'aggiunta di codice specifico a diversi file .php e altro codice al foglio di stile .CSS. È necessario avere familiarità con il file manager e il layout della cartella di WordPress, in modo da garantire il file di immagine icona viene memorizzata nel posto giusto.

istruzione

1 Aprire il dashboard di WordPress e selezionare il file "Editor" che si trova nella sezione "Aspetto".

2 Carica l'immagine icona del calendario che si desidera utilizzare per l'icona di sfondo. Questi possono essere trovati on-line per la ricerca di "icone calendario." .JPG E .PNG immagini funzionano altrettanto bene.

3 Aggiungere il seguente codice al single.php e file index.php: 1 <div class = "postdate">
2 <div class = "postmonth"> <? Php the_time ( 'M')?> </ Div>
3 <div class = "postday"> <? Php the_time ( 'd')?> </ Div>
4 <div class = "postyear"> <? Php the_time ( 'Y'); ?> </ Div>
5 </ div>

4 Aprire il foglio di stile (style.css) e aggiungere il seguente (o simile) il testo:

1 .postdate {
2 float: left;
3 display: inline;
4 margin: 5px 10px 0 0;
5 padding: 2px 0 0 0;
6 di fondo: url (img / date_img.png) no-repeat;
Larghezza 7: 60px;
8 Altezza: 70px;
9 text-align: center;

1 .postmonth {
2 colori: #FFF;
3 font-size: 11px;
4 text-transform: uppercase;
5 font-family: Arial, Helvetica, sans-serif;
6 padding: 2px 0px;
7}

1 .postday {
2 color: # 333;
3 font-size: 24px;
4 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
5 padding: 3px 0px;
6}

1 .postyear {
2 2 color: # 333;
3 font-size: 11px;
4 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
5 padding: 2px 0px;
6}

Consigli e avvertenze

• A partire da questa scrittura, ci sono alcuni plug-in WordPress che automatizzano questo cambiamento. Admin Gestione Xtended pretende di farlo, ma non è chiaro se si tratti di un interruttore di calendario frontend o di backend.