Come personalizzare la visualizzazione degli archivi WordPress nella barra laterale

Recentemente, stavamo lavorando alla progettazione di un sito di un cliente che ci obbligava a visualizzare gli archivi mensili disposti per anno nella barra laterale. Probabilmente è stato davvero facile per il loro designer prenderlo in giro in Photoshop, ma è stato un po 'complicato da ottenere in WordPress. Guarda l'immagine qui sotto:

Ora probabilmente ti starai chiedendo perché è stato complicato inserirlo in WordPress quando wp_get_archives () elenca gli archivi mensilmente con l'anno successivo ad esso? Beh, questo è perché questo cliente voleva solo mostrare l'anno una volta che è andato via. Non esiste un modo reale per personalizzare lo stile della funzione wp_get_archives ().

Abbiamo cercato sul Web soluzioni e non abbiamo trovato nulla. Questo problema deve essere davvero raro, tuttavia abbiamo riscontrato che Andrew Appleton aveva il problema simile e aveva una soluzione per questo. Abbiamo usato i suoi codici con piccole modifiche.

Il codice di Andrew non aveva un parametro limite per gli archivi. Quindi usare i suoi codici significherebbe che mostrerai tutti gli archivi mese. Immagina per un blog che ha 5 anni. Quindi abbiamo aggiunto un parametro limite che ci ha permesso di limitare il numero di mesi visualizzati a 18 in qualsiasi momento.

Quindi in pratica quello che devi fare è incollare il codice seguente nel tuo tema sidebar.php file o qualsiasi altro file in cui si desidera visualizzare archivi WordPress personalizzati:

 get_results ("SELECT DISTINCT MONTH (post_date) AS month, YEAR (post_date) AS year, COUNT (id) come post_count FROM $ wpdb-> posts WHERE post_status = 'publish' e post_date year; if ($ year_current! = $ year_prev) if ($ year_prev! = null) ?>  
/ "> anno;?>
  
/ mese, 1, $ mese-> anno))?> "> mese, 1, $ mese-> anno))?>
 = 18) pausa;  endforeach; ?> 

Nota: se si desidera modificare il numero di mesi visualizzati, è necessario modificare la riga 19 in cui il valore limite $ corrente è impostato su 18.

Il nostro CSS sembrava un po 'come questo:

 .widget-archive padding: 0 0 40px 0; fluttuare: a sinistra; width: 235px; .widget-archive ul margin: 0; .widget-archive li margin: 0; padding: 0; .widget-archive li a border-left: 1px solid # d6d7d7; imbottitura: 5px 0 3px 10px; margine: 0 0 0 55 px; display: block; li.archive-year float: left; famiglia di font: Helvetica, Arial, san-serif; imbottitura: 5px 0 3px 10px; color: # ed1a1c; li.archive-year a color: # ed1a1c; margine: 0; bordo: 0px; padding: 0; 

Così facendo in questo modo, abbiamo avuto il risultato finale in questo modo:

Ora se vuoi mostrare il conteggio dei post in ogni mese, allora dovresti aggiungere questo bit di codice ovunque tra le righe 12 - 16 del codice precedente:

POST_COUNT; ?>

Un esempio di cosa puoi fare con il numero di post e tutto può essere visto nell'immagine qui sotto:

La foto sopra è stata presa dal sito di Andrew Appleton perché quella era la soluzione da cui derivava e da cui derivava il nostro stile. Se vuoi vedere il css per i suoi stili, clicca semplicemente sul link del suo sito web qui sopra.

Sai di un modo più semplice per realizzare questo? Personalizzerete la visualizzazione dei vostri archivi WordPress nel prossimo progetto? Si prega di condividere i tuoi pensieri nella casella di commento qui sotto.