So passen Sie die Anzeige von WordPress-Archiven in Ihrer Seitenleiste an

Vor kurzem arbeiteten wir an der Gestaltung eines Kunden vor Ort, sodass wir monatliche Archivdateien nach Jahr in der Seitenleiste anzeigen lassen mussten. Es war wahrscheinlich sehr einfach für den Designer, ihn in Photoshop zu verspotten, aber in WordPress war das etwas kompliziert. Siehe das Bild unten:

Jetzt wundern Sie sich wahrscheinlich, warum es schwierig war, WordPress zu verwenden, wenn wp_get_archives () die Archive monatlich mit dem Jahr daneben auflistet? Nun, das liegt daran, dass dieser Kunde das Jahr nur noch anzeigen wollte. Es gibt keine echte Möglichkeit, das Styling der Funktion wp_get_archives () anzupassen.

Wir haben uns im Web nach Lösungen umgesehen und sind auf nichts gestoßen. Dieses Problem muss wirklich selten sein, jedoch fanden wir, dass Andrew Appleton das gleiche Problem hatte, und er hatte eine Lösung dafür. Wir haben seine Codes mit ein bisschen Modifikation verwendet.

Andrews Code hatte keinen Grenzwert für die Archive. Die Verwendung seiner Codes würde bedeuten, dass Sie alle Archive monatlich anzeigen werden. Stellen Sie sich das für einen Blog vor, der 5 Jahre alt ist. Wir haben also einen Grenzparameter hinzugefügt, der es uns erlaubt, die Anzahl der angezeigten Monate zu einem beliebigen Zeitpunkt auf 18 zu begrenzen.

Grundsätzlich müssen Sie den folgenden Code in Ihr Theme einfügen sidebar.php Datei oder eine andere Datei, in der Sie benutzerdefinierte WordPress-Archive anzeigen möchten:

 get_results ("SELECT DISTINCT MONTH (post_date) AS Monat, YEAR (post_date) AS Jahr, COUNT (id) als post_count FROM $ wpdb-> post WHERE post_status = 'publish' und post_date year; if ($ year_current! = $ year_prev) if ($ year_prev! = null) ?>  
/ "> Jahr;?>
  
/ Monat, 1, $ Monat-> Jahr))?> "> Monat, 1, $ Monat-> Jahr))?>
 = 18) Pause;  endforeach; ?> 

Hinweis: Wenn Sie die Anzahl der angezeigten Monate ändern möchten, müssen Sie die Zeile 19 ändern, in der der aktuelle Grenzwert $ auf 18 gesetzt ist.

Unser CSS sah ein bisschen so aus:

 .Widget-Archiv Auffüllen: 0 0 40px 0; Schwimmer: links; width: 235px; .widget-archive ul margin: 0; .widget-archive li margin: 0; padding: 0; .widget-archive li a border-left: 1px solid # d6d7d7; Auffüllen: 5px 0 3px 10px; Marge: 0 0 0 55px; Anzeige: Block; li.archive-year float: left; Schriftfamilie: Helvetica, Arial, San-Serif; Auffüllen: 5px 0 3px 10px; color: # ed1a1c; li.archive-year a color: # ed1a1c; Marge: 0; Grenze: 0px; Auffüllen: 0; 

Auf diese Weise haben wir das Endergebnis so aussehen:

Wenn Sie nun die Anzahl der Posts in jedem Monat anzeigen möchten, müssen Sie dieses Codebit an einer beliebigen Stelle zwischen Zeile 12 und 16 des obigen Codes einfügen:

post_count; ?>

Ein Beispiel dafür, was Sie mit der Nachzählung machen können, und alles ist im Bild unten zu sehen:

Das obige Bild wurde von Andrew Appletons Website aufgenommen, da dies die Lösung war, aus der wir unseren Stil abgeleitet hatten. Wenn Sie die CSS für seine Styles sehen möchten, klicken Sie einfach auf den Link zur Website.

Kennen Sie einen einfacheren Weg, um dies zu erreichen? Werden Sie die Anzeige Ihrer WordPress-Archive im nächsten Design anpassen? Bitte teilen Sie Ihre Gedanken in das Kommentarfeld unten.