Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

WordPress : astuces pour afficher une page "autonome" avec wp_list_pages()

Tandis que fran6 s’interrogeait sur la création d’une page statique comme page d’accueil d’un blog WordPress, je me demandais comment créer une page prestations.php (teasing inside) affichant certaines catégories de billets dans une maquette spécifique. Je parle d’une page utilisant les boucles WordPress se suffisant donc à elle-même, et pas d’un Modèle de Page à remplir ultérieurement. Tout en sachant que j’ai besoin que cette page soit considérée comme une Page afin d’apparaître avec le marqueur wp_list_pages()

Avant d’arriver à définir ce besoin, j’ai commencé bille en tête par faire la page prestations.php que j’ai tenté d’afficher directement avec…

<?php include (TEMPLATEPATH . '/prestations.php'); ?>

…avant de me rendre compte que si le fichier en question n’était pas parsé par le moteur de WordPress via l’URL, il n’y avait aucune chance pour que les billets en question s’affichent ^_^

Création de la Page autonome

Cette notion fondamentale étant rappelée, comment faire ? J’ai simplement procédé par étapes : dans le panel d’administration de WordPress, j’ai créé une nouvelle page avec Prestations comme titre, j’ai sélectionné ensuite le modèle de page Prestations qui apparait lorsqu’on ajoute le marqueur qui va bien en haut de la page :

<?php /* Template Name: Prestations */ ?>

Et là, comme je n’avais rien à saisir de plus (le contenu étant censé s’afficher avec les boucles WP), je l’ai enregistré sans rien ajouter d’autre (le billet doit rester vide). Je me suis dit que sur un malentendu, ça pouvait marcher ;)

Et ça marche ! La page prestations.php, qui contient deux boucles pour afficher deux catégories de billet l’une en dessous de l’autre, apparaît avec les autres Pages et son contenu s’affiche parfaitement. WordPress a simplement besoin d’un nom de Page dans sa base de données pour la parser lorsqu’elle apparaît dans l’URL.

Rappels pour afficher deux catégories de billets dans deux boucles sur la même page

Pendant que j’y suis, voici quelques lignes présentes dans prestations.php pour afficher les 3 derniers billets de la catégorie « blog-pro », par exemple :

<div class="content primary-content">
    <?php query_posts('category_name=blog-pro&showposts=3'); ?>
        <?php while ( have_posts() ) : the_post() ?>
            [Le reste de la boucle ici]
        <?php endwhile ?>
</div><!-- end .content .primary-content -->

Voici maintenant les 3 derniers billets de la catégorie « prestations » :

<div class="content secondary-content">
    <?php query_posts('category_name=prestations&showposts=3'); ?>
         <?php while ( have_posts() ) : the_post() ?>
            [Le reste de la boucle ici]
        <?php endwhile ?>
</div><!-- end .content .secondary-content -->

Voilà, tout est dans la fonction query_posts() qui permet de faire une requête à la base de donnée en remettant les compteurs à zéro, ce qui permet une souplesse inégalable dans l’élaboration des templates.

Google Buzz : WordPress : astuces pour afficher une page "autonome" avec wp_list_pages()



22 commentaires pour “WordPress : astuces pour afficher une page "autonome" avec wp_list_pages()”

  1. Fran6 dit :

    Et oui, pas si facile que ça, la vie en Wordpress !! ;-) Mais le sujet n’est pas encore clos puisque je vais en rajouter une couche dans la semaine. J’hésiterai pas à parler de ton article vraiment très intéressant et qui apporte une pierre de plus à l’édification de Wordpress en CMS….;-)

  2. br1o dit :

    fran6 > Merci, au fait, je suis passé voir tes oeuvres sur flickr : j’aime beaucoup !
    a++

  3. Fran6 dit :

    Merci pour ton soutien ! ;-)

  4. HakunaMatata dit :

    J’ai essayé ton truc mais je n’obtiens rien, j’ai crée une page avec comme titre "actu" un fichier template avec comme template name : "actu" actu.php, visible dans mon editeur de theme mais rien alors que j’ai copié colle le contenu de pages.php dedans… et j’ai mis la page en page d’accueil…

    peut etre qu’il ya un truc pour attaché la page au fichier ?

    merci

  5. br1o dit :

    HakunaMatata > As-tu bien sélectionné actu.php dans le menu déroulant "Modèle de page" lors de la création de ta page ?

    Tiens-moi au courant ;)

  6. Hegyz dit :

    Génial ce petit tuto, je cherchais depuis 2 semaines à créer une liste de mes pages dans une page… grâce à toi et à fran6art.com, j’ai réussi..

    Longue vie et prospérité !!!!

  7. marc dit :

    Bonjour, J’ai essayé pour ma part de créer une page d’affichage spécifique type blog. J’ai donc nommé blog.php, je l’ai glisser dans le doss de mon template. J’ai fait exactement ce que tu as dit, mais ca n’affiche pas correctement. Pourtant si je prend le contenu de blog.php et que je le colle par ex dans archive.php, la pas de soucis..

    Ce que je veux c’est créer un lien dans mon menu qui affiche tous les posts en mode « blog » donc 1 colonne, au lieu des 3 de mon template. Comment faire?

    Merci

  8. Bruno Bichet dit :

    Salut @marc : est-ce que tu as bien ajouté le commentaire <?php /* Template Name: Prestations */ ?> en haut de blog.php ? Et si oui, ce template apparait-il bien comme modèle de page dans l’admin lors de la création de la page ?

  9. marc dit :

    oui il apparait dans les modeles de pages. cf la page concernée : http://generationsfm.com/streetblogger/blog

    merci

  10. dalla dit :

    bonjour, je cherche un peu la même chose pour les articles. comment afficher un certain nombre d’article d’une catégorie mère sans afficher les articles des autres catégories comprisent dans cette catégorie mère… merci à vous pour toutes ces infos…

  11. Tox dit :

    Salut, j’ai un peu du mal à comprendre,

    par exemple je veux afficher ma page toto.php (qui contient des boucles WP) sur mon site à cette adresse : http://www.site.com/toto.php, mais je veux qu’il soit parser Wordpress qui est situé ici http://www.site.com/blog/

    Est-ce bien de celà que tu parles ? Est-ce que c’est possible ?

  12. Bruno Bichet Intégrateur Web dit :

    @Tox — Ce billet ne traite pas de ce dont tu parle. Sans avoir testé ton exemple, je serais étonné que cela soit possible car ta page toto.php ne devrait pas être accessible via le moteur de wordpress si ce dernier est situé dans un autre répertoire.

    • Tox dit :

      D’accord, donc il faut absolument que je crée la page toto.php est que je lui mette pour qu’elle apparaisse dans les modèles de page ?

      Ensuite je crée une page dans WP avec ce modèle et je l’affiche ?

      • Bruno Bichet Intégrateur Web dit :

        Oui, c’est ça. Par ailleurs, contrairement à ce que j’ai mis dans le billet, il n’est pas nécessaire que la page Wordpress soit vide : le texte saisi apparaitrait sous le titre de la page normalement, en plus des éléments spécifiques à la page que tu auras créés.

  13. Tox dit :

    Super :)

  14. Jules dit :

    Salut Bruno,

    J’arrive pas à exécuter ton tuto…

    1/ J’ai modifier ma page php en incluant

    2/ Je créer une page (duplicata de mon index) que je place sous le modèle links

    3/ je tape http://www.monadresse.com/links.php = Not found !! Je peux juste accéder par /links/

    Comment faire docteur ?

    • Bruno Bichet Intégrateur Web dit :

      Bonjour Jules,

      A première vue, tout est normal et il s’agit du comportement attendu. Si tu crée une page « contact » dans Wordpress, tu ne pourras pas plus y accéder via « contact.php ». Pour les pages créées à la « main », c’est à priori la même chose.

      Donc, pas besoin de docteur, puisqu’il n’y a pas de maladie ;)

  15. Jules dit :

    Merci Bruno,

    Donc si je comprend bien, il est impossible de créer une page avec le .php en pouvant l’administrer depuis wordpress. C’est ça ?

  16. oziks dit :

    Merci pour le tuto, exactement ce que je cherchais !!

  17. patrice dit :

    Merci, moi qui galère avec ça, je vais tester ça de suite

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

css 4 design est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2009

Contactez l'auteur du site