Wie einen Blog Post haben einen Kalender für das Datum in WordPress

February 23

Wie einen Blog Post haben einen Kalender für das Datum in WordPress

Das Post-Datum auf eine typische WordPress-Theme ändern, kann von der Standard-Text-Version in ein grafisches Symbol zeigt Monat, Tag und Jahr, ziemlich schwierig sein. Es erfordert einige spezifischen Code hinzufügen. PHP-Dateien und mehr Code der. CSS-Stylesheet. Sie sollten mit dem Dateimanager und das WordPress Ordner Layout vertraut sein, damit Sie sicherstellen, dass die Symboldatei Bild am richtigen Ort gespeichert ist.

Anweisungen

1 Öffnen Sie Ihr WordPress-Dashboard und navigieren zu der Datei "Editor" finden Sie unter Abschnitt "Darstellung".

2 Laden Sie das Kalender-Symbolbild, das Sie für den Hintergrund Ihrer Symbol verwenden möchten. Diese finden Sie online bei der Suche nach "Kalender-Ikonen.". JPG und. PNG-Bilder eignen sich gleich gut.

3 Fügen Sie folgenden Code auf Ihre single.php und index.php Dateien: 1 < Div Class = "nachzudatieren" >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 Öffnen Sie Ihr Stylesheet (style.css) und fügen Sie den folgenden (oder ähnlichen) Text:

1 .postdate {}2 Float: left;3-Display: Inline;4 Margin: 5px 10px 0 0;5 Padding: 2px 0 0 0;6-Hintergrund: url(img/date_img.png) keine-Repeat;7 Breite: 60px;8 Höhe: 70px;9 Text-align: center;

1 .postmonth {}2 Farbe: #FFF;3 Schriftgröße: 11px;4 Text-Transform: Großbuchstaben;5 Schriftfamilie: Arial, Helvetica, sans-Serif;6 Padding: 2px 0px;7}

1 .postday {}2 Farbe: #333;3 Schriftgröße: 24px;4 Schriftfamilie: "Trebuchet MS" Arial, Helvetica, sans-Serif;5 Padding: 3px 0px;6}

1 .postyear {}2 2 Farbe: #333;3 Schriftgröße: 11px;4 Schriftfamilie: "Trebuchet MS" Arial, Helvetica, sans-Serif;5 Padding: 2px 0px;6}

Tipps & Warnungen

  • Während ich dies schreibe gibt es einige WordPress-Plug-ins, die diese Änderung automatisieren. Admin Management Xtended behauptet, es zu tun, aber es ist unklar, ob dies ein Frontend oder Backend-Kalender-Schalter ist.