WordPress : Comment créer une page qui affiche les 10 derniers messages ?

Publié par Jean-Michel le

Je suis nouveau sur wordpress et j’essaie de développer mon premier thème. Le truc, c’est que la page d’accueil doit être statique, sans affichage de messages. Mais j’ai besoin d’une section de blog et j’essaie de le faire en créant un modèle de page personnalisé qui appelle les 10 derniers articles.

Comment ferais-je cela en utilisant la boucle? Aidez-moi, s’il vous plaît! Merci d’avance à tous!

Solution n°1 trouvée

Si vous créez un modèle de page avec votre propre requête, vous jetez tout le travail que WordPress fait pour vous.

Dans vos paramètres, définissez une page d’accueil statique. Créez une deuxième page et dans les paramètres choisissez-la comme votre « page pour les publications »

Ensuite, si votre thème a une boucle valide dans les modèles, tout devrait fonctionner.

Solution n°2 trouvée

Par défaut, WordPress affiche votre contenu sous forme de blog sur la page d’accueil.

Utilisation des paramètres de page statique et de blog par défaut dans WordPress. WordPress est livré avec un support intégré pour la création d’une page d’accueil personnalisée (page d’accueil statique) et une page séparée pour les articles de blog. Pour utiliser cette méthode, vous devez créer deux nouvelles pages WordPress.

Lire également:  Wordpress : WP_Query qui inclut les méta-champs personnalisés d'un article

La première page sera votre page d’accueil personnalisée.

Ensuite, vous devez créer une autre page pour vos articles de blog. Vous pouvez intituler cette page comme Blog. De nombreux thèmes WordPress sont livrés avec différents modèles, et il est possible que votre thème ait un modèle à utiliser pour la page de blog. Cependant, s’il n’y a pas de modèle disponible dans votre thème, vous pouvez simplement choisir par défaut. N’oubliez pas de désactiver également l’option commentaires et rétroliens sur cette page.

Nous devons maintenant faire en sorte que WordPress utilise ces pages en conséquence. Pour ce faire, allez dans Paramètres » Lecture et sous l’option Affichages de la page d’accueil, choisissez Une page statique. Ci-dessous, choisissez la page à utiliser comme page d’accueil et la page pour vos articles de blog. Enregistrez vos modifications et chargez votre site pour examiner les modifications.

Lire également:  Wordpress réécrit le slug de page de règles vers un modèle personnalisé

Et si vous souhaitez créer un modèle personnalisé qui appelle les 10 derniers articles, vous pouvez utiliser l’étape suivante (Remarque – Vous pouvez utiliser votre propre code HTML pour la mise en page requise) –

Étape 1 : Modèle de page

Créez un modèle de page vierge nommé « page-blog.php » et incluez le code suivant :

    <?php
    /*
    Template Name: Blog
    */
    ?>
        <?php get_header(); ?>

        <div id="content">

        <?php query_posts('post_type=post&post_status=publish&posts_per_page=10&paged='. get_query_var('paged')); ?>

        <?php if( have_posts() ): ?>

        <?php while( have_posts() ): the_post(); ?>

        <div id="post-<?php get_the_ID(); ?>" <?php post_class(); ?>>

        <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail( array(200,220) ); ?></a>

        <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>

        <span class="meta"><?php author_profile_avatar_link(48); ?> <strong><?php the_time('F jS, Y'); ?></strong> / <strong><?php the_author_link(); ?></strong> / <span class="comments"><?php comments_popup_link(__('0 comments','example'),__('1 comment','example'),__('% comments','example')); ?></span></span>

        <?php the_excerpt(__('Continue reading »','example')); ?>

        </div><!-- /#post-<?php get_the_ID(); ?> -->

        <?php endwhile; ?>

        <div class="navigation">
        <span class="newer"><?php previous_posts_link(__('« Newer','example')) ?></span> <span class="older"><?php next_posts_link(__('Older »','example')) ?></span>
        </div><!-- /.navigation -->

        <?php else: ?>

        <div id="post-404" class="noposts">

        <p><?php _e('None found.','example'); ?></p>

        </div><!-- /#post-404 -->

        <?php endif; wp_reset_query(); ?>

        </div><!-- /#content -->

        <?php get_footer(); ?>

Au lieu d’afficher 5 publications, vous pouvez définir posts_per_page=10 ou ce qui fonctionne le mieux.

Notez également que le HTML utilisé dans cet exemple est rudimentaire pour garder les choses simples. Vous devrez probablement apporter quelques modifications au balisage pour le synchroniser avec la conception de votre thème.

Lire également:  Wordpress : Customizer Add Section argument 'active_callback' => "is_front_page" ne fonctionne pas

Étape 2 : Ajouter une nouvelle page

Une fois que page-blog.php est terminé et téléchargé sur le serveur, connectez-vous à l’administrateur WP et visitez l’écran Ajouter une nouvelle page. Là, créez une nouvelle page nommée « Blog » (ou ce que vous voulez) et définissez son modèle sur « Blog » dans le panneau « Attributs de la page ».

Fait! Visitez maintenant la page Blog après la publication et vous devriez voir la boucle personnalisée WP_Query fonctionner : vos derniers articles de blog seront affichés sur la page.

Catégories : Wordpress

Jean-Michel

Jean-Michel est en charge de la partie blog du site. Il met en place la stratégie de contenu et répond aux questions fréquentes sur Wordpress.

0 commentaire

Laisser un commentaire

Avatar placeholder

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *