Il y a 8 months
Commentaire
Bon pédagogue, merci !
DescriptionProgrammeAvis
Optimisation du Customizer avec jQuery
Objectifs
Les objectifs de cette vidéo sont de vous enseigner comment:
- Utiliser l'objet wp.customize.
- Changer le paramètre de transport de refresh à postMessage.
- Écrire une fonction jQuery pour la prévisualisation en direct des changements de couleur.
Résumé
Apprenez à optimiser l'outil de personnalisation WordPress pour la modification en direct des couleurs sans rechargement de page.
Description
Dans cette leçon, nous vous montrons comment optimiser l'outil de personnalisation de WordPress en utilisant jQuery pour éviter le rechargement de la page lors des changements de couleur. Vous apprendrez à utiliser l'objet wp.customize et à changer le mode de transport de refresh à postMessage. Ensuite, nous écrirons une fonction jQuery pour lier dynamiquement les changements de couleur à notre thème. En suivant ces étapes, vous offrirez une meilleure expérience utilisateur et des temps de prévisualisation plus rapides à vos clients. Cette approche évite le rechargement de la page, accélérant le débit de travail et améliorant l'interactivité.
Questions - réponses
Questions réponses
Pourquoi est-il important d'éviter le rechargement de la page lors des changements de couleur dans WordPress?
Éviter le rechargement de la page améliore l'expérience utilisateur en permettant des modifications plus rapides et plus fluides. Cela économise du temps et des ressources, offrant une interface plus réactive.
Quel changement de paramètre permet de passer du mode de transport 'refresh' à 'postMessage'?
Changer le paramètre de transport dans l'objet wp.customize de 'refresh' à 'postMessage' permet d'éviter le rechargement complet de la page lors des modifications en direct.
Quelle est la fonction jQuery utilisée pour lier dynamiquement les changements de couleur à un thème WordPress?
La fonction jQuery utilisée est 'value.bind', qui permet de lier les changements de valeur en temps réel, appliquant ainsi les modifications directement à l'élément ciblé.
Programme détaillé
Module 1 - Étude et présentation du projet
Cahier des charges
00:49
Problématique
01:41
Module 2 - Organisation et environnement de travail
Module 3 - Personnalisation du thème
Module 4 - Utiliser le configurateur de thème
Module 5 - Traduire le thème
1 commentaire
5,0
1 vote
5
4
3
2
1
Formation ajoutée au panier
Maîtriser WordPress
- Création de thèmes avancés
Formateur expert
Accès sur tous vos appareils
Fichiers de travail téléchargeables