Slik tilpasser du visning av WordPress-arkiv i sidebjelken

Nylig jobbet vi på en kundes nettsteddesign som krevde at vi skulle vise månedlige arkiver arrangert av året i sidefeltet. Det var sannsynligvis veldig enkelt for designeren å mocke den opp i Photoshop, men det var litt komplisert å oppnå i WordPress. Se bildet nedenfor:

Nå lurer du sikkert på hvorfor det var vanskelig å få det inn i WordPress når wp_get_archives () viser arkivene månedlig med året ved siden av det? Vel, det er fordi denne klienten bare ønsket å vise året en gang på den igjen. Det er ingen reell måte å tilpasse stilen til wp_get_archives () -funksjonen.

Vi så på nettet for løsninger og kom over ingenting. Dette problemet må være veldig sjelden, men vi fant ut at Andrew Appleton hadde det samme problemet, og han hadde en løsning for det. Vi brukte koder med små biter av modifikasjon.

Andrews kode hadde ikke en grenseparameter for arkivene. Så ved bruk av koder vil det bety at du vil vise alle arkiver i måneden. Tenk det for en blogg som er 5 år gammel. Så vi la til en grenseparameter som tillot oss å begrense antall måneder som vises til 18 til enhver tid.

Så i utgangspunktet hva du trenger å gjøre er å lime inn følgende kode i temaet ditt sidebar.php fil eller annen fil der du vil vise egendefinerte WordPress-arkiver:

 get_results ("SELECT DISTINCT MONTH (post_date) som måned, år (post_date) som år, COUNT (id) som post_count FROM $ wpdb-> innlegg hvor post_status = 'publiser' og post_date år, hvis ($ year_current! = $ year_prev) if ($ year_prev! = null) ?>  
/ "> år;?>
  
/ måned, 1, $ måned-> år))>>> måned, 1, $ måned-> år))?>
 = 18) break;  endforeach; ?> 

Merk: Hvis du vil endre antall viste måneder, må du endre linje 19 der gjeldende $ grenseverdi er satt til 18.

Vår CSS så litt ut som dette:

 .widget-arkiv polstring: 0 0 40px 0; flyte: venstre; bredde: 235px; .widget-arkiv ul margin: 0; .widget-arkiv li margin: 0; padding: 0; .widget-arkiv li a border-left: 1px solid # d6d7d7; polstring: 5px 0 3px 10px; margin: 0 0 0 55px; skjerm: blokk; li.archive-år float: left; font-familie: Helvetica, Arial, san-serif; polstring: 5px 0 3px 10px; farge: # ed1a1c; li.archive-år a color: # ed1a1c; margin: 0; grense: 0px; polstring: 0; 

Så ved å gjøre det på denne måten, hadde vi det endelige resultatet å se slik ut:

Nå, hvis du vil vise antall innlegg i hver måned, må du legge til denne koden hvor som helst mellom linje 12-16 i koden ovenfor:

POST_COUNT; ?>

Et eksempel på hva du kan gjøre med posttellingen og alt kan ses på bildet nedenfor:

Ovennevnte bilde ble hentet fra Andrew Appletons nettsted fordi det var løsningen han kom opp fra, som vi avledet vår stil. Hvis du vil se css for hans stiler, klikker du bare på linken til nettsiden ovenfor.

Vet du om en enklere måte å oppnå dette på? Vil du tilpasse visning av WordPress-arkivet ditt i det neste designet? Vennligst del dine tanker i kommentarfeltet nedenfor.