Cum să personalizați afișarea arhivelor WordPress în bara laterală

Recent, lucram la designul unui site al clientului, care ne-a cerut să afișăm arhive lunare aranjate după an în bara laterală. Probabil a fost foarte ușor pentru designerul lor să o macheteze în Photoshop, dar a fost un pic cam complicat de realizat în WordPress. Vedeți imaginea de mai jos:

Acum, probabil că vă întrebați de ce a fost dificil să o primiți în WordPress când wp_get_archives () listează arhivele lunar cu anul de lângă el? Ei bine, acest lucru se datorează faptului că acest client vroia doar să arate anul când a plecat. Nu există o modalitate reală de a personaliza stilul funcției wp_get_archives ().

Ne-am uitat în jurul paginilor web pentru soluții și nu am dat peste nimic. Această problemă trebuie să fie foarte rară, totuși am constatat că Andrew Appleton a avut o problemă similară și a avut o soluție pentru asta. Am folosit codurile sale cu un mic număr de modificări.

Codul lui Andrew nu avea un parametru limită pentru arhive. Deci, folosirea codurilor sale ar însemna că veți arăta toate lunile arhivelor. Imaginați-vă că pentru un blog care are 5 ani. Așa că am adăugat un parametru limitat care ne-a permis să limităm numărul de luni afișate la 18 la un moment dat.

Deci, practic, ceea ce trebuie să faceți este să lipiți următorul cod în tema proprie sidebar.php fișier sau orice alt fișier în care doriți să afișați arhive personalizate WordPress:

 get_results ("SELECT DISTINCT MONTH (post_date) AS lună, YEAR (post_date) AS an, COUNT (id) ca post_count FROM $ wpdb-> posts WHERE post_status = if ($ year_prev! = null) ?>  
/ "> an;;>
  
/ luna, 1, $ luna-> an))>>> luna, 1, $ luna-> an))>
 = 18) break;  endforeach; ?> 

Notă: Dacă doriți să modificați numărul de luni afișate, trebuie să modificați linia 19 unde valoarea curentă $ este setată la 18.

CSS-ul nostru a arătat cam așa:

 .widget-arhiva padding: 0 0 40px 0; plutește la stânga; width: 235px; .widget-archive ul margine: 0; .widget-arhiva li margine: 0; padding: 0; .widget-arhivă li a border-left: 1px solid # d6d7d7; umplutura: 5px 0 3px 10px; margine: 0 0 0 55px; display: bloc; li.archive-year float: left; font-familie: Helvetica, Arial, san-serif; umplutura: 5px 0 3px 10px; culoare: # ed1a1c; li.archive-an a culoare: # ed1a1c; marja: 0; frontieră: 0px; padding: 0; 

Deci, făcând acest lucru, am avut rezultatul final de a arăta astfel:

Acum, dacă doriți să afișați numărul de postări din fiecare lună, atunci va trebui să adăugați acest cod de cod oriunde între linia 12 - 16 a codului de mai sus:

POST_COUNT; ?>

Un exemplu despre ceea ce puteți face cu numărul de postări și totul poate fi văzut în imaginea de mai jos:

Imaginea de mai sus a fost luată de pe site-ul lui Andrew Appleton, deoarece aceasta a fost soluția pe care a venit-o de la care am derivat stilul nostru. Dacă doriți să vedeți css-ul pentru stilurile sale, faceți clic pe link-ul său de mai sus.

Știți despre o modalitate mai ușoară de a realiza acest lucru? Veți personaliza afișarea arhivelor dvs. WordPress în următorul design? Vă rugăm să împărtășiți gândurile dvs. în caseta de comentarii de mai jos.