2/5 Débutez la créa d'un thème WP. Afficher la liste des articles
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
1h57
de formation
23
leçons vidéo
5
chapitres
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

2/5 Débutez la créa d'un thème WP. Afficher la liste des articles

4.8/5 Trustpilot (1397 avis) Satisfait ou remboursé
1h57
de formation
23
leçons vidéo
5
chapitres

Apprendre à créer un thème WordPress

Afficher la liste des articles

Dans cette seconde formation, nous allons nous consacrer à l’affichage de la liste des articles. L’objectif est d'apprendre à concevoir un affichage dynamique et personnalisé des articles, en mettant en place une boucle sur cette liste.

Nous apprendrons à afficher dynamiquement le titre, l’image à la une, une brève description, le nom de l’auteur, et un lien vers l’article complet.

Vous découvrirez non seulement comment utiliser les fonctions et boucles WordPress pour organiser l’affichage de vos articles, mais également des astuces de personnalisation pour rendre votre thème unique, professionnel et bien sûr 100% responsive !

Nous ferons un exercice d'application concret en reprenant les codes de l'exercice réalisé au volet numéro 1.
Prêt à donner vie à votre thème WordPress ? C'est parti !
Je mets les codes de l'exercice à votre disposition.

Épisode précédent :

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Avant de commencer
Chapitre 2
Afficher la liste des articles
Chapitre 3
Afficher les images
Chapitre 4
Application
Chapitre 5
Pour la prochaine fois

Table des matières

Chapitre 1 : Avant de commencer

01m02
 
Leçon 1Avant de commencer

Chapitre 2 : Afficher la liste des articles

24m27
 
Leçon 1Définir une condition
Leçon 2Afficher la contre condition
Leçon 3Afficher un article
Leçon 4Afficher la liste des articles
Leçon 5Créer le lien menant à l'article
Leçon 6Afficher un extrait de l'article

Chapitre 3 : Afficher les images

18m57
 
Leçon 1Déclarer l'image de mise en avant
Leçon 2Afficher l'image de mise en avant
Leçon 3Définir la taille de l'image
Leçon 4Définir des attributs à l'image

Chapitre 4 : Application

1h10
 
Leçon 1Préparation des médias
Leçon 2Mettre en place les images mises en avant
Leçon 3Afficher la liste des articles
Leçon 4Mettre la liste des articles en forme
Leçon 5Mettre en forme la carte
Leçon 6Compléter le CSS de card-style.css
Leçon 7Rendre la carte responsive
Leçon 8Boucler sur la carte
Leçon 9Dynamiser les textes
Leçon 10Corrections
Leçon 11Image par défaut

Chapitre 5 : Pour la prochaine fois

02m37
 
Leçon 1Pour la prochaine fois

Aperçus

Avis des apprenants

Détail des avis
6
Commentaires
5/5
Note moyenne
5/5
6
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 07/03/2025
5
Merci Carl pour ce cours sur l'affichage des articles dans un thème WordPress ! La mise en place de la boucle `while(have_posts())` et l'utilisation de `the_post()` m'ont permis de mieux structurer mon template. J’ai aussi apprécié la gestion des miniatures avec `has_post_thumbnail()`, qui rend l'affichage plus dynamique. Une approche claire et efficace pour un rendu professionnel. Validé 100%. 👍
Carl Brison
Carl Brison
Ça bosse, ça bosse ! Merci beaucoup pour votre commentaire très gentil, Alain ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 23/01/2025
5
Extra, très clair! (reste à comprendre dans quel cas il faut modifier la version... Des fois non, des fois oui...)
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire. Pour la modif, c'est votre choix je pense. A bientôt, Carl.
Jean-Pierre Annen
Jean-Pierre Annen
Publié le 09/01/2025
5
Le fait de séparer la partie apprentissage, et la construction du site est très intéressante. Merci
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire ;-)

Vos questions sur le cours

Que contient le fichier source ?

Le code source de l'exercice

Quel est le niveau requis pour suivre ce tuto ?

débutant
Choisissez votre accès

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
24€
Paiement unique, sans abonnement
Accès à vie à cette formation
1h57 de vidéo • 5 chapitres
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ 27,91€ /mois
Le 1er mois, puis 34,90€ - sans engagement
Cette formation + 6 790 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Profiter de l'offre
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)
Continuez votre progression

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

+ 1,400,000 d’apprenants et d’entreprises se forment au quotidien sur Tuto.com
  • Logo adobe
  • Logo etapes
  • Logo nikon
  • Logo arte
  • Logo xp-pen
  • Logo citia
  • Logo universal
  • Logo jc-decaux
  • Logo cite-science
  • Logo credit-agricole
  • Logo om
  • Logo fff
Paiement 100% sécurisé

Vos données sont chiffrées et protégées pendant toute la transaction.

  • visa-mono
  • mastercard-alt
  • maestro-alt
  • paypal-mono
  • klarna-mono
  • apple-pay-mono
  • google-pay-mono
Besoin d’aide ?

Notre équipe répond à vos questions du lundi au vendredi de 10h à 12h et de 14h à 16h.
Support par e-mail ou par téléphone au 01 84 80 80 29.

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données