Chaque contenu que vous publiez mérite une chance d'être découvert, même des mois ou des années plus tard. Mais si vos archives WordPress ne sont qu'une simple liste reléguée dans votre barre latérale, vous rendez plus difficile pour les visiteurs de trouver et d'apprécier vos anciens articles.
Vos archives peuvent être bien plus qu'une simple liste chronologique.
Elles peuvent guider les lecteurs vers les sujets qui les intéressent, mettre en valeur votre contenu le plus populaire, et même encourager les gens à passer plus de temps à explorer votre site.
Nous le savons par expérience car nous avons une page d'archives dédiée sur WPBeginner. Nous avons constaté de visu comment une archive peut faire une réelle différence dans la découverte de contenu.
Prêt à améliorer vos archives ? Nous allons vous montrer comment personnaliser l'affichage de vos archives WordPress avec des techniques simples qui ne nécessitent aucune compétence technique.
Pourquoi personnaliser l'affichage des archives WordPress dans votre barre latérale ?
Les archives WordPress organisent automatiquement vos articles par date, ce qui permet aux visiteurs de trouver facilement le contenu ancien.
De nombreux propriétaires de sites ajoutent une barre latérale à leur site WordPress et incluent un widget d'archives dans cette zone pour un accès rapide aux anciens articles.
Cependant, l'affichage par défaut des archives dans votre barre latérale peut souvent être trop long et peu convivial, surtout pour les sites avec un contenu étendu. Une simple liste de mois et d'années peut rapidement devenir écrasante et peu attrayante pour les utilisateurs.
En personnalisant les archives de votre barre latérale sur votre site WordPress, vous pouvez éviter que la liste des archives ne devienne trop longue et intimidante.
Une section d'archives bien conçue peut également améliorer l'expérience utilisateur, encourageant les visiteurs à explorer davantage votre contenu.
Dans cette optique, voyons comment vous pouvez personnaliser l'affichage des archives WordPress dans votre barre latérale :
- Option 1 : Personnaliser le bloc d'archives par défaut (sans plugin)
- Option 2 : Créer un affichage compact des archives
- Option 3 : Afficher les archives dans un menu déroulant
- Option 4 : Limiter le nombre de mois d'archives affichés
- Option 5 : Afficher des menus déroulants d'archives mensuelles et annuelles
- Option 6: Display Monthly Archives Arranged by Year
Option 1 : Personnaliser le bloc d'archives par défaut (sans plugin)
Le bloc ou le widget d'archives WordPress par défaut est en fait doté d'options pour personnaliser l'apparence des archives.
Si vous utilisez un thème classique, vous pouvez voir ces paramètres en allant dans Apparence » Widgets pour ouvrir l'éditeur de widgets basé sur des blocs.
Ensuite, cliquez sur le bouton « + » pour ajouter le bloc « Archives » dans la barre latérale de WordPress.
Dans le panneau des paramètres du bloc de droite, vous verrez des options pour afficher les archives sous forme de menu déroulant, afficher l'étiquette des archives et afficher le nombre d'articles publiés dans chaque période.
Vous pouvez également faire afficher les archives par année, mois, semaine ou jour.
Une fois que vous êtes satisfait de l'apparence des archives sur votre blog WordPress, vous pouvez cliquer sur « Mettre à jour ».
Voici à quoi ressemblent les archives WordPress par défaut dans la barre latérale de votre blog lorsque vous les personnalisez :
Si vous utilisez un thème de blocs, vous pouvez simplement utiliser le même bloc « Archives » et l'ajouter au modèle qui a une barre latérale dans l'éditeur complet du site. Les paramètres sont exactement les mêmes.
Vous pouvez lire notre guide complet sur l'édition complète du site WordPress pour plus d'informations.
Ces paramètres par défaut peuvent être suffisants pour un blog basique. Cependant, ils ne suffisent pas si vous avez beaucoup de contenu à gérer ou si vous souhaitez plus d'options de personnalisation.
Si vous cherchez d'autres moyens de personnaliser l'affichage des archives, continuez à lire.
Option 2 : Créer un affichage compact des archives
Si votre liste d'archives est devenue trop longue, vous pouvez créer une archive compacte qui affiche vos articles en utilisant beaucoup moins d'espace.
Vous devrez installer et activer le plugin Compact Archives. Nous avons développé ce plugin nous-mêmes, et il a bien fonctionné pour plus de 2 000 utilisateurs.
Pour plus d'instructions d'installation, consultez notre guide étape par étape sur comment installer un plugin WordPress.
Une fois le plugin actif, vous pouvez ajouter les archives compactes à la barre latérale de votre thème en utilisant le bloc « Archives compactes de WPBeginner ». Ce bloc est disponible dans l'éditeur de widgets basé sur les blocs et dans l'éditeur de site complet.
Vous pouvez ensuite modifier l'apparence des archives compactes.
Par exemple, vous pourriez choisir d'afficher les premières initiales du mois, la première lettre du mois ou le numéro du mois.
Une fois terminé, cliquez simplement sur « Mettre à jour » ou « Enregistrer ».
Pour plus de détails sur le plugin, consultez notre guide sur comment créer des archives compactes dans WordPress.
Option 3 : Afficher les archives dans un menu déroulant
Une autre façon de gérer les longues listes d'archives est d'afficher un aperçu réductible des années et des mois où vous avez publié des articles de blog.
Pour ce faire, vous devez installer et activer le plugin Collapsing Archives.
Une fois le plugin actif, vous devez visiter la page Apparence » Widgets et ajouter le widget « Archives réductibles » à votre barre latérale.
Dans la barre latérale des paramètres du bloc, vous pouvez choisir d'afficher le nombre de publications publiées dans l'année ou le mois, d'étendre automatiquement les menus déroulants, de modifier les icônes des menus déroulants, et plus encore.
Vous pouvez en apprendre davantage en vous référant à la Méthode 1 de notre guide sur comment limiter le nombre de mois d'archives affichés dans WordPress.
Une fois que vous êtes satisfait de la façon dont les archives sont affichées, cliquez sur « Mettre à jour » ou « Enregistrer ».
Voici à quoi cela ressemble sur notre site de démonstration :
Option 4 : Limiter le nombre de mois d'archives affichés
Peut-être que vous aimez l'apparence des archives par défaut de WordPress. Mais si vous avez beaucoup de contenu, afficher chaque mois ou chaque année peut rendre votre barre latérale trop longue. Vous pouvez résoudre ce problème en limitant le nombre de mois qui apparaissent dans votre liste d'archives.
Pour ce faire, vous devrez ajouter du code personnalisé aux fichiers de votre thème WordPress.
Si vous n'avez jamais fait cela auparavant, cela peut sembler intimidant. Mais ne vous inquiétez pas, car vous pouvez utiliser WPCode pour le faire en toute sécurité.
WPCode est un plugin d'extraits de code qui facilite l'ajout et la gestion d'extraits de code personnalisés dans WordPress.
Nous l'avons testé en profondeur et l'avons trouvé excellent pour rester organisé — vous pouvez clairement voir quels extraits vous avez ajoutés et désactiver rapidement tout code qui ne fonctionne pas, le tout sans modifier les fichiers de votre thème.
Pour plus d'informations sur notre expérience, consultez notre avis sur WPCode.
Tout d'abord, installons WPCode dans le tableau de bord d'administration de WordPress. Vous pouvez consulter notre guide étape par étape sur comment installer un plugin WordPress si vous avez besoin d'aide.
Remarque : Vous pouvez utiliser la version gratuite de WPCode pour ce tutoriel. Cela dit, la version premium offre de nombreux avantages, comme un générateur de code IA pour vous aider à créer des extraits de code personnalisés sans aucune connaissance technique.
Ensuite, allez dans Extraits de code » + Ajouter un extrait. Sélectionnez « Ajouter votre code personnalisé (Nouvel extrait) » et cliquez sur le bouton « + Ajouter un extrait de code ».
Maintenant, donnez un nom à votre nouvel extrait de code. Il peut s'agir de quelque chose de simple comme « Limiter l'affichage des mois d'archives ».
Ensuite, assurez-vous de sélectionner « Extrait PHP » pour le « Type de code ».
Allez-y et collez l'extrait de code suivant ci-dessous dans la boîte d'aperçu du code :
// Function to get archives list with limited months
function wpb_limit_archives() {
$archive_title = '<h3>Archives</h3>';
$my_archives = $archive_title . wp_get_archives(array(
'type'=>'monthly',
'limit'=>6,
'echo'=>0
));
return $my_archives;
}
// Create a shortcode
add_shortcode('wpb_custom_archives', 'wpb_limit_archives');
// Enable shortcode execution in text widget
add_filter('widget_text', 'do_shortcode');
La partie qui dit 'limit'=>6 contrôle le nombre de mois affichés. Vous pouvez le changer pour n'importe quel nombre si vous préférez.
Maintenant, faites défiler jusqu'à la section Insertion et assurez-vous que la méthode d'insertion est 'Insertion automatique'. Sélectionnez également 'Frontend uniquement' pour l'emplacement.
Après cela, cliquez simplement sur le commutateur en haut pour rendre le code 'Actif' et appuyez sur le bouton 'Enregistrer le snippet'.
Une fois terminé, accédez à votre éditeur de widgets basé sur des blocs ou à l'éditeur de site complet.
Ensuite, cliquez sur le bouton '+' et sélectionnez le bloc 'Shortcode'.
Après cela, vous devriez coller le shortcode suivant dans le bloc :
[wpb_custom_archives]
Une fois que vous cliquez sur le bouton 'Mettre à jour' ou 'Enregistrer', votre barre latérale affichera seulement 6 mois d'archives.
Pour plus de détails, consultez la méthode 3 de notre guide sur comment limiter le nombre de mois d'archives affichés dans WordPress.
Voici à quoi ressemble notre section d'archives après avoir remplacé le bloc Archives par défaut par le shortcode :
Option 5 : Afficher des menus déroulants d'archives mensuelles et annuelles
Parfois, les visiteurs ne savent peut-être pas exactement quand un article a été mis à jour ou publié. Pour les aider, vous pouvez créer deux menus déroulants dans votre section d'archives : un pour les années et un pour les mois.
Cet élément de conception WordPress peut aider les utilisateurs à trouver plus facilement du contenu plus ancien sans avoir à faire défiler une longue liste.
Nous utiliserons un extrait de code personnalisé et WPCode pour cela. Comme précédemment, assurez-vous d'abord d'installer WPCode dans votre administration WordPress.
Ensuite, allez dans Extraits de code » + Ajouter un extrait. Choisissez ‘Ajouter votre code personnalisé (Nouvel extrait)’ et cliquez sur le bouton ‘+ Ajouter un code personnalisé’.
Maintenant, donnez un nom à votre nouvel extrait de code personnalisé. Il peut s'agir de quelque chose de simple comme ‘Menus déroulants d'archives mensuelles et annuelles’.
De plus, sélectionnez ‘Extrait PHP’ pour le ‘Type de code’.
Dans la boîte de prévisualisation du code, insérez simplement l'extrait de code suivant :
function custom_archive_dropdown_shortcode() {
// Get months array
global $wpdb, $wp_locale;
$months = $wpdb->get_results(
"SELECT DISTINCT YEAR(post_date) AS year, MONTH(post_date) AS month
FROM $wpdb->posts
WHERE post_type = 'post' AND post_status = 'publish'
ORDER BY post_date DESC"
);
$output = '<h3>Archives</h3>'; // Added 'Archives' title in H3
$month_dropdown = '<select id="archive-month" name="archive-month" onchange="document.location.href=this.options[this.selectedIndex].value;">';
$month_dropdown .= '<option value="">Select Month</option>';
foreach ( $months as $month ) {
$month_name = $wp_locale->get_month($month->month);
$year_month = sprintf('%d-%02d', $month->year, $month->month);
$month_dropdown .= sprintf(
'<option value="%s">%s %d</option>',
esc_url(home_url('/' . $month->year . '/' . $month->month . '/')),
$month_name,
$month->year
);
}
$month_dropdown .= '</select>';
// Get years array
$years = $wpdb->get_results(
"SELECT DISTINCT YEAR(post_date) AS year
FROM $wpdb->posts
WHERE post_type = 'post' AND post_status = 'publish'
ORDER BY post_date DESC"
);
$year_dropdown = '<select id="archive-year" name="archive-year" onchange="document.location.href=this.options[this.selectedIndex].value;">';
$year_dropdown .= '<option value="">Select Year</option>';
foreach ( $years as $year ) {
$year_dropdown .= sprintf(
'<option value="%s">%d</option>',
esc_url(home_url('/' . $year->year . '/')),
$year->year
);
}
$year_dropdown .= '</select>';
$output .= $month_dropdown . $year_dropdown; // Append dropdowns to output
return $output; // Return the complete output
}
add_shortcode('archive_dropdown', 'custom_archive_dropdown_shortcode');
Comme pour l'extrait de code précédent, faites défiler jusqu'à la section Insertion et sélectionnez ‘Insertion automatique’ pour la méthode d'insertion. Quant à l'emplacement, vous pouvez choisir ‘Front-end uniquement’.
Ensuite, activez simplement l'extrait de code et cliquez sur ‘Enregistrer l'extrait’.
Maintenant, allez dans l'éditeur de widgets basé sur des blocs ou l'éditeur complet du site.
Après cela, ajoutez un bloc ‘Shortcode’ à votre barre latérale. À ce stade, vous pouvez aller de l'avant et coller le shortcode suivant dans le bloc shortcode :
[archive_dropdown]
Une fois que vous avez fait cela, cliquez simplement sur ‘Mettre à jour’ ou ‘Enregistrer’.
Maintenant, il y aura 2 menus déroulants qui permettront aux utilisateurs de choisir le mois et l'année pour trouver le bon contenu.
Chaque fois qu'ils sélectionneront un mois ou une année, l'utilisateur sera redirigé vers la page d'archives de la période choisie.
Option 6 : Afficher les archives mensuelles classées par année
Une fois, nous avons dû travailler sur la conception d'un site qui nécessitait des archives mensuelles classées par année dans la barre latérale.
Cette barre latérale d'archives personnalisée était difficile à coder car ce client ne voulait afficher l'année qu'une seule fois sur la gauche.
Heureusement, nous avons pu trouver l'inspiration sur le web et avons créé un extrait de code personnalisé pour cela. Pour cet article, nous avons créé une version beaucoup plus simple de ce code que vous pouvez également utiliser avec WPCode.
Tout d'abord, installez WPCode dans votre administration WordPress. Ensuite, allez dans Extraits de code » + Ajouter un extrait. Choisissez ‘Ajouter votre code personnalisé (Nouvel extrait)’ et cliquez sur le bouton ‘+ Ajouter un code personnalisé’.
Donnez un nom à votre nouvel extrait de code personnalisé. Il peut s'agir de quelque chose de simple comme ‘Archives personnalisées’.
De plus, sélectionnez ‘Extrait PHP’ pour le ‘Type de code’.
Dans la boîte de prévisualisation du code, insérez simplement l'extrait de code suivant :
add_shortcode( 'custom_archives', 'display_custom_archives' );
function display_custom_archives() {
$archives = wp_get_archives( array(
'type' => 'monthly',
'format' => 'custom',
'before' => '',
'after' => '<hr>',
'echo' => false,
) );
// Split the archives by year
$archives_by_year = array();
foreach ( explode( '<hr>', $archives ) as $archive_item ) {
if ( empty( $archive_item ) ) {
continue;
}
// Extract year from the archive link
preg_match( '/\/(\d{4})\//', $archive_item, $matches );
$year = isset( $matches[1] ) ? $matches[1] : date( 'Y' );
// Add to the year array
$archives_by_year[ $year ][] = $archive_item;
}
// Build the output
$output = '<h2 class="archives-title">Archives</h2>';
$output .= '<hr>';
$output .= '<table>';
foreach ( $archives_by_year as $year => $archives_for_year ) {
$output .= '<tr>';
$output .= '<td class="year">' . $year . '</td>';
$output .= '<td class="months">';
$output .= implode( '', $archives_for_year );
$output .= '</td>';
$output .= '</tr>';
}
$output .= '</table>';
return $output;
}
Comme indiqué dans la méthode 5, vous pouvez maintenant faire défiler jusqu'à la section Insertion et sélectionner « Insertion automatique » pour la méthode d'insertion. Vous pouvez choisir « Frontend uniquement » pour l'emplacement.
Maintenant, rendez l'extrait de code actif et cliquez sur « Enregistrer l'extrait ».
Créons à nouveau un nouvel extrait de code personnalisé. Cette fois, l'extrait de code sert à styliser la zone du widget d'archives en utilisant du CSS.
Vous pouvez nommer cet extrait de code « CSS personnalisé pour les archives » et sélectionner « Extrait CSS » pour le type de code.
Maintenant, collez l'extrait de code suivant dans la boîte d'aperçu du code :
.archives-title {
/* Style the title */
}
table {
width: 100%;
border-collapse: collapse;
}
td {
padding: 5px;
vertical-align: top;
}
.year {
font-weight: bold;
}
.months hr {
margin: 5px 0;
border: none;
border-top: 1px solid #ccc;
}
Une fois terminé, faites simplement défiler jusqu'à la section Insertion et sélectionnez « Insertion automatique » pour la méthode d'insertion. Ensuite, choisissez « En-tête de tout le site » pour l'emplacement.
Après cela, rendez simplement le code actif et cliquez sur ‘Enregistrer l'extrait.’
Allons dans l'éditeur de widgets ou l'éditeur de site complet.
Ici, cliquez sur le bouton « + » et sélectionnez le bloc « Shortcode ». Maintenant, collez le shortcode suivant dans le bloc shortcode :
[custom_archives]
Ensuite, cliquez sur « Mettre à jour » ou « Enregistrer ».
C’est tout !
Voici à quoi ressemble notre affichage des archives sur notre site de démonstration :
Découvrez plus d'astuces et de conseils pour les blogs WordPress
Vous souhaitez améliorer davantage vos archives de blog WordPress ? Ou peut-être redessiner votre barre latérale ? Consultez ces guides connexes ci-dessous :
- Comment ajouter une barre latérale, un en-tête ou un pied de page personnalisé pour chaque catégorie
- Comment créer une page d'archive de types de publication personnalisés dans WordPress
- Guide du débutant pour créer une page d'archives personnalisée dans WordPress
- Comment changer le côté de la barre latérale dans WordPress
- Astuces de barre latérale WordPress pour obtenir des résultats maximum
- Comment ajouter une image dans un widget de la barre latérale WordPress
Nous espérons que ce tutoriel vous a aidé à apprendre comment personnaliser l'affichage des archives WordPress dans votre barre latérale. Vous pourriez également vouloir consulter notre guide ultime sur comment modifier un site Web WordPress et notre sélection d'experts des meilleurs constructeurs de pages glisser-déposer WordPress.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Serena
Bonjour. Merci pour le code, ça marche ! J'ai utilisé l'option 5 (archive dans un champ déroulant). Dans mon code, j'utilise uniquement l'année et non le mois.
La liste déroulante a été placée dans le modèle de la page d'archives par année afin que vous puissiez passer d'une année à l'autre. Cependant, j'aimerais savoir comment m'assurer que la liste déroulante a déjà l'année sélectionnée. Laissez-moi vous expliquer. Si je consulte les archives de 2023, la liste déroulante devrait déjà avoir l'année 2023 sélectionnée ou avoir un espace réservé avec l'année des archives que je consulte.
Serait-ce possible ?
Merci
Support WPBeginner
At the moment the code would not do that but we will look into the possibility for the future
Admin
Jiří Vaněk
J'aime beaucoup l'option d'afficher les archives dans un menu déroulant. J'ai mon site Web depuis trois ans et il compte maintenant 1 300 articles. Je cherchais une solution qui ne finirait pas par occuper la moitié de la barre latérale. Avec autant d'articles, l'affichage des archives serait inconfortablement grand et peu attrayant. Cependant, le menu déroulant a parfaitement résolu ce problème, rendant les archives merveilleusement compactes. Cette fonctionnalité m'a vraiment aidé car sinon, je n'aurais probablement pas inclus les archives dans le menu du tout.
AD
Existe-t-il un moyen, ou un widget quelconque, sous la barre latérale Archives pour afficher les articles de blog par titre sous le mois correspondant ; plutôt que de simplement avoir le mois seul qui clique sur une nouvelle page affichant tous les articles de ce mois en leur intégralité ?
Je suis désolé si cela a déjà été répondu dans les commentaires. Je n'ai pas eu l'occasion de les lire.
Merci pour toute aide ou indication que vous pourrez apporter à ma question !
Support WPBeginner
Bonjour,
Veuillez consulter notre article sur comment limiter les archives dans WordPress.
Admin
Jaswinder
Merci beaucoup pour le code. C'est une bouée de sauvetage.
Carla Izumi Bamford
Merci pour cette publication, très utile.
Margaret
C'était extrêmement utile ! Merci beaucoup. A fait exactement ce dont j'avais besoin.
Thomas
Bonjour WPBEGINNER,
J'espère que vous jetterez encore un œil à cet ancien article. Tout d'abord, merci beaucoup pour ce super tutoriel et ce code.
J'ai réussi à obtenir
Année
Janvier (2)
Février (5)
…
…
Mais je n'ai pas réussi à compter les articles par an. Comment puis-je faire cela, de sorte que l'entrée de l'année affiche un nombre pour tous les articles d'une année
année (28) …
Merci beaucoup pour votre aide !
Cordialement,
Thomas
Erik
Thanks so much for this code!
it is helping me a lot.
Y a-t-il une chance d'étendre cela à une catégorie spécifique ? par ID de catégorie ?
Jason Wofford
Le code fonctionne parfaitement, mais comment puis-je ajouter des jours à chacun des mois ?
Tony Lewis
did not work for me seems to be missing some css
Xavier
Ce code ne fonctionne plus pour personne d'autre ?
James
Ça ne marche pas du tout !!!
le résultat n'a rien à voir avec l'exemple.
Étrange que certains aient trouvé cela utile et génial.
Quel est le problème ?
Eldad
Je voulais juste vous remercier
Xavier Bonet
Salut ! Premièrement, premièrement ! Super code ! Ça marche parfaitement ! Merci !
Je me demandais s'il y aurait un moyen de modifier le code afin de permettre, disons, à la période de 18 mois de monter ou descendre en fonction de ce que l'on visualise ? Tel quel, on ne peut accéder qu'aux 18 derniers mois. Mais peut-être y aurait-il un moyen de faire cela de sorte que lorsque l'on ouvre, par exemple, le mois 18 de la liste, et que la nouvelle page est ouverte, la liste d'archives générée par le code ci-dessus définisse le mois 18 comme le centre d'un nouveau tableau montrant, disons, 9 mois avant et 7 après (ou vice versa).
Peut-être que mon explication n'est pas très claire. J'ai eu l'idée en consultant ce site web ici : http://marthabeck.com/. Si vous faites défiler vers le menu tout en bas, vous verrez qu'il y a plusieurs années disponibles mais que seuls les mois de l'année en cours sont affichés. Lorsque l'on ouvre une nouvelle année, les mois de cette année sont alors affichés. Bien sûr, c'est probablement un code entièrement différent, mais au moins cela fonctionne comme un exemple visuel de ce dont je parle.
Support WPBeginner
Essayez de le créer avec des balises conditionnelles sur les modèles d'archives basés sur la date :
Regardez le codex pour is_archive single_month_title
Admin
tobias
Pas la boucle foreach(), la requête MySQL devrait avoir une limite !
Jessica
Y a-t-il un moyen pour que les archives soient quotidiennes ou même hebdomadaires plutôt que seulement mensuelles ?
Personnel éditorial
Vous pouvez utiliser le widget calendrier dans WordPress.
Admin
JP Lew
J'utilise un calendrier, mais en plus de cela, j'ai modifié le code pour générer également des archives quotidiennes, cela a très bien fonctionné. Voici la requête :
$days = $wpdb->get_results(“SELECT DISTINCT DAY( post_date ) AS day , MONTH( post_date ) AS month , YEAR( post_date ) AS year, COUNT( id ) as post_count FROM $wpdb->posts WHERE post_status = ‘publish’ and post_date <= now( ) and post_type = 'lecture' GROUP BY day , month , year ORDER BY post_date ASC");
<a href="/year; ?>/month, 1, $day->year)) ?>/month, $day->day, $day->year)) ?>”>month, $day->day, $day->year)) . “, ” . date_i18n(“F”, mktime(0, 0, 0, $day->month, 1, $day->year)) . ” ” . date(“j”, mktime(0, 0, 0, $day->month, $day->day, $day->year)) . “, ” . $queried_year ?>post_count . “)”; ?>
//outputs: jeudi, août 22, 2013 (12)
Merci pour la publication au passage, c'était exactement ce que je cherchais. Les performances sont étonnamment bonnes aussi.
JP Lew
ok, your comment system stripped out all my `php` tags essentially rendering that code useless. Anyways, it’s possible and easy, you’ll figure it out.
Roelof
Bonjour,
J'aime cette idée. Peut-elle aussi être adaptée pour que seuls les articles d'une catégorie spécifique figurent dans les archives et toutes les autres catégories non.
Roelof Wobben
Asher Charles
Super petit bout de code, je cherchais un moyen d'afficher mieux les archives. Santé
Carla
J'ai cherché partout un tutoriel sur la façon de personnaliser ma page d'archives. J'ai réussi à faire en sorte que ma page produise une liste de titres d'articles et de dates d'articles, ce qui est un bon début. Et maintenant, je dois trouver comment les regrouper par mois, pour que la page ressemble à ceci :
2013
Mai
This is a post title
28 mai 2013
And another post
20 mai 2013
Je ne suis pas vraiment sûr de la façon de faire cela. Auriez-vous des suggestions ? J'ai remarqué sur le forum Wordpress et ailleurs que beaucoup de gens veulent que leurs archives ressemblent à ceci, mais ils (comme moi) n'ont reçu aucune aide.
Merci !
Núria
Merci pour cet extrait de code, il a été très utile. Je veux juste ajouter un petit changement qui rendra la sortie de la chaîne du mois dans la langue locale.
À la ligne 16, vous pouvez remplacer la fonction date() par la fonction date_i18n()
– echo date("F", mktime(0, 0, 0, $month->month, 1, $month->year))
– echo date_i18n("F", mktime(0, 0, 0, $month->month, 1, $month->year))
Ainsi, la fonction retournera pour le mois de mars la chaîne « March » en anglais, « Marzo » en espagnol ou « Març » en catalan, pour ne citer que quelques exemples, en fonction de la langue du site.
Personnel éditorial
Merci pour cette suggestion. Code mis à jour.
Admin
Matt
Le thème que j'utilise a un widget pour les barres latérales. Le fichier php est écrit en shortcode. Comment puis-je convertir cela en shortcode pour le mettre dans le fichier ? Merci.
Personnel éditorial
Prenez le premier extrait et convertissez-le en fonction. Ensuite, utilisez cet article pour créer un shortcode :
https://www.wpbeginner.com/wp-tutorials/how-to-add-a-shortcode-in-wordpress/
Admin
Ryan
Salut,
Je suis tombé sur ceci, exactement ce que je cherchais. Mais il y a un petit problème, j'ai les deux derniers mois de publications, octobre et novembre, qui s'affichent dans la barre latérale, je viens d'en ajouter une nouvelle en décembre et elle ne s'affiche pas en décembre dans la liste des archives.
Étrange pourquoi le mois en cours ne s'affiche pas
Personnel éditorial
C'est effectivement étrange. Nous avons cela qui fonctionne bien sur le site d'un client.
Admin
thao_
Est-il possible d'afficher le nombre total de publications des années, ainsi que le nombre de publications pour chaque mois ? Vous auriez donc toujours le nombre de publications de chaque mois à côté de chaque mois, mais aussi le total pour l'année à côté de l'année. En utilisant votre image d'archive comme exemple, vous auriez 2010 (20) puis les mois tels qu'ils s'affichent actuellement.
Personnel éditorial
Oui, vous pouvez ajouter les décomptes de tous les mois d'une année et les afficher si vous le souhaitez.
Admin
craig coffman
I think I got it sorted. I moved the “break;” up into the code before it spits out the monthly … . I figured it out after looking at Appleton’s site. His code is slightly different, as you noted. I find it interesting how people can change a single bit of code and the effect is wildly different from such a small edit. To borrow from WP, “Code is Poetry”
J'ai apporté une modification que je voulais porter à votre attention. Le code ci-dessus ne semblait pas afficher le mois le plus récent. C'est-à-dire que mon mois d'août de cette année n'apparaissait pas (puisque nous sommes maintenant en août) mais juillet s'affichait très bien. J'ai modifié l'instruction SQL et maintenant il apparaît. Je ne suis pas sûr que vous vouliez le mois en cours, mais s'il s'agit d'une archive, peut-être même le mois en cours est archivé.
Voici mon changement :
post_date YEAR(CURDATE())
Cela semble extraire le mois dans lequel nous sommes actuellement. Je ne suis pas un maître SQL, donc il y a peut-être une raison de ne pas le faire ou même une meilleure façon. Cependant, cela fonctionne pour moi.
Merci pour votre temps sur ce tutoriel. Cela m'a certainement évité de me cogner davantage la tête contre un mur en essayant de manipuler wp_get_archives().
craig coffman
hmm… il semble que du code ait été supprimé. Il devrait y avoir le symbole Supérieur à là, entre « post_date » et « YEAR(CURDATE()) ». Laissez-moi réessayer et j'espère que ça fonctionnera.
post_date > YEAR(CURDATE())
Sorry for the additional post, but a ‘tweak’ doesn’t change anything if the proper code does not display
Ryan
Salut Craig,
Je ne suis pas sûr où mettre
post_date > YEAR(CURDATE())
Merci
craig coffman
Ryan –
Bizarre. J'ai posté une réponse sur le site Float Left mais elle ne semble pas y être. Voici le fichier que vous pouvez télécharger, montrant où se trouve le code :
http://www.octoberland.com/fileChute/displayCurrentMonth.zip
J'ai mis le code dans le fichier index.php de mon modèle. Il est là parce que le client voulait qu'il soit sur chaque page. Il ne récupère que les mois de l'année en cours. C'est-à-dire que si vous reveniez à 2011, les mois affichés seraient toujours 2012.
J'ai ajouté mon code dans la ligne 'WHERE' de MySQL, en remplaçant le code qu'Andy avait là.
De plus, j'ai la fonction d'archive WP standard car mon client voulait également afficher une archive annuelle. Ce n'est pas nécessaire pour afficher le mois en cours.
J'espère que cela vous aidera.
– Craig
Ryan
Merci Craig, cela semble avoir résolu le problème.
craig coffman
Ryan –
Happy it worked for you. It took me several hours (I am not a MySQL developer) to figure that out. Now that it is helped someone else, it was worth the effort
– Craig
mary
comment afficher les jours ?
Personnel éditorial
Voulez-vous afficher les 30 jours pour tous les mois ? Ou voulez-vous simplement afficher les jours ? Vous feriez peut-être mieux d'utiliser le widget calendrier intégré.
Admin
Akshat Goel
Great post!! Saved my day!
zuzanka
Bonjour, j'utilise uniquement le widget, pas de plugin supplémentaire pour les archives. J'ai limité le nombre de mois, par exemple 2, mais je m'attends à avoir 2 mois puis le reste sous "..." ou "archives". Je ne trouve pas comment montrer le reste. Y a-t-il quelqu'un qui connaît ce problème ? Merci beaucoup.
wpbeginner
@sgclark That sounds good. Will have to test out his plugin and then add it in this article
sgclark
@wpbeginner Les mois inutilisés sont enveloppés dans leur propre classe CSS unique, vous pouvez donc simplement faire un "display:none" CSS pour les mois inutilisés. Ensuite, lorsqu'un article apparaît dans le mois, il passe à une classe différente (via PHP)
wpbeginner
@sgclark Ce plugin semble bien… Je me demande comment cela fonctionnerait si nous ne voulions pas montrer du tout les mois inutilisés. Mais néanmoins, je ne l'ai pas encore essayé car il n'est pas hébergé dans le dépôt…
sgclark
Justin Blanton a créé un joli plug-in Wordpress appelé SmartArchives. Je suis sûr que vous pourriez également fouiller dans son fichier CSS pour jouer avec l'affichage et vous n'avez pas à vous soucier de tout le code supplémentaire sur la page PHP de la barre latérale. – http://hypertext.net/projects/smartarchives