CATALOGUE Code & Data Formation WordPress Créez vos thèmes WordPress 4.x Optimisation du Code HTML pour un Portfolio

Optimisation du Code HTML pour un Portfolio

Nettoyage du code et correction de l'affichage
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Créez vos thèmes WordPress 4.x
Revoir le teaser Je m'abonne
4,0
Transcription
49,90€ 24,95€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,0
49,90€ 24,95€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Réorganisation et Dynamisation des Éléments

Objectifs

Les objectifs de cette vidéo sont de montrer comment optimiser le code HTML d'un portfolio, éviter la répétition de code, et garantir une gestion plus structurée des éléments via des boucles en WordPress.

Résumé

Découvrez comment optimiser l'affichage de votre portfolio en réorganisant votre code HTML.

Description

Dans cette leçon, nous explorons une méthode pour optimiser l'affichage des éléments de votre portfolio en évitant la répétition de code HTML. Après avoir identifié que le copier-coller initial dans la boucle wild entraîne une répétition inutile, nous procédons à la réorganisation du code. Nous supprimons les fonctions de tri, repositionnons les filtres avant la boucle, et encapsulons les éléments du portfolio dans une balise div appropriée. En plaçant la div de fin après la boucle wild et resetPostData, nous assurons une présentation structurée et efficace. Pour valider notre démarche, nous ajoutons un arrière-plan à chaque item et affichons leurs titres, permettant de vérifier individuellement chaque élément du portfolio.

Cette approche, bien que centrée sur l'organisation du code HTML, met en lumière l'importance de structurer correctement le contenu pour une gestion dynamique efficiente. Les étapes incluent la reposition du code des filtres, l’encapsulation des éléments dans une div mère, et l'affichage dynamique des titres via PHP, montrant ainsi une compréhension approfondie de la manipulation des boucles et des classes CSS en WordPress.

Voir plus

Questions fréquentes

Pourquoi est-il important de ne pas répéter le code HTML dans une boucle?
La répétition de code HTML dans une boucle peut rendre le code difficile à maintenir et augmenter la taille de la page, impactant ainsi les performances.
Quelle est la fonction de resetPostData dans WordPress?
La fonction resetPostData réinitialise la requête principale après l'utilisation d'une boucle secondaire, pour éviter les conflits.
Quels sont les avantages d'encapsuler les éléments dans une balise div principale avant la boucle?
Encapsuler les éléments avant la boucle permet d'assurer une structure HTML cohérente et d'appliquer plus facilement des styles CSS globaux aux éléments enfant.

Programme détaillé

5 commentaires
4,0
5 votes
5
4
3
2
1
Natcol
Il y a 1 an
Bon pédagogue, dommage que la formation date
stevenchauvets
Il y a 3 ans
Pourquoi il n'y pas une vidéo qui montre comment importer le theme wordpress en ligne
stevenchauvets
Il y a 3 ans
Pourquoi il n'y pas une vidéo qui montre comment importer le theme wordpress en ligne
stevenchauvets
Il y a 3 ans
Pourquoi il n'y pas une vidéo qui montre comment importer le theme wordpress en ligne
stevenchauvets
Il y a 3 ans
Pourquoi il n'y pas une vidéo qui montre comment importer le theme wordpress en ligne