Comment personnaliser l'affichage des archives WordPress dans votre barre latérale

Récemment, nous travaillions sur la conception d'un site client qui nous obligeait à afficher des archives mensuelles classées par année dans la barre latérale. Il était probablement très facile pour leur concepteur de se maquiller dans Photoshop, mais c'était un peu compliqué à réaliser dans WordPress. Voir l'image ci-dessous:

Maintenant, vous vous demandez probablement pourquoi il était difficile de le faire entrer dans WordPress lorsque wp_get_archives () liste les archives tous les mois avec l’année suivante. Eh bien, c’est parce que ce client voulait seulement montrer l’année une fois que c’est parti. Il n'y a pas vraiment de moyen de personnaliser le style de la fonction wp_get_archives ().

Nous avons cherché sur le Web des solutions sans rien trouver. Ce problème doit être vraiment rare, mais nous avons constaté qu'Andrew Appleton avait le même problème et qu'il disposait d'un correctif. Nous avons utilisé ses codes avec un peu de modification.

Le code d'Andrew n'avait pas de paramètre limite pour les archives. Donc, en utilisant ses codes, vous montrerez tous les mois d'archives. Imaginez cela pour un blog de 5 ans. Nous avons donc ajouté un paramètre limite qui nous permettait de limiter le nombre de mois affichés à 18 à tout moment..

Donc, fondamentalement, ce que vous devez faire est de coller le code suivant dans le thème de votre thème. sidebar.php fichier ou tout autre fichier dans lequel vous souhaitez afficher des archives WordPress personnalisées:

 get_results ("SELECT MOIS DISTINCT (post_date) AS mois, YEAR (post_date) AS année, COUNT (id) as post_count FROM $ wpdb-> posts WHERE post_status = 'publish' et post_date year; if ($ year_current! = $ year_purrent) if ($ year_prev! = null) ?>  
/ "> année;?>
  
/ mois, 1, $ mois-> année))?> "> mois, 1, $ mois-> année))?>
 = 18) pause;  endforeach; ?> 

Remarque: Si vous souhaitez modifier le nombre de mois affichés, vous devez modifier la ligne 19, où la valeur limite actuelle est définie sur 18..

Notre CSS ressemblait un peu à ça:

 .widget-archive padding: 0 0 40px 0; float: gauche; width: 235px; .widget-archive ul margin: 0; .widget-archive li margin: 0; padding: 0; .widget-archive li a border-left: 1px solid # d6d7d7; remplissage: 5px 0 3px 10px; marge: 0 0 0 55px; display: block; li.archive-year float: left; famille de fontes: Helvetica, Arial, san-serif; remplissage: 5px 0 3px 10px; color: # ed1a1c; li.archive-year a color: # ed1a1c; marge: 0; bordure: 0px; Rembourrage: 0; 

Donc, en procédant ainsi, nous avons eu le résultat final qui ressemblait à ceci:

Maintenant, si vous voulez afficher le nombre de messages chaque mois, vous devez ajouter ce code n'importe où entre les lignes 12 à 16 du code ci-dessus:

post_count; ?>

Un exemple de ce que vous pouvez faire avec le nombre de messages et tout est visible dans l'image ci-dessous:

La photo ci-dessus a été prise sur le site d'Andrew Appleton parce que c'est la solution qu'il a proposée qui a inspiré notre style. Si vous voulez voir le css pour ses styles, cliquez simplement sur le lien de son site Web ci-dessus.

Connaissez-vous un moyen plus simple d'accomplir cela? Allez-vous personnaliser l'affichage de vos archives WordPress dans le prochain dessin? S'il vous plaît partager vos pensées dans la boîte de commentaire ci-dessous.