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

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

Carl Brison
24,00€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

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
30
Apprenants
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
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
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
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

Avec quelle version de logiciel ce tuto est-il compatible ?

WordPress 5, WordPress 3, WordPress 4, WordPress 6

Que contient le fichier source ?

Le code source de l'exercice

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 24,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1459 tutos gratuits

Notre politique de protection des données