Le titre, le texte et l’image mise en avant d’un article
wp="post-title" Les champs que tout article possède déjà dans WordPress : titre, texte, image mise en avant, date. Ces valeurs les affichent, sans créer de nouveaux champs.
Où le placer
Sur single.html, le modèle d’un article, et dans la carte d’une liste wp-query.
wp="post-title" sur un titre, wp="post-content" sur un <div>, wp="post-image" sur un <img>, wp="post-date" sur n’importe quel texte ; wp="post-link" place l’adresse de l’article dans href.
Exemple : un article de blog
<main class="post" wp="post">
<h1 wp="post-title">New autumn menu</h1>
<p class="post__date" wp="post-date">October 1</p>
<img src="images/post.jpg" alt="" wp="post-image">
<div class="post__text" wp="post-content">
<p>Pumpkin latte is back.</p>
</div>
</main>October 1, 2026
autumn.jpgPumpkin latte is back, and so is the cinnamon bun.
À retenir
- Le client les modifie dans l’éditeur d’articles habituel de WordPress, pas dans des champs supplémentaires.
post-imageuniquement sur un<img>;srcsetest retiré. Pour un arrière-plan, utilisezwp="post-bg-image".- Le format de la date vient de Réglages → Général.
post-contentetpost-excerptsur un<div>: WordPress entoure lui-même le texte de paragraphes.
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.
<div class="cover" wp="post-image"
style="background-image: url(images/post.jpg)"></div>post-image sur un bloc : la génération signale l’attribut dans le journal, et l’image reste figée.
<div class="cover" wp="post-bg-image"
style="background-image: url(images/post.jpg)"></div>post-bg-image place l’image mise en avant en arrière-plan.
Format alternatif
wp="post_title" fonctionne de la même façon : la génération donne un thème identique.