Comment utiliser efficacement les boucles wordpress et les blocs de boucles de requête pour optimiser la présentation du contenu de votre site web.

Qu'est-ce qu'une boucle WordPress ?

La boucle WordPress est la principale structure de code PHP utilisée dans WordPress pour afficher le contenu des articles et des pages. Il s'agit d'un bloc de code PHP utilisé pour récupérer des articles, des pages et d'autres types de contenu dans une base de données et les afficher sur un site Web WordPress.

Comment fonctionnent les boucles WordPress

Les boucles WordPress sont une fonctionnalité de base qui permet de voir le contenu des articles et des pages lorsque les visiteurs naviguent sur votre site web. Cette boucle extrait automatiquement les informations relatives à l'article de la base de données de votre site web, telles que le titre, la date de publication, le contenu du corps de l'article et d'autres données pertinentes.

Voici un exemple de boucle WordPress pour vous aider à mieux comprendre son fonctionnement :

Lorsque vous visitez un site web WordPress, le contenu des articles et des pages affichés sur le site est présenté à travers une série de fonctions qui fonctionnent. Chacune de ces fonctions a une tâche spécifique, alors regardez ce dont chacune d'entre elles est responsable :

• get_header() répondre en chantant get_footer()Ces deux fonctions sont chargées d'ajouter respectivement des en-têtes et des pieds de page aux pages web. L'en-tête contient généralement le menu de navigation et le logo du site, tandis que le pied de page peut contenir des informations de contact, des mentions de copyright, etc.
• if (have_posts()): Ce jugement est utilisé pour vérifier s'il y a un article à afficher. Si c'est le cas, il renvoie true pour que la boucle puisse commencer à afficher l'article ; si ce n'est pas le cas, il renvoie false pour que le contenu de l'article ne soit pas affiché sur la page web.
• while (have_posts()): Il s'agit d'une boucle qui fonctionnera jusqu'à ce que tous les articles aient été affichés. Elle permet au site d'afficher chaque article l'un après l'autre.
• the_post()Cette fonction prépare l'affichage des données de l'article en cours, ce qui permet d'utiliser d'autres fonctions telles quele_titre()peut-êtrela vignette de l'article()Ces informations peuvent être obtenues et présentées correctement.
• le_titre(), l'auteur(), la vignette de l'article()Ces fonctions sont utilisées pour afficher le titre, l'auteur et la vignette d'un article. Sur les pages web, ces fonctions sont généralement enveloppées dans du code HTML pour un affichage esthétiquement formaté.
• déclaration finale Pendant ce temps répondre en chantant endifIls sont utilisés pour fermer les boucles et les jugements précédents et pour s'assurer que la logique du code est correctement fermée.

Attention :Par défaut, la boucle affiche pour chaque message le numéro d'identification de l'article.le_titre()etl'heure()répondre en chantantla_catégorie() Tags du modèle WordPress.
Vous pouvez également utiliser la syntaxe de code PHP suivante pour vos boucles WordPress. Bien que les fonctions et les éléments soient les mêmes, la syntaxe est formatée différemment. Vous trouverez ci-dessous un exemple de boucle WordPress écrite à l'aide de la syntaxe alternative :

endwhile ; endif ; get_footer() ; ?

Comment utiliser les boucles dans WordPress

Comment utiliser les boucles pour créer des liens hypertextes dans les titres des articles ?

Dans WordPress, si vous souhaitez ajouter un lien hypertexte au titre d'un article, de sorte qu'en cliquant sur le titre, vous accédiez directement à la page détaillée de l'article, vous pouvez utiliser la balisethe_permalink()fonction. Cette fonction récupère et affiche le permalien (URL) de l'article en cours.

<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
           <h2><a href="/fr/</?php the_permalink(); ?>"><?php the_title() ;?></a></h2>

Comment utiliser WordPress pour faire défiler le contenu, les auteurs, les dates et les catégories ?

Si vous souhaitez que l'article contienne l'auteur, la date, la catégorie et le contenu, appliquez le code WordPress suivant :

<?php if (have_posts()) : while (have_posts()) : the_post(); ?> 
           <h2><?php the_title() ;?></h2>

Les balises conditionnelles sont un ensemble de fonctions spéciales de WordPress qui aident les développeurs de thèmes à décider comment afficher le contenu d'un site web en fonction de différents types de pages ou de situations. Ces fonctions permettent un contrôle très souple de la logique d'affichage d'un site web, permettant à différentes pages d'afficher des contenus différents.

Par exemple, si vous souhaitez que certains contenus ne soient affichés que sur la page d'accueil, vous pouvez utiliser l'option is_home() Cette fonction vérifie si la page actuelle est la page d'accueil du blog. Cette fonction vérifie si la page en cours est la page d'accueil du blog ; si c'est le cas, elle exécute le code approprié pour afficher un contenu spécifique. Si vous souhaitez afficher quelque chose sur une page distincte d'un article, vous pouvez utiliser la fonction is_single() Cette fonction est utilisée pour déterminer si la page en cours est un article unique. Cette fonction est utilisée pour déterminer si la page en cours est un message unique.

Voici les balises conditionnelles les plus courantes dans WordPress :

• is_front_page() - Utilisé pour la page d'accueil du site web.
• is_page() - pour les pages WordPress.
• is_category() - Pour les archives des catégories.
• is_tag() - Pour l'étiquetage des archives.
• is_archive() - Utilisé pour archiver les pages.
• is_search() - Utilisé sur la page des résultats de la recherche.
• is_author() - Pour les dossiers d'auteurs.
• is_404() - pour la page 404 ff.

Pour toutes les pages sur lesquelles vous souhaitez les utiliser, réglez-les sur "vrai ".

Nous utilisons un fichier avec l'extensionif statement is_front_page()Marqueur, voir exemple :

<h2><?php the_title() ;?></h2>

Les utilisateurs de WordPress peuvent utiliser le code ci-dessus pour afficher les articles sur la première page.

Comment personnaliser les boucles WordPress à l'aide de fichiers modèles

Pour personnaliser l'affichage des articles sur votre site WordPress, vous pouvez modifier plusieurs fichiers modèles clés dans le dossier du thème. Ces fichiers sont les suivantsarchive.php(utilisé pour afficher la page d'archives),index.php(page d'accueil),catégorie.php(page de catégorie) ettag.php(page de garde).

Pour les thèmes WordPress non bloqués, des boucles WordPress sont nécessaires.

Exemple de boucle WordPress

Comment créer le thème Twenty Twenty dans WordPressindex.phpUn code est ajouté au fichier pour que les différentes catégories d'articles aient des styles d'affichage différents. Cette approche permet aux lecteurs de distinguer plus facilement les différentes catégories d'articles.

Reportez-vous au code suivant de la boucle WordPress, qui est commenté conformément à la documentation officielle pour vous aider à comprendre ce que fait chaque partie :

<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <div no numeric noise key 1011>
        <h2>
            <a href="/fr/</?php the_permalink(); ?>"><?php the_title(); ?></a>
        </h2>
        <p class="post-category">Catégorie :</p>
        <?php if ( in_category(3) ) : ?>
            <div style="color: red;"> <!-- 这里设置特别样式 -->
                <?php the_content(); ?>
            </div>
        
    </div>
<?php endwhile; else : ?>
    <p>Aucun poste n'a été trouvé.</p>
<?php endif; ?>

Insertion de publicités

Grâce à WordPress Loop, vous pouvez insérer des publicités dans les articles.N'oubliez pas d'indiquer le code de la publicitéRemplacer partiellement par le code actuel. :

//Code de la publicité
          
<a href="">
          
   
          
<a href="">

Obtenir des messages entre deux dates

Pour faciliter la gestion du site, les articles publiés entre deux dates peuvent être facilement filtrés à l'aide d'une boucle WordPress.

= '2024-01-01' AND post_date endwhile ; ?

Notez les ajustements. 2024-01-01 et 2024-05-01.

Afficher les messages créés il y a un an

Si vous souhaitez afficher les articles publiés il y a un an, utilisez le code suivant :

endif ; ?

Liste des messages à venir

Listez les articles à venir pour encourager les utilisateurs à visiter votre blog à l'avenir.

<h2><?php the_title(); ?></h2> 
    <span class="datetime"><?php the_time('j.F Y'); ?></span></p> 
<?php endwhile; 
else: ?><p>Il n'y a pas d'articles programmés pour l'avenir.</p> 
<?php endif; ?>

Afficher les derniers messages

Si vous souhaitez n'afficher que les derniers articles, vous pouvez vous référer au code ci-dessous :

$sticky, 'caller_get_posts' => 1 ) ) ;

if (have_posts()) :
    while (have_posts()) : the_post().
        le_titre().
        the_excerpt() ;
    endwhile ; endif ; endif
endif.
? >endif ; ?

Créer une page d'archives

Une page d'archives est une collection de vos articles précédemment publiés. Elle permet d'afficher facilement les anciens articles les plus populaires pour les visiteurs de votre site web. Pour la créer, référez-vous au code ci-dessous :

<h2><?php $numposts = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->posts WHERE post_status = 'publish'");
if (0 < $numposts) $numposts = number_format($numposts); ?>
<h2><?php echo $numposts.' recipes published since January 01, 2024'; ?>
  </h2>
  <ul id="archive-list">
    <?php
    $myposts = get_posts('numberposts=-1&');
    foreach($myposts as $post) : ?>
      <li>. <a href="/fr/</?php the_permalink(); ?>"><?php the_title(); ?></a></li>
    <?php endforeach; ?>
  </ul>

Comprendre les blocs de boucle de requête de WordPress

L'une des mises à jour les plus importantes des boucles WordPress est l'introduction du bloc de boucle de requête. Découvrons ce qu'il est et comment l'utiliser.

Qu'est-ce qu'un bloc d'interrogation en boucle ?

Le bloc WordPress Query Loop a été introduit dans WordPress 5.8 et constitue un ajout puissant à la fonctionnalité de base des boucles. L'éditeur Gutenberg l'utilise pour afficher les articles sur votre site.

En utilisant les blocs WordPress Query Loop, vous pouvez créer des formats d'articles WordPress complexes et visuellement attrayants qui affichent le contenu dans un ordre spécifique. Différents filtres peuvent être appliqués, tels que les catégories, les étiquettes ou les dates.

Comment utiliser les blocs de boucles de requête dans WordPress

Pour ajouter un bloc de boucle de requête, ouvrez ou ajoutez un nouvel article WordPress dans l'éditeur de bloc :

Une fois dans l'éditeur, sélectionnez le blocInséreur "+"Icônes :

Requête de rechercheinterrogationet cliquez dessus

Un nouveau bloc de boucle de requête sera ajouté à votre message. Maintenant, vérifiez les sections suivantes pour la personnalisation.

Blocs de boucles de requête personnalisés

Chaque fois que vous ajoutez un nouveau bloc de boucle de requête, deux options s'offrent à vous :

"Choisissez".Les options vous permettent de choisir parmi une variété de modes différents. Il vous suffit de choisir celui que vous préférez

Chaque bloc de boucle de requête se compose de plusieurs blocs imbriqués, tels que des titres d'articles ou des extraits. Si vous souhaitez savoir quels blocs sont utilisés dans un bloc de boucle de requête, ouvrez l'outil Aperçu du document. Vous y verrez tous les blocs imbriqués et pourrez naviguer entre eux :

• Démarrage à blanc

existentDémarrage à blancDans les options, vous verrez différents modèles. Sélectionnez celui qui vous convient. Dans cet exemple, nous ajouterons le modèle avec le titre de l'article et l'extrait :

Une fois que vous avez ajouté un bloc de boucle de requête, vous pouvez le personnaliser à l'aide de la barre d'outils du bloc ou de la section Paramètres du bloc.

• Barre d'outils de blocage

La barre d'outils des blocs est l'outil principal pour personnaliser n'importe quel bloc sur WordPress, y compris les blocs de requête.

Vous pouvez ici convertir une boucle de requête en une colonne ou un bloc de groupe, la déplacer dans l'éditeur, ajuster l'alignement ou modifier l'affichage par défaut. Les options les plus importantes sont les suivantesParamètres d'affichagerépondre en chantantl'interchangeabilité: :

Les paramètres d'affichage vous permettent de sélectionner le nombre d'articles WordPress à afficher, ainsi que le nombre d'articles qui doivent être ignorés avant que le contenu préféré ne soit affiché.

Si vous ne voyez pas les paramètres d'affichage, assurez-vous qu'ils sont désactivés dans la section "Paramètres de blocage".Hérite des options de requête du modèle.

Une autre fonction utile de WordPress estRemplacer. Grâce à elle, vous pouvez facilement remplacer le mode actuel par n'importe quel autre mode :

• Paramètres sectoriels

D'autres paramètres importants du bloc peuvent être définis en cliquant sur le coin supérieur droit de l'éditeur de l'icône"Réglages"est trouvé :

Le bloc Query Loop vous permet non seulement de personnaliser l'affichage de vos articles, d'appliquer des filtres ou d'ajouter des classes CSS personnalisées, mais il prend également en charge la pagination, ce qui est particulièrement utile pour la gestion de sites web riches en contenu.

Lorsque votre site contient un grand nombre d'articles, un bloc de boucle de requête peut afficher ces articles sur plusieurs pages par le biais de la pagination. Une telle configuration permet aux visiteurs de naviguer facilement dans votre blog grâce aux numéros de page :

rendre un verdict

Les boucles WordPress sont un outil puissant qui permet aux développeurs d'afficher efficacement les articles et le contenu des pages d'un site web. En utilisant une structure de boucle de base et diverses balises conditionnelles, les développeurs peuvent personnaliser l'affichage du contenu en fonction des types de pages ou de conditions spécifiques. Les boucles WordPress peuvent bénéficier à tout site web en organisant la manière dont les articles sont affichés, améliorant ainsi l'expérience de navigation des visiteurs.