{"id":78958,"date":"2024-12-23T09:32:32","date_gmt":"2024-12-23T08:32:32","guid":{"rendered":"https:\/\/kinqsta.com\/fr\/?p=78958&#038;preview=true&#038;preview_id=78958"},"modified":"2024-12-23T11:17:12","modified_gmt":"2024-12-23T10:17:12","slug":"boucle-wordpress","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/","title":{"rendered":"Guide complet de la boucle WordPress : tout ce qu&rsquo;il faut savoir"},"content":{"rendered":"<p>La boucle WordPress fait partie int\u00e9grante de la fa\u00e7on dont votre site WordPress affiche le contenu. Si vous voulez pouvoir personnaliser certaines parties de votre site (ou peut-\u00eatre vous lancer dans le d\u00e9veloppement de WordPress), vous devez conna\u00eetre la boucle WordPress.<\/p>\n<p>Que vous n&rsquo;ayez jamais entendu parler de la boucle WordPress ou que vous en ayez d\u00e9j\u00e0 une certaine connaissance, cet article est l\u00e0 pour vous mettre au courant de tout ce que vous devez savoir sur la boucle WordPress.<\/p>\n<p>Nous vous expliquerons ce que c&rsquo;est et pourquoi il peut \u00eatre utile de pouvoir travailler avec la boucle. Ensuite, nous vous montrerons \u00e9tape par \u00e9tape comment travailler avec la boucle dans les mod\u00e8les PHP (pour les th\u00e8mes classiques) et avec le bloc Query Loop dans les th\u00e8mes plus r\u00e9cents.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<p>Entrons dans le vif du sujet, en commen\u00e7ant par le d\u00e9but&#8230;.<\/p>\n<h2>Qu&rsquo;est-ce que la boucle WordPress ?<\/h2>\n<p>La boucle WordPress est ce que WordPress utilise pour afficher le contenu de votre site. Il s&rsquo;agit traditionnellement d&rsquo;un code PHP que vous pouvez personnaliser \u00e0 l&rsquo;aide de balises de mod\u00e8le, bien que les nouveaux th\u00e8mes WordPress utilisent le bloc Query Loop au lieu de PHP.<\/p>\n<p>En termes plus techniques, la boucle interroge la base de donn\u00e9es de votre site pour r\u00e9cup\u00e9rer les donn\u00e9es de chaque article, puis affiche ces donn\u00e9es selon un mod\u00e8le. Pour contr\u00f4ler ce mod\u00e8le, vous pouvez utiliser une vari\u00e9t\u00e9 de balises ou de blocs de mod\u00e8le, selon que vous utilisiez PHP ou le bloc Query Loop.<\/p>\n<p>Par exemple, disons que vous avez une page qui r\u00e9pertorie les articles les plus r\u00e9cents de votre blog, comme la page principale de votre blog :<\/p>\n<ol>\n<li>Tout d&rsquo;abord, la boucle v\u00e9rifiera s&rsquo;il existe des articles.<\/li>\n<li>Si c&rsquo;est le cas, elle affichera le premier article conform\u00e9ment \u00e0 votre mod\u00e8le.<\/li>\n<li>Ensuite, elle v\u00e9rifiera si un autre article existe. S&rsquo;il y a un autre article, le mod\u00e8le sera \u00e0 nouveau \u00ab boucl\u00e9 \u00bb et le deuxi\u00e8me article sera affich\u00e9 selon le m\u00eame mod\u00e8le.<\/li>\n<li>Il continuera \u00e0 \u00ab boucler \u00bb \u00e0 travers vos articles jusqu&rsquo;\u00e0 ce qu&rsquo;il n&rsquo;y ait plus d&rsquo;articles (ou jusqu&rsquo;\u00e0 ce qu&rsquo;il atteigne une autre limite, comme les r\u00e8gles de pagination).<\/li>\n<\/ol>\n<p>Voici un exemple frontend de ce \u00e0 quoi ressemble la boucle sur le <a href=\"https:\/\/kinqsta.com\/fr\/blog\/\">blog de Kinsta<\/a> &#8211; chaque case surlign\u00e9e est une autre it\u00e9ration de la \u00ab boucle \u00bb. Vous pouvez voir que les six bo\u00eetes utilisent le m\u00eame mod\u00e8le.<\/p>\n<figure id=\"attachment_188429\" aria-describedby=\"caption-attachment-188429\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188429 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/wordpress-loop-example-1024x818.jpg\" alt=\"Un exemple de la boucle WordPress affichant la page d'inscription du blog Kinsta\" width=\"1024\" height=\"818\"><figcaption id=\"caption-attachment-188429\" class=\"wp-caption-text\">Un exemple de la boucle WordPress<\/figcaption><\/figure>\n<h2>Quand WordPress utilise-t-il la boucle pour afficher du contenu ?<\/h2>\n<p>WordPress s&rsquo;appuie sur la Boucle pour afficher du contenu sur toute page qui r\u00e9pertorie plusieurs \u00e9l\u00e9ments de contenu (articles, pages, types de publications personnalis\u00e9s, etc.)<\/p>\n<p>Voici quelques-unes des principales situations dans lesquelles WordPress utilise la boucle, bien que cette liste ne soit pas exhaustive :<\/p>\n<ul>\n<li>Page d&rsquo;accueil du site qui affiche vos articles r\u00e9cents<\/li>\n<li>Page principale du blog<\/li>\n<li>Pages de listes de cat\u00e9gories<\/li>\n<li>Pages de liste d&rsquo;\u00e9tiquettes<\/li>\n<li>Pages de r\u00e9sultats de recherche<\/li>\n<li>Pages de liste des types de publications personnalis\u00e9s<\/li>\n<\/ul>\n<p>Techniquement, WordPress peut aussi utiliser la boucle pour afficher un \u00e9l\u00e9ment de contenu individuel. Dans ces situations, la \u00ab boucle \u00bb se termine apr\u00e8s avoir interrog\u00e9 le premier \u00e9l\u00e9ment.<\/p>\n<p>Cependant, lorsque la plupart des gens pensent \u00e0 la boucle WordPress, ils pensent qu&rsquo;elle \u00ab boucle \u00bb \u00e0 travers plusieurs \u00e9l\u00e9ments pour les afficher dans une sorte de liste.<\/p>\n<h2>\u00c0 quoi peut vous servir la boucle WordPress ?<\/h2>\n<p>Apprendre \u00e0 modifier et \u00e0 manipuler la boucle WordPress peut vous aider \u00e0 utiliser WordPress pour cr\u00e9er des sites web plus conviviaux et plus dynamiques.<\/p>\n<p>Voici trois des principales fa\u00e7ons dont vous pouvez utiliser la boucle WordPress pour am\u00e9liorer votre site&#8230;<\/p>\n<h3>Contr\u00f4ler l&rsquo;affichage du contenu de base des articles et des m\u00e9tadonn\u00e9es<\/h3>\n<p>La raison la plus courante pour laquelle vous souhaitez personnaliser la boucle WordPress est de contr\u00f4ler la mise en page de base du contenu de votre site.<\/p>\n<p>Par exemple, disons que vous voulez contr\u00f4ler la mise en page de la liste des articles de votre blog. En manipulant la boucle WordPress, vous pourrez contr\u00f4ler la mise en page d&rsquo;\u00e9l\u00e9ments importants tels que le titre de l&rsquo;article, son contenu, son auteur, ses m\u00e9tadonn\u00e9es (par exemple la date de publication), etc.<\/p>\n<p>En utilisant les conditionnelles, vous pouvez aussi cr\u00e9er diff\u00e9rentes mises en page pour diff\u00e9rents types de contenu. Par exemple, vous pouvez utiliser une mise en page pour lister les articles de la cat\u00e9gorie \u00ab Actualit\u00e9s \u00bb et une autre mise en page pour lister les articles de la cat\u00e9gorie \u00ab Interviews \u00bb.<\/p>\n<p>Cela vous permet d&rsquo;optimiser la conception pour les diff\u00e9rents types de contenu sur votre site et de cr\u00e9er une excellente exp\u00e9rience pour vos visiteurs.<\/p>\n<h3>Ins\u00e9rer des donn\u00e9es de champs personnalis\u00e9s pour construire des sites plus dynamiques.<\/h3>\n<p>Comprendre comment utiliser la boucle WordPress peut aussi vous aider \u00e0 utiliser WordPress pour construire des types de sites au contenu plus dynamique.<\/p>\n<p>Par exemple, disons que vous voulez <a href=\"https:\/\/kinqsta.com\/fr\/blog\/plugins-immobilier-wordpress\/\">cr\u00e9er un site d&rsquo;annonces immobili\u00e8res<\/a>. Dans ce cadre, vous voulez avoir une page qui r\u00e9pertorie des informations sur les maisons qui sont disponibles \u00e0 la vente via un <a href=\"https:\/\/kinqsta.com\/fr\/blog\/types-publications-personnalises-wordpress\/\">type de publication personnalis\u00e9<\/a> \u00ab Maison \u00bb que vous avez cr\u00e9\u00e9.<\/p>\n<p>Si vous utilisez simplement le mod\u00e8le de liste d&rsquo;articles par d\u00e9faut fourni avec votre th\u00e8me, il n&rsquo;affichera que les informations de base telles que le titre et le contenu &#8211; tout comme il affiche vos articles de blog ordinaires.<\/p>\n<p>En modifiant la boucle WordPress pour votre type de publication \u00ab Maison \u00bb et en ajoutant les balises de mod\u00e8le appropri\u00e9es, vous pourriez inclure des informations provenant des <a href=\"https:\/\/kinqsta.com\/fr\/blog\/ajouter-boite-meta-champ-personnalise-wordpress\/\">champs personnalis\u00e9s que vous utilisez<\/a>, comme le nombre de chambres et de salles de bain dans chaque maison, la superficie, etc.<\/p>\n<h3>Ins\u00e9rer du contenu autre que des articles dans vos listes d&rsquo;articles (par exemple des publicit\u00e9s).<\/h3>\n<p>Apprendre \u00e0 utiliser la boucle WordPress peut aussi vous aider \u00e0 ins\u00e9rer du contenu non dynamique dans les listes de contenu de votre site. Il s&rsquo;agit de contenu que votre site ne tire pas de la base de donn\u00e9es de WordPress.<\/p>\n<p>Par exemple, disons que vous voulez ins\u00e9rer <a href=\"https:\/\/kinqsta.com\/fr\/blog\/tailles-banniere-publicite\/\">une banni\u00e8re publicitaire<\/a> entre chaque article de la liste (ou tout autre type de contenu statique). En modifiant la boucle, vous pourrez facilement injecter vos publicit\u00e9s \u00e0 n&rsquo;importe quel endroit de la mise en page.<\/p>\n<h2>Deux options pour travailler avec la boucle WordPress<\/h2>\n<p>Avec le <a href=\"https:\/\/kinqsta.com\/fr\/blog\/concepts-fondamentaux-developpement-theme-wordpress\/\">d\u00e9veloppement moderne des th\u00e8mes WordPress<\/a>, la fa\u00e7on dont vous interagissez avec la boucle WordPress d\u00e9pend du type de th\u00e8me que vous utilisez.<\/p>\n<p>Dans le pass\u00e9, tous les th\u00e8mes WordPress \u00e9taient bas\u00e9s sur des mod\u00e8les PHP, et vous deviez donc travailler avec la boucle en utilisant le PHP dans les fichiers de ces mod\u00e8les de th\u00e8mes. De nos jours, ces types de th\u00e8mes sont appel\u00e9s <a href=\"https:\/\/kinqsta.com\/fr\/blog\/creer-theme-wordpress-classique\/\">th\u00e8mes WordPress classiques<\/a>.<\/p>\n<p>La plupart des <a href=\"https:\/\/kinqsta.com\/fr\/blog\/meilleurs-themes-wordpress-blog\/\">th\u00e8mes WordPress populaires<\/a> utilisent encore cette approche classique, ce qui signifie que vous utiliserez PHP pour travailler avec la boucle WordPress. Voici quelques exemples de th\u00e8mes classiques : <a href=\"https:\/\/kinqsta.com\/fr\/blog\/generatepress-vs-astra\/\">Astra, GeneratePress<\/a>, Kadence, Neve, OceanWP, etc.<\/p>\n<p>Cependant, les nouveaux th\u00e8mes de blocs WordPress construits sur l&rsquo;<a href=\"https:\/\/kinqsta.com\/fr\/blog\/wordpress-full-site-editing\/\">\u00c9diteur de site<\/a> n&rsquo;utilisent plus de fichiers de mod\u00e8les PHP comme les th\u00e8mes classiques, donc vous ne pouvez pas utiliser PHP pour personnaliser la boucle si vous utilisez un th\u00e8me bas\u00e9 sur des blocs. Au lieu de cela, ces nouveaux th\u00e8mes blocs utilisent un bloc sp\u00e9cial \u00ab Boucle de requ\u00eate \u00bb pour personnaliser la boucle WordPress.<\/p>\n<p>Vous pouvez peux consulter <a href=\"https:\/\/kinqsta.com\/fr\/blog\/themes-wordpress-blocs\/\">notre liste des meilleurs th\u00e8mes de blocs<\/a> pour voir quelques exemples de th\u00e8mes populaires qui utilisent cette approche.<\/p>\n<p>Ci-dessous, nous vous expliquons comment utiliser les deux approches pour travailler avec la boucle WordPress :<\/p>\n<ul>\n<li>Si vous utilisez un th\u00e8me classique, vous utiliserez PHP pour interagir avec la boucle.<\/li>\n<li>Si vous utilisez un th\u00e8me de blocs, vous utiliserez la m\u00e9thode de bloc Query Loop pour interagir avec la boucle.<\/li>\n<\/ul>\n<p>Si vous n&rsquo;\u00eates pas s\u00fbr du type de th\u00e8me que vous utilisez, vous pouvez regarder les options dans le menu <strong>Apparence<\/strong> de votre tableau de bord WordPress :<\/p>\n<ul>\n<li>Si vous voyez d&rsquo;autres options comme <strong>Personnaliser, Widgets<\/strong> et <strong>\u00c9diteur de fichiers de th\u00e8me<\/strong>, c&rsquo;est que vous utilisez un th\u00e8me classique.<\/li>\n<li>Si vous voyez une option <strong>\u00c9diteur <\/strong>sans les autres options, cela signifie g\u00e9n\u00e9ralement que vous utilisez un th\u00e8me de blocs.<\/li>\n<\/ul>\n<h2>Comment utiliser la boucle WordPress avec les th\u00e8mes classiques (code)<\/h2>\n<p>Si vous utilisez un th\u00e8me WordPress classique, vous travaillerez avec la boucle WordPress dans les fichiers de mod\u00e8le PHP de votre th\u00e8me.<\/p>\n<p>Voici un exemple d&rsquo;impl\u00e9mentation tr\u00e8s basique de la boucle WordPress :<\/p>\n<pre><code class=\"language-php\">&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\nthe_title( '&lt;h2&gt;', '&lt;\/h2&gt;' );\nthe_post_thumbnail();\nthe_excerpt();\nendwhile;\nelse:\n_e( 'Sorry, no posts matched your criteria.', 'textdomain' );\nendif;\n?&gt;<\/code><\/pre>\n<p>Pour vous aider \u00e0 comprendre ce que fait ce code, nous allons le diviser en trois sections :<\/p>\n<ul>\n<li>Ouverture de la boucle<\/li>\n<li>Utilisation des balises de mod\u00e8le pour contr\u00f4ler le contenu \u00e0 afficher<\/li>\n<li>Fermeture de la boucle<\/li>\n<\/ul>\n<p>Ensuite, nous aborderons un sujet un peu plus avanc\u00e9, \u00e0 savoir l&rsquo;utilisation d&rsquo;instructions conditionnelles pour ajuster la boucle en fonction de diff\u00e9rentes situations.<\/p>\n<h3>Comment d\u00e9marrer la boucle WordPress<\/h3>\n<p>Pour ouvrir la boucle WordPress, vous disposez de quatre \u00e9l\u00e9ments :<\/p>\n<ul>\n<li><code>&lt;?php<\/code> &#8211; ceci indique \u00e0 votre serveur web que vous allez utiliser PHP.<\/li>\n<li><code>if ( have_posts() )<\/code> &#8211; ceci indique \u00e0 votre serveur qu&rsquo;il doit v\u00e9rifier si la base de donn\u00e9es de votre site contient des articles correspondant \u00e0 la requ\u00eate, puis ex\u00e9cuter le code suivant s&rsquo;il y a des articles. S&rsquo;il n&rsquo;y a pas d&rsquo;articles, vous pouvez utiliser une instruction <strong>else <\/strong>pour ajouter un texte de remplacement, dont nous parlerons plus loin.<\/li>\n<li><code>while ( have_posts() )<\/code> &#8211; Ceci indique \u00e0 votre serveur qu&rsquo;il doit continuer \u00e0 tourner en boucle tant qu&rsquo;il y a des articles \u00e0 afficher. La limite sera g\u00e9n\u00e9ralement fix\u00e9e par votre choix dans la zone <strong>R\u00e9glages \u2192 Lecture<\/strong>. Par exemple, si vous configurez votre site pour qu&rsquo;il affiche jusqu&rsquo;\u00e0 10 articles par page, le serveur continuera \u00e0 tourner en boucle jusqu&rsquo;\u00e0 10 articles (tant que vous aurez publi\u00e9 au moins 10 articles).<\/li>\n<li><code>the_post();<\/code> &#8211; Ceci indique \u00e0 votre serveur de r\u00e9cup\u00e9rer les donn\u00e9es de chaque article dans la base de donn\u00e9es de votre site. Vous pouvez contr\u00f4ler l&rsquo;affichage de ces donn\u00e9es \u00e0 l&rsquo;aide des balises de mod\u00e8le, que nous aborderons dans la section suivante.<\/li>\n<\/ul>\n<pre><code class=\"language-php\">&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();<\/code><\/pre>\n<h3>Comment contr\u00f4ler le contenu de la boucle WordPress<\/h3>\n<p>Une fois que vous avez ouvert la boucle WordPress, vous pouvez utiliser les balises de mod\u00e8le pour contr\u00f4ler les informations que vous voulez inclure dans chaque article, ainsi que la pr\u00e9sentation g\u00e9n\u00e9rale* de ce contenu.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>*Vous utiliserez aussi HTML et CSS pour vous aider \u00e0 faire cela, bien s\u00fbr. Nous avons publi\u00e9 de nombreux articles sur le CSS sur le blog de Kinsta, <a href=\"https:\/\/kinqsta.com\/fr\/blog\/css-wordpress\/\">notamment sur la fa\u00e7on d&rsquo;utiliser le CSS dans WordPress<\/a>.<\/p>\n<\/aside>\n\n<p>Les balises de mod\u00e8le que vous utilisez \u00e0 l&rsquo;int\u00e9rieur de la boucle seront r\u00e9p\u00e9t\u00e9es pour chaque article affich\u00e9.<\/p>\n<p>Voici quelques-unes des balises de mod\u00e8le les plus courantes que vous pourriez vouloir utiliser :<\/p>\n<ul>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_title\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_title()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_content\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_content()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_excerpt\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_excerpt()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_post_thumbnail\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_post_thumbnail()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_author\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_author()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/next_post_link\/\" target=\"_blank\" rel=\"noopener noreferrer\">next_post_link()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_id\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_ID()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_meta\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_meta()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_shortlink\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_shortlink()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_tags\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_tags()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_time\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_time()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/previous_post_link\/\" target=\"_blank\" rel=\"noopener noreferrer\">previous_post_link()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/the_category\/\" target=\"_blank\" rel=\"noopener noreferrer\">the_category()<\/a><\/code><\/li>\n<\/ul>\n<p>Si vous construisez des sites WordPress plus personnalis\u00e9s, vous pouvez inclure des donn\u00e9es provenant de champs personnalis\u00e9s dans la boucle WordPress. La fa\u00e7on la plus simple de le faire est d&rsquo;utiliser une extension comme <a href=\"https:\/\/www.advancedcustomfields.com\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Custom Fields (ACF)<\/a>, <a href=\"https:\/\/metabox.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Meta Box<\/a> ou <a href=\"https:\/\/pods.io\" target=\"_blank\" rel=\"noopener noreferrer\">Pods<\/a>, qui incluent toutes leur propre fonctionnalit\u00e9 pour les balises de mod\u00e8le que vous pouvez utiliser dans la boucle WordPress.<\/p>\n<p>Par exemple, examinons la syntaxe d&rsquo;une boucle simple qui affiche simplement le titre, la miniature de l&rsquo;image mise en avant et l&rsquo;extrait de chaque article.<\/p>\n<p>Voici \u00e0 quoi cela pourrait ressembler :<\/p>\n<pre><code class=\"language-php\">\/\/ first, we need to open the loop as we showed you in the previous section\n&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\n\/\/ now, we can use template tags to control what information to display for each post\nthe_title( '&lt;h2&gt;', '&lt;\/h2&gt;' );\nthe_post_thumbnail();\nthe_excerpt();<\/code><\/pre>\n<h3>Comment fermer la boucle WordPress<\/h3>\n<p>Pour fermer la boucle WordPress, vous devez fermer la boucle <strong>while<\/strong>, l&rsquo;instruction <strong>if<\/strong> et PHP.<\/p>\n<p>Pour g\u00e9rer les situations dans lesquelles WordPress n&rsquo;est pas en mesure de renvoyer des articles, tu peux ajouter une instruction <strong>else<\/strong> avant de fermer l&rsquo;instruction <strong>if <\/strong>.<\/p>\n<p>Voici \u00e0 quoi ressemblerait la fermeture de la boucle pour notre exemple ci-dessus, avec l&rsquo;ajout de l&rsquo;instruction <strong>else<\/strong> pour couvrir les situations dans lesquelles aucun article ne correspond \u00e0 la requ\u00eate.<\/p>\n<pre><code class=\"language-php\">\/\/ first, we need to open the loop as we showed you in the previous section\n&lt;?php\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\n\/\/ now, we can use template tags to control what information to display for each post\nthe_title( '&lt;h2&gt;', '&lt;\/h2&gt;' );\nthe_post_thumbnail();\nthe_excerpt();\n\/\/ once we're finished with the template tags, we can now close the loop\nendwhile;\nelse:\n\/\/ this tells your site what to do if no posts match the query\n_e( 'Sorry, no posts matched your criteria.', 'textdomain' );\nendif;\n?&gt;<\/code><\/pre>\n<h3>Utiliser les conditionnelles pour contr\u00f4ler le comportement dans la boucle WordPress<\/h3>\n<p>Une fois que vous avez compris la structure de base de la boucle, vous pouvez commencer \u00e0 l&rsquo;utiliser de mani\u00e8re plus avanc\u00e9e.<\/p>\n<p>L&rsquo;un des meilleurs moyens de commencer est d&rsquo;utiliser des instructions conditionnelles. Celles-ci vous permettent d&rsquo;ajuster facilement le comportement de la boucle en fonction des diff\u00e9rents types de contenu, comme dans notre exemple pr\u00e9c\u00e9dent o\u00f9 vous pourriez utiliser une mise en page pour lister les articles de la cat\u00e9gorie \u00ab Interviews \u00bb et une autre pour les articles de la cat\u00e9gorie \u00ab Actualit\u00e9s \u00bb.<\/p>\n<p>Voici quelques-unes des balises conditionnelles que vous pouvez utiliser :<\/p>\n<ul>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_home\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_home()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_admin\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_admin()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_single\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_single()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_page()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_page_template\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_page_template()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_category\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_category()<\/a><\/code> ou <code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/in_category\/\" target=\"_blank\" rel=\"noopener noreferrer\">in_category()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_tag\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_tag()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_author\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_author()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_search\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_search()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/is_404\/\" target=\"_blank\" rel=\"noopener noreferrer\">is_404()<\/a><\/code><\/li>\n<li><code><a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/has_excerpt\/\" target=\"_blank\" rel=\"noopener noreferrer\">has_excerpt()<\/a><\/code><\/li>\n<\/ul>\n<p>Si vous cliquez sur les liens ci-dessus, vous pourrez voir des exemples de code sur la fa\u00e7on dont vous pourriez modifier la boucle WordPress pour diff\u00e9rents types de conditionnelles.<\/p>\n<p>Par exemple, voici \u00e0 quoi cela pourrait ressembler d&rsquo;appliquer un style diff\u00e9rent aux articles de la cat\u00e9gorie dont l&rsquo;ID est \u00ab 3 \u00bb en utilisant <strong>in_category<\/strong> et en appliquant un &lt;div&gt; diff\u00e9rent \u00e0 ces articles.<\/p>\n<pre><code class=\"language-php\">&lt;?php\n\/\/ Start the Loop.\nif ( have_posts() ) :\nwhile ( have_posts() ) : the_post();\n\/* * See if the current post is in category 3.\n* If it is, the div is given the CSS class \"post-category-three\".\n* Otherwise, the div is given the CSS class \"post\".\n*\/\nif ( in_category( 3 ) ) : ?&gt;\n&lt;div class=\"post-category-three\"&gt;\n&lt;?php else : ?&gt;\n&lt;div class=\"post\"&gt;\n&lt;?php endif;\n\/\/ Display the post's title.\nthe_title( '&lt;h2&gt;', ';&lt;\/h2&gt;' );\n\/\/ Display a link to other posts by this posts author.\nprintf( __( 'Posted by %s', 'textdomain' ), get_the_author_posts_link() );\n\/\/ Display the post's content in a div.\n?&gt;\n&lt;div class=\"entry\"&gt;\n&lt;?php the_content() ?&gt;\n&lt;\/div&gt;\n&lt;?php\n\/\/ Display a comma separated list of the post's categories.\n_e( 'Posted in ', 'textdomain' ); the_category( ', ' );\n\/\/ closes the first div box with the class of \"post\" or \"post-cat-three\"\n?&gt;\n&lt;\/div&gt;\n&lt;?php\n\/\/ Stop the Loop, but allow for a \"if not posts\" situation\nendwhile;\nelse :\n\/*\n* The very first \"if\" tested to see if there were any posts to\n* display. This \"else\" part tells what do if there weren't any.\n*\/\n_e( 'Sorry, no posts matched your criteria.', 'textdomain' );\n\/\/ Completely stop the Loop.\nendif;\n?&gt;<\/code><\/pre>\n<h2>Comment utiliser la boucle WordPress dans les th\u00e8mes de blocs (\u00c9diteur de site)<\/h2>\n<p>Comme nous l&rsquo;avons mentionn\u00e9 plus haut, les th\u00e8mes WordPress bas\u00e9s sur des blocs utilisent l&rsquo;\u00c9diteur de site pour contr\u00f4ler les mod\u00e8les de votre th\u00e8me plut\u00f4t que les fichiers de mod\u00e8les PHP.<\/p>\n<p>Pour cette raison, vous ne pouvez pas utiliser PHP pour personnaliser la boucle WordPress si vous utilises un th\u00e8me de blocs. \u00c0 la place, vous utiliserez le bloc Boucle de requ\u00eate.<\/p>\n<p>Les principes de base sont cependant les m\u00eames.<\/p>\n<p>Essentiellement, vous utiliserez le bloc Boucle de requ\u00eate pour ouvrir la boucle. \u00c0 l&rsquo;int\u00e9rieur du bloc Boucle de requ\u00eate se trouve un conteneur Mod\u00e8le d&rsquo;article et d&rsquo;autres conteneurs pour la pagination et \u00ab Aucun r\u00e9sultat \u00bb.<\/p>\n<p>Ensuite, au lieu d&rsquo;utiliser des balises de mod\u00e8le comme vous le fa\u00eetes en PHP, vous ajouterez des blocs de th\u00e8me WordPress \u00e0 l&rsquo;int\u00e9rieur du conteneur de mod\u00e8le d&rsquo;article pour contr\u00f4ler la mise en page de chaque \u00e9l\u00e9ment de la boucle.<\/p>\n<h3>Comment ajouter le bloc Boucle de requ\u00eate<\/h3>\n<p>Pour commencer, allez dans l&rsquo;\u00e9diteur de site (<strong>Apparence \u2192 \u00c9diteur<\/strong>) et cr\u00e9ez ou modifiez le mod\u00e8le correspondant. Vous pouvez aussi ajouter la boucle \u00e0 un \u00e9l\u00e9ment de contenu individuel, comme une page unique sur laquelle vous voulez lister des articles.<\/p>\n<p>Dans les deux cas, vous pouvez commencer par ajouter le bloc Boucle de requ\u00eate. Vous pouvez ensuite choisir d&rsquo;utiliser l&rsquo;un des mod\u00e8les de boucle existants de votre th\u00e8me en cliquant sur <strong>Choisir<\/strong> ou de partir d&rsquo;un canevas vierge en cliquant sur <strong>Commencer \u00e0 partir d&rsquo;un canevas vierge<\/strong>.<\/p>\n<p>Pour cet exemple, nous choisirons de <strong>commencer \u00e0 partir d&rsquo;un canevas vierge<\/strong>.<\/p>\n<figure id=\"attachment_188424\" aria-describedby=\"caption-attachment-188424\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188424 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-1-1024x614.jpg\" alt=\"Comment ajouter le bloc de boucle de requ\u00eate.\" width=\"1024\" height=\"614\"><figcaption id=\"caption-attachment-188424\" class=\"wp-caption-text\">Comment ajouter le bloc de boucle de requ\u00eate.<\/figcaption><\/figure>\n<p>Vous pouvez ensuite choisir parmi quelques variantes de d\u00e9part, l&rsquo;option la plus simple \u00e9tant d&rsquo;afficher simplement le titre et le contenu de chaque article.<\/p>\n<figure id=\"attachment_188425\" aria-describedby=\"caption-attachment-188425\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188425 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-2-1024x655.jpg\" alt=\"Vous pouvez choisir la variation de d\u00e9part de la boucle en utilisant les options des param\u00e8tres du bloc\" width=\"1024\" height=\"655\"><figcaption id=\"caption-attachment-188425\" class=\"wp-caption-text\">Comment choisir la variation de d\u00e9part de la boucle.<\/figcaption><\/figure>\n<p>Une fois que vous avez fait cela, vous pouvez utiliser les r\u00e9glages dans la colonne lat\u00e9rale du bloc Boucle de requ\u00eate pour contr\u00f4ler le contenu que vous voulez inclure dans la boucle (la \u00ab requ\u00eate \u00bb).<\/p>\n<p>Par d\u00e9faut, la boucle \u00e9num\u00e8re les articles ordinaires, mais vous pouvez modifier le type de publication pour \u00e9num\u00e9rer d&rsquo;autres types de contenu. Vous pouvez \u00e9galement modifier l&rsquo;ordre et utiliser des filtres pour n&rsquo;interroger que des \u00e9l\u00e9ments de contenu sp\u00e9cifiques, tels que le contenu appartenant \u00e0 une certaine cat\u00e9gorie, provenant d&rsquo;un certain auteur, et ainsi de suite.<\/p>\n<figure id=\"attachment_188426\" aria-describedby=\"caption-attachment-188426\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188426 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-3-1024x963.jpg\" alt=\"Vous pouvez personnaliser la requ\u00eate \u00e0 l'aide des options de la barre lat\u00e9rale des param\u00e8tres du bloc\" width=\"1024\" height=\"963\"><figcaption id=\"caption-attachment-188426\" class=\"wp-caption-text\">Comment personnaliser la boucle de requ\u00eate.<\/figcaption><\/figure>\n<h3>Comment personnaliser le mod\u00e8le de la boucle<\/h3>\n<p>Maintenant, vous pouvez utiliser les blocs de la section <strong>Th\u00e8me<\/strong> pour personnaliser davantage le mod\u00e8le de publication \u00e0 l&rsquo;int\u00e9rieur de la boucle de requ\u00eate. Encore une fois, ces blocs ont la m\u00eame fonction de base que les balises de mod\u00e8le dans le code PHP.<\/p>\n<p>Par exemple, si vous souhaitez afficher l&rsquo;auteur pour chaque contenu, vous pouvez ajouter le bloc Nom de l&rsquo;auteur \u00e0 l&rsquo;endroit o\u00f9 vous voulez que le nom de l&rsquo;auteur apparaisse.<\/p>\n<figure id=\"attachment_188427\" aria-describedby=\"caption-attachment-188427\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188427 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-4-1024x937.jpg\" alt=\"Vous pouvez utiliser les blocs du th\u00e8me principal pour personnaliser le mod\u00e8le de la boucle.\" width=\"1024\" height=\"937\"><figcaption id=\"caption-attachment-188427\" class=\"wp-caption-text\">Comment personnaliser le mod\u00e8le de la boucle.<\/figcaption><\/figure>\n<p>Vous trouverez \u00e9galement d&rsquo;autres blocs pour les \u00e9l\u00e9ments pertinents, comme l&rsquo;image mise en avant, la date, les cat\u00e9gories, les \u00e9tiquettes, etc.<\/p>\n<p>Si vous regardez le sch\u00e9ma, vous pouvez voir que tous ces blocs vont \u00e0 l&rsquo;int\u00e9rieur du groupe Mod\u00e8le de publication.<\/p>\n<figure id=\"attachment_188428\" aria-describedby=\"caption-attachment-188428\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-188428 size-large\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2024\/11\/query-loop-block-tutorial-5-1024x678.jpg\" alt=\"La fonction d'aper\u00e7u vous montre la structure du bloc Boucle d'interrogation.\" width=\"1024\" height=\"678\"><figcaption id=\"caption-attachment-188428\" class=\"wp-caption-text\">Un aper\u00e7u de la structure du bloc Boucle de requ\u00eate.<\/figcaption><\/figure>\n<p>Il existe \u00e9galement d&rsquo;autres groupes pour contr\u00f4ler la pagination et les situations dans lesquelles la requ\u00eate ne renvoie aucun r\u00e9sultat.<\/p>\n<h2>Conseils pour travailler avec la boucle WordPress<\/h2>\n<p>Parce que la boucle fait partie int\u00e9grante de WordPress, toute erreur ou faute peut entra\u00eener des probl\u00e8mes sur ton site. C&rsquo;est particuli\u00e8rement vrai si vous travaillez avec des mod\u00e8les PHP, car les erreurs de syntaxe peuvent d\u00e9clencher <a href=\"https:\/\/kinqsta.com\/fr\/blog\/il-y-a-eu-une-erreur-critique-sur-votre-site\/\">le message \u00ab There has been a critical error on your website \u00bb<\/a>.<\/p>\n<p>Pour \u00e9viter les probl\u00e8mes, voici quelques conseils&#8230;<\/p>\n<h3>Exp\u00e9rimenter et apprendre dans un environnement de d\u00e9veloppement local<\/h3>\n<p>Si c&rsquo;est la premi\u00e8re fois que vous travaillez avec la boucle WordPress, vous voudrez probablement exp\u00e9rimenter et jouer avec diff\u00e9rents concepts pour mieux comprendre son fonctionnement.<\/p>\n<p>Pour le faire en toute s\u00e9curit\u00e9, vous pouvez <a href=\"https:\/\/kinqsta.com\/fr\/blog\/installer-wordpress-localement\/\">utiliser un environnement de d\u00e9veloppement WordPress local<\/a>, qui vous donne un terrain de jeu s\u00fbr aliment\u00e9 par votre ordinateur local.<\/p>\n<p>Pour cr\u00e9er facilement des sites WordPress locaux \u00e0 des fins de test et d&rsquo;apprentissage, vous pouvez utiliser <a href=\"https:\/\/kinqsta.com\/fr\/devkinsta\/\">l&rsquo;outil gratuit DevKinsta<\/a>.<\/p>\n<p>Prenant en charge Windows et Mac, DevKinsta vous permet de cr\u00e9er facilement autant de sites de d\u00e9veloppement locaux que vous le souhaitez.<\/p>\n<h3>Travailler dans un environnement de staging pour les sites en direct<\/h3>\n<p>Si vous travaillez sur la boucle WordPress pour un site WordPress en direct, nous vous recommandons vivement de tout faire sur <a href=\"https:\/\/kinqsta.com\/fr\/blog\/staging-wordpress\/\">un site de staging<\/a> avant d&rsquo;appliquer les changements \u00e0 votre site WordPress en production.<\/p>\n<p>Si vous <a href=\"https:\/\/kinqsta.com\/fr\/hebergement-wordpress\/\">h\u00e9bergez votre site WordPress chez Kinsta<\/a>, vous pouvez <a href=\"https:\/\/kinqsta.com\/fr\/blog\/environnements-staging-kinsta\/\">utiliser l&rsquo;outil de staging int\u00e9gr\u00e9 \u00e0 Kinsta<\/a> pour effectuer toutes votre modifications dans un bac \u00e0 sable s\u00e9curis\u00e9.<\/p>\n<p>Une fois que vous avez v\u00e9rifi\u00e9 que tout fonctionne, vous pouvez facilement transf\u00e9rer les modifications apport\u00e9es \u00e0 l&rsquo;outil de simulation vers la version en ligne de votre site web.<\/p>\n<h2>Des plugins pour travailler directement avec la boucle WordPress<\/h2>\n<p>Si vous trouvez un peu intimidant de travailler directement avec la Boucle WordPress, il existe plusieurs extensions populaires qui vous donnent d&rsquo;autres moyens de \u00ab boucler \u00bb le contenu sans avoir besoin d&rsquo;utiliser PHP ou le bloc de boucle de requ\u00eate.<\/p>\n<p>Voici quelques extensions alternatives \u00e0 la boucle WordPress \u00e0 prendre en compte, bien que cette liste ne soit en aucun cas exhaustive.<\/p>\n<h3>Elementor Pro<\/h3>\n<p><a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor<\/a> est une extension populaire de construction de pages visuelles par glisser-d\u00e9poser. Avec Elementor Pro, vous pouvez acc\u00e9der \u00e0 des fonctionnalit\u00e9s compl\u00e8tes de construction de th\u00e8mes pour concevoir les fichiers de votre mod\u00e8le de th\u00e8me \u00e0 l&rsquo;aide d&rsquo;Elementor. En 2022, Elementor <a href=\"https:\/\/elementor.com\/blog\/introducing-the-loop-builder\/\" target=\"_blank\" rel=\"noopener noreferrer\">a ajout\u00e9 une fonctionnalit\u00e9 Loop Builder<\/a> \u00e0 Elementor Pro, qui vous permet de contr\u00f4ler et de personnaliser le contenu \u00ab boucl\u00e9 \u00bb \u00e0 l&rsquo;aide de l&rsquo;interface visuelle d&rsquo;Elementor.<\/p>\n<p>Nous avons r\u00e9dig\u00e9 <a href=\"https:\/\/kinqsta.com\/fr\/blog\/wordpress-elementor\/\">un guide complet sur l&rsquo;utilisation d&rsquo;Elementor<\/a>, ainsi que de <a href=\"https:\/\/kinqsta.com\/fr\/?s=elementor\">nombreux autres contenus sur Elementor sur le blog Kinsta<\/a>.<\/p>\n<h3>Bricks<\/h3>\n<p><a href=\"https:\/\/bricksbuilder.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Bricks<\/a> est un autre constructeur de site visuel populaire pour WordPress. Parmi ses nombreux outils de conception, il comprend son propre <a href=\"https:\/\/academy.bricksbuilder.io\/article\/query-loop\/\" target=\"_blank\" rel=\"noopener noreferrer\">constructeur de boucle de requ\u00eate<\/a> qui utilise une approche de code simplifi\u00e9e, ainsi que de nombreuses options suppl\u00e9mentaires dans l&rsquo;interface graphique.<\/p>\n<p>Nous avons \u00e9galement un <a href=\"https:\/\/kinqsta.com\/fr\/blog\/wordpress-bricks-builder\/\">guide sur la construction de sites WordPress avec Bricks<\/a>.<\/p>\n<h3>WP Show Posts<\/h3>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wp-show-posts\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Show Posts<\/a> ne vous donne pas autant de flexibilit\u00e9 que les deux extensions pr\u00e9c\u00e9dentes. Cependant, si vous cherchez un moyen facile de lister les articles WordPress dans diff\u00e9rents formats, c&rsquo;est peut-\u00eatre l&rsquo;outil le plus simple pour ce travail.<\/p>\n<p>Elle est gratuite et provient du m\u00eame d\u00e9veloppeur que le th\u00e8me populaire GeneratePress. Bien que le d\u00e9veloppeur n&rsquo;ajoute plus de nouvelles fonctionnalit\u00e9s \u00e0 l&rsquo;extension, il maintient toujours les fonctionnalit\u00e9s existantes de l&rsquo;extension.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Pour am\u00e9liorer vos comp\u00e9tences en mati\u00e8re de d\u00e9veloppement WordPress, vous devez comprendre la boucle WordPress. La boucle fait partie int\u00e9grante de la fa\u00e7on dont WordPress affiche le contenu ; apprendre \u00e0 l&rsquo;utiliser vous permettra de mieux contr\u00f4ler la fa\u00e7on dont le contenu est affich\u00e9 sur votre site.<\/p>\n<p>Ceci \u00e9tant dit, les nouveaux th\u00e8mes WordPress ne reposent plus sur des mod\u00e8les PHP comme les th\u00e8mes classiques, donc vous n&rsquo;aurez peut-\u00eatre pas besoin d&rsquo;utiliser PHP pour travailler avec la boucle. Au lieu de cela, si vous adh\u00e9rez au mouvement des th\u00e8mes de blocs, vous utiliserez le bloc Boucle de requ\u00eate pour obtenir des effets similaires.<\/p>\n<p>Quoi qu&rsquo;il en soit, apprendre \u00e0 utiliser la boucle WordPress plus efficacement vous rapportera des b\u00e9n\u00e9fices par la suite.<\/p>\n<p>La boucle WordPress \u00e9tant un \u00e9l\u00e9ment fondamental de WordPress, tout probl\u00e8me au niveau de la boucle pourrait endommager votre site. Pour \u00e9viter les probl\u00e8mes, nous vous recommandons d&rsquo;apprendre sur un site de d\u00e9veloppement local aliment\u00e9 par <a href=\"https:\/\/kinqsta.com\/fr\/devkinsta\/\">DevKinsta<\/a> ou d&rsquo;utiliser les outils de staging offerts par l&rsquo;<a href=\"https:\/\/kinqsta.com\/fr\/hebergement-wordpress\/\">h\u00e9bergement WordPress de Kinsta<\/a> pour travailler dans un environnement s\u00fbr.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La boucle WordPress fait partie int\u00e9grante de la fa\u00e7on dont votre site WordPress affiche le contenu. Si vous voulez pouvoir personnaliser certaines parties de votre site &#8230;<\/p>\n","protected":false},"author":199,"featured_media":78959,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1028],"class_list":["post-78958","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-developpement-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Guide de la boucle WordPress : tout ce que vous devez savoir<\/title>\n<meta name=\"description\" content=\"Apprenez ce qu&#039;est la boucle WordPress et comment vous pouvez l&#039;utiliser dans les mod\u00e8les et blocs PHP de l&#039;\u00e9diteur de site.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide complet de la boucle WordPress : tout ce qu&#039;il faut savoir\" \/>\n<meta property=\"og:description\" content=\"Apprenez ce qu&#039;est la boucle WordPress et comment vous pouvez l&#039;utiliser dans les mod\u00e8les et blocs PHP de l&#039;\u00e9diteur de site.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-23T08:32:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-23T10:17:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jeremy Holcombe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Apprenez ce qu&#039;est la boucle WordPress et comment vous pouvez l&#039;utiliser dans les mod\u00e8les et blocs PHP de l&#039;\u00e9diteur de site.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jeremy Holcombe\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"21 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/\"},\"author\":{\"name\":\"Jeremy Holcombe\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\"},\"headline\":\"Guide complet de la boucle WordPress : tout ce qu&rsquo;il faut savoir\",\"datePublished\":\"2024-12-23T08:32:32+00:00\",\"dateModified\":\"2024-12-23T10:17:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/\"},\"wordCount\":3795,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop.png\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/\",\"url\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/\",\"name\":\"Guide de la boucle WordPress : tout ce que vous devez savoir\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop.png\",\"datePublished\":\"2024-12-23T08:32:32+00:00\",\"dateModified\":\"2024-12-23T10:17:12+00:00\",\"description\":\"Apprenez ce qu'est la boucle WordPress et comment vous pouvez l'utiliser dans les mod\u00e8les et blocs PHP de l'\u00e9diteur de site.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinqsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Guide complet de la boucle WordPress : tout ce qu&#8217;il faut savoir\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#website\",\"url\":\"https:\/\/kinqsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21\",\"name\":\"Jeremy Holcombe\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g\",\"caption\":\"Jeremy Holcombe\"},\"description\":\"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jeremyholcombe\/\"],\"url\":\"https:\/\/kinqsta.com\/fr\/blog\/author\/jeremyholcombe\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Guide de la boucle WordPress : tout ce que vous devez savoir","description":"Apprenez ce qu'est la boucle WordPress et comment vous pouvez l'utiliser dans les mod\u00e8les et blocs PHP de l'\u00e9diteur de site.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Guide complet de la boucle WordPress : tout ce qu'il faut savoir","og_description":"Apprenez ce qu'est la boucle WordPress et comment vous pouvez l'utiliser dans les mod\u00e8les et blocs PHP de l'\u00e9diteur de site.","og_url":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2024-12-23T08:32:32+00:00","article_modified_time":"2024-12-23T10:17:12+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop.png","type":"image\/png"}],"author":"Jeremy Holcombe","twitter_card":"summary_large_image","twitter_description":"Apprenez ce qu'est la boucle WordPress et comment vous pouvez l'utiliser dans les mod\u00e8les et blocs PHP de l'\u00e9diteur de site.","twitter_image":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop-1024x512.png","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Jeremy Holcombe","Dur\u00e9e de lecture estim\u00e9e":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/"},"author":{"name":"Jeremy Holcombe","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21"},"headline":"Guide complet de la boucle WordPress : tout ce qu&rsquo;il faut savoir","datePublished":"2024-12-23T08:32:32+00:00","dateModified":"2024-12-23T10:17:12+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/"},"wordCount":3795,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop.png","inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/","url":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/","name":"Guide de la boucle WordPress : tout ce que vous devez savoir","isPartOf":{"@id":"https:\/\/kinqsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop.png","datePublished":"2024-12-23T08:32:32+00:00","dateModified":"2024-12-23T10:17:12+00:00","description":"Apprenez ce qu'est la boucle WordPress et comment vous pouvez l'utiliser dans les mod\u00e8les et blocs PHP de l'\u00e9diteur de site.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#primaryimage","url":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop.png","contentUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/12\/developing-with-wordpress-loop.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/fr\/blog\/boucle-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinqsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"Guide complet de la boucle WordPress : tout ce qu&#8217;il faut savoir"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/fr\/#website","url":"https:\/\/kinqsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinqsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/4eee42881d7b5a73ebb4f58dd5223b21","name":"Jeremy Holcombe","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinqsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e17001f3bb37dbbe54fceef9bb547fa?s=96&d=mm&r=g","caption":"Jeremy Holcombe"},"description":"Senior Editor at Kinsta, WordPress Web Developer, and Content Writer. Outside of all things WordPress, I enjoy the beach, golf, and movies. I also have tall people problems.","sameAs":["https:\/\/www.linkedin.com\/in\/jeremyholcombe\/"],"url":"https:\/\/kinqsta.com\/fr\/blog\/author\/jeremyholcombe\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts\/78958","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/users\/199"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/comments?post=78958"}],"version-history":[{"count":6,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts\/78958\/revisions"}],"predecessor-version":[{"id":78965,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/posts\/78958\/revisions\/78965"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78958\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78958\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78958\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78958\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78958\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78958\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78958\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78958\/translations\/es"},{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/78958\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/media\/78959"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/media?parent=78958"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/tags?post=78958"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/fr\/wp-json\/wp\/v2\/topic?post=78958"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}