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
3
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 27/12/2024
Au top , hâte d'avoir la suite ...Merci de ces explications Didier
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Didier ;-)
Eric Reynaud
Eric Reynaud
Publié le 22/12/2024
Bonjour Carl, Mille fois merci !!! Vos tutos sont toujours formidables et j'apprends beaucoup grâce à vous !! Il me tarde déjà d'être à la partie 3. Un grand bravo pour votre travail ! A très bientôt, Eric.
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil, Eric. Cela me fait super plaisir ;-)
Antonio Coelho
Antonio Coelho
Publié le 21/12/2024
Merci beaucoup pour votre tuto ça nourri mes connaissances
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)

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 1436 tutos gratuits

Notre politique de protection des données