Aller au contenu
themeforge
FR
Commencer gratuitement
Menu
  1. Accueil
  2. Référence des attributs
  3. wp-query
Essentiels Blog et articles

Afficher les derniers articles sur n’importe quelle page

wp-query="'post_type'=>'post','posts_per_page'=>3"

Des actualités sur la page d’accueil, trois articles sous un article, les prochains événements : le bloc se remplit tout seul depuis WordPress, et le client se contente de publier.

Où le placer

Sur le bloc qui contient les cartes. La valeur, ce sont les réglages de la requête WordPress sous forme de paires : 'post_type'=>'post','posts_per_page'=>3. La forme chaîne de requête post_type=post&posts_per_page=3 fonctionne aussi.

La première carte sert de modèle : placez-y wp="post-title", wp="post-image", wp="post-date" et les autres valeurs de l’article. Les autres cartes du balisage sont supprimées.

Un bloc avec wp="no-results" placé juste après s’affiche quand il n’y a aucun article.

Exemple : les actualités sur la page d’accueil

Balisage index.html
<div class="news" wp-query="'post_type'=>'post','posts_per_page'=>3">
  <article class="news-card">
    <img src="images/news.jpg" alt="" wp="post-image">
    <h3><a href="#" wp="post-title-link">New autumn menu</a></h3>
    <p wp="post-date">October 1</p>
  </article>
</div>
<div class="news-empty" wp="no-results">No news yet</div>
Dans l’administration Posts
Posts
  • New autumn menu
  • Filter of the day is back
  • Open on Sundays
  • Pastry week
Sur le site la page d’accueil
News
New autumn menu Oct 1
Filter of the day is back Sep 20
Open on Sundays Sep 5

À retenir

  • Des réglages au format WordPress : post_type (post, product, votre propre type), posts_per_page, category_name, orderby.
  • Une requête que le client doit pouvoir modifier sans toucher au balisage : créez-la dans ThemeForge → Queries et appelez-la par son nom, wp-query="[latest-news]".
  • Numéros de page sous cette liste : wp-paginate-query sur un bloc placé après elle, voir wp-paginate.

Erreurs fréquentes

Le journal de génération est l’onglet « Journaux » de votre projet sur themeforge.pro ; la vérification gratuite du balisage affiche les mêmes remarques.

À éviter
<div wp-query="post|3">…</div>

Une abréviation de votre invention : WordPress ne la comprend pas et affiche les derniers articles. Le journal de génération indique la valeur.

Correct
<div wp-query="'post_type'=>'post','posts_per_page'=>3">…</div>

Des paires au format WordPress.

Format alternatif

wp_query fonctionne de la même façon : la génération donne un thème identique.

Utilisé dans les recettes

Prêt quand vous l’êtes

Découvrez l’administration WordPress de votre site avant de payer.