Hvordan lage et blogginnlegg har en kalender for dato i WordPress

January 7

Endre Publisert på en typisk WordPress tema, fra standard tekstversjon i et grafisk ikon som viser måned, dag og år, kan være ganske utfordrende. Det krever legger spesifikk kode til flere php-filer og mer kode i CSS stilark. Du bør være kjent med filbehandling og WordPress mappen layout, slik at du sikrer ikonet bildefilen er lagret på riktig sted.

Bruksanvisning

1 Åpne din WordPress dashbordet og naviger til filen "Editor" funnet under «Utseende».

2 Last opp kalenderen ikonet bildet du ønsker å bruke for ikonet bakgrunn. Disse kan bli funnet på nettet ved å søke etter "Kalender ikoner." JPG og PNG-bilder fungerer like godt.

3 Legg til følgende kode til din single.php og index.php filer: 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 Åpne din stilark (style.css) og legge til følgende (eller lignende) tekst:

1 .postdate {
2 float: left;
3 display: inline;
4 margin: 5px 10px 0 0;
5 padding: 2px 0 0 0;
6 bakgrunn: url (img / date_img.png) no-repeat;
7 width: 60px;
8 høyde: 70 piksler;
9 text-align: center;

1 .postmonth {
2 farger: #fff;
3 font-size: 11px;
4 text-transform: store bokstaver;
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}

Hint

I skrivende, er det få WordPress plug-ins som automatiserer denne endringen. Admin Ledelse Xtended hevder å gjøre det, men det er uklart om dette er en frontend eller backend kalender bryter.