WP Rest API - Vice Versa

Pour cet exercice vous et votre coéquipier devez créer un microsite permettant de présenter les protagonistes du film Vice Versa de Pixar.

Votre coéquipier a conçu un mockup HTML sur CodePen, ainsi que le thème WordPress du site. Il compte maintenant sur vous pour le rendre dynamique dans WordPress via son Rest API.

Aperçu du résultat 👇

VIce Versa Matériel Pen de départ

Médias 🖼️

data-vice-versa-mm.xml.zip scf-structure-emotions-post-type.json.zip Installation & migration Installez en local une copie en Français du Canada de WordPress pour votre client. Ajoutez l'extension Secure Custom Fields (SCF). Installez le thème réalisé par votre collègue. Importez la STRUCTURE du Type de publication (post type) intitulé "Émotions" à l'aide du fichier JSON partagé ci-haut que vous aurez préalablement téléchargé et désarchivé (unzip). Vous devriez maintenant voir la section Émotions de la barre de gauche du tableau de bord WordPress. Vous devriez aussi voir ce type de publication apparraitre dans SCF / Post Types. Importez maintenant les DONNÉES des pages à l'aide du fichier XML partagé ci-haut que vous aurez préalablement téléchargé et désarchivé (unzip). Dans le tableau de bord de WordPress, vous devriez maintenant voir les 5 émotions apparaitre dans la section Émotions de la barre de gauche. Affichage Dans la page d'accueil de votre site, via le modèle home.php du thème, utilisez le Rest API de WordPress afin de récupérer tous les posts de type "émotions". Pour chacun de ces posts, recréez une carte en vous basant sur le Pen en pièce jointe. Assurez-vous d'afficher les émotions dans le même ordre que le Pen, c'est-à-dire en ordre alphabétique. Notes de cours 📚
Posts personnalisés Collections de types de publications
Champs avancés personnalisés SCF - Secure Custom Fields
Migration de données des pages Migrer les données d'un site WordPress vers un autre
REST API Accéder aux contenus en JavaScript via des JSON
Fetch API L'API Fetch: interface pour récupération de ressources à travers le réseau

Manipulation des contenus du DOM en JavaScript
JSON
Littéraux de gabarit